shelfSet.vue 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747
  1. <template>
  2. <view class="content">
  3. <u-navbar back-text="货架设置" :border-bottom="false" :background="{backgroundColor: $config('primaryColor')}"
  4. back-icon-color="#fff" :back-text-style="{ color: '#fff' }">
  5. <view slot='right' style="padding: 0 30upx;color: #ffffff;" @click="toPlRacking" v-if="shelfPlaceList">
  6. <u-icon name="piliangshangjia" custom-prefix="iscm-icon"></u-icon>
  7. <text style="margin-left: 6rpx;">批量上架</text>
  8. <u-badge v-if="showDot" :is-dot="true" size="mini" type="error"></u-badge>
  9. </view>
  10. </u-navbar>
  11. <view class="body-content flex flex_column">
  12. <view class="card-box" v-if="detailData">
  13. <view class="card-row flex align_center justify_between">
  14. <view class="label">货架名称:</view>
  15. <view class="text flex align_center justify_end"@click="editShelf">
  16. <text>{{detailData.shelfName}}</text>
  17. <u-icon name="arrow-right" color="#969da3" size="28"></u-icon>
  18. </view>
  19. </view>
  20. <view class="card-row flex align_center justify_between">
  21. <view class="label">关联客户:</view>
  22. <view class="text flex align_center justify_end" @click="customeSet">
  23. <text>{{ (detailData&&detailData.customerEntity&&detailData.customerEntity.customerName) || '--' }}</text>
  24. <u-icon name="arrow-right" color="#969da3" size="28"></u-icon>
  25. </view>
  26. </view>
  27. <view class="card-row align_center flex justify_between">
  28. <view class="label" @click="showTip(0)">价格权限设置 <u-icon color="#ffaa00"
  29. name="question-circle"></u-icon>:</view>
  30. <view class="text flex align_center justify_end" @click="openSetPriceShow">
  31. <view style="flex-grow: 1;">
  32. <view>货架产品:<text style="width: 80%;flex: 1;">{{showPriceStr.length ? showPriceStr.join("/") : '--'}}</text></view>
  33. <view>非货架产品:<text style="width: 80%;flex: 1;">{{showNonPriceStr.length ? showNonPriceStr.join("/") : '--'}}</text></view>
  34. </view>
  35. <u-icon name="arrow-right" color="#969da3" size="28"></u-icon>
  36. </view>
  37. </view>
  38. <view class="card-row align_center flex justify_between" v-if="showMore">
  39. <view class="label">货架状态:</view>
  40. <view class="text flex align_center justify_end" @click="showEnableShelf=true">
  41. <text>启用</text>
  42. <u-icon name="arrow-right" color="#969da3" size="28"></u-icon>
  43. </view>
  44. </view>
  45. <view class="card-row align_center flex justify_between" v-if="showMore">
  46. <view class="label">货架注销:</view>
  47. <view class="text">
  48. <u-button type="primary" size="mini" @click="showCancelShelf=true">注销</u-button>
  49. </view>
  50. </view>
  51. <view class="card-row align_center flex justify_between" v-if="showMore">
  52. <view class="label" @click="showTip(1)">是否设置完成<u-icon color="#ffaa00"
  53. name="question-circle"></u-icon>: </view>
  54. <view class="text"><u-switch :size="40" v-model="switchVal"
  55. @change="switchChange"></u-switch></view>
  56. </view>
  57. <view class="moreSeting" @click="showMore=!showMore">
  58. <text>{{!showMore?'更多设置':'收起'}}</text> <u-icon :name="showMore?'arrow-up':'arrow-down'"></u-icon>
  59. </view>
  60. </view>
  61. <!-- 货位信息 -->
  62. <view class="shelfPlace" :style="{height: scrollH+'px'}" v-if="shelfPlaceList">
  63. <view class="flex align_center shelfPlaceHead">
  64. <view class="lt"><text>□</text>表示没有绑定产品</view>
  65. <view class="search-btn flex align_center" @click="toSearchHw">
  66. <view><u-icon name="search"></u-icon><text>按产品搜索</text></view>
  67. <u-icon name="scan"></u-icon>
  68. </view>
  69. </view>
  70. <view class="flex shelfTabs">
  71. <view class="leftTabs">
  72. <view v-for="item in placeTab" :key="item" :class="curTab==item?'active':''"
  73. @click="tabChange(item)">{{item}}层</view>
  74. </view>
  75. <view class="rightCons flex flex_column">
  76. <view class="hwList flex_1">
  77. <text @click="editHw(item)" v-for="item in shelfPlaceList[curTab]"
  78. :key="item.shelfPlaceCode"
  79. :class="item.shelfProductApiEntity && item.shelfProductApiEntity.productSn?'':'red'">
  80. {{item.shelfPlaceCode}}
  81. </text>
  82. <text class="add" @click="addHw('add',1)"><u-icon name="plus"></u-icon></text>
  83. </view>
  84. <view class="hwAction flex justify_between">
  85. <u-button shape="circle" @click="tapPopup(1)" size="medium">打印贴签</u-button>
  86. <u-button class="newbtn" @click="tapPopup(2)" type='primary' shape="circle"
  87. size="medium">快速补货</u-button>
  88. </view>
  89. </view>
  90. </view>
  91. </view>
  92. <view style="width: 100%;" v-else>
  93. <view class="nodata" v-if="!loading">
  94. <view>
  95. <u-image :src="`../../static/${$config('themePath')}/def_no_data@3x.png`" width="180"
  96. height="180" border-radius="10"></u-image>
  97. </view>
  98. <view class="flex">
  99. 暂无货位信息,请点击
  100. <view>
  101. <text @click="toPlRacking">批量上架</text>
  102. <u-badge :offset="[-6,-10]" v-if="showDot" :is-dot="true" size="mini"
  103. type="error"></u-badge>
  104. </view>
  105. </view>
  106. </view>
  107. <view class="nodata" v-else>
  108. <u-loadmore :load-text="$config('loadText')" status="loading" />
  109. </view>
  110. </view>
  111. </view>
  112. <!-- 设置价格显示弹框 -->
  113. <u-modal v-model="updateShowPrice" :show-cancel-button="true" title="价格权限设置" @confirm="savePriceSet">
  114. <view class="slot-content" style="padding: 1rem 1rem 1.5rem;text-align: center;">
  115. <view style="color: #999;font-size: 0.8rem;margin: 0.5rem;">提示:不勾选则不显示价格</view>
  116. <view style="text-align: left;font-size: 0.9rem;padding-left: 1rem;">货架产品:</view>
  117. <u-checkbox-group @change="priceSetChange">
  118. <u-checkbox v-for="item in showPrice" :key="item.paramCode" v-model="item.checked"
  119. :name="item.paramCode">{{item.text}}</u-checkbox>
  120. </u-checkbox-group>
  121. <view style="text-align: left;font-size: 0.9rem;padding-left: 1rem;margin-top: 0.5rem;">非货架产品:</view>
  122. <u-checkbox-group @change="nonPriceSetChange">
  123. <u-checkbox v-for="item in showNonPrice" :key="item.paramCode" v-model="item.checked"
  124. :name="item.paramCode">{{item.text}}</u-checkbox>
  125. </u-checkbox-group>
  126. </view>
  127. </u-modal>
  128. <!-- 启用禁用货架 -->
  129. <u-modal v-model="showEnableShelf" :show-cancel-button="true" title="货架状态" @confirm="enbaleShelf">
  130. <view class="slot-content" style="padding: 1rem 1rem 1.5rem;text-align: center;">
  131. <u-radio-group v-model="shelfStatus">
  132. <u-radio :name="1">启用</u-radio>
  133. <u-radio :name="0">停用</u-radio>
  134. </u-radio-group>
  135. </view>
  136. </u-modal>
  137. <!-- 注销货架 -->
  138. <u-modal v-model="showCancelShelf" :show-cancel-button="true" title="是否注销该数字货架?" @confirm="cancelShelf">
  139. <view class="slot-content" style="padding: 1rem 1rem 1.5rem;text-align: center;">
  140. 点击确定,该数字货架就不可做任何操作,用户不可登陆。
  141. </view>
  142. </u-modal>
  143. </view>
  144. </template>
  145. <script>
  146. import {
  147. shelfDetail,
  148. shelfSave,
  149. modifFinishFlag,
  150. getProductPlace,
  151. getShelfPriceShow,
  152. updateShelfPriceShow
  153. } from '@/api/shelf'
  154. import {
  155. shelfCartNotEmpty
  156. } from '@/api/shelfCart'
  157. import {
  158. createShelfReplenishBill
  159. } from '@/api/shelfReplenish'
  160. export default {
  161. components: {},
  162. data() {
  163. return {
  164. loading: false,
  165. shelfSn: null,
  166. detailData: null,
  167. switchVal: false,
  168. showMenus: false,
  169. scrollH: 400,
  170. popData: [{
  171. title: '快速补货',
  172. val: '0'
  173. }, {
  174. title: '打印贴签',
  175. val: '1'
  176. }],
  177. pleft: 0,
  178. ptop: 0,
  179. shelfPlaceList: null,
  180. placeTab: [],
  181. curTab: '',
  182. isLoad: false,
  183. webView: null,
  184. showDot: false,
  185. showPrice: [],
  186. showNonPrice:[],
  187. showPriceStr: [],
  188. showNonPriceStr:[],
  189. updateShowPrice: false,
  190. showPriceBak: [],
  191. showMore: false,
  192. showEnableShelf: false,
  193. shelfStatus: 1,
  194. showCancelShelf: false
  195. }
  196. },
  197. watch: {
  198. showMore(a, b) {
  199. this.getScrollHeight(a)
  200. },
  201. },
  202. onLoad(option) {
  203. this.shelfSn = option.shelfSn
  204. // 获取货架详情
  205. this.getShelfDetal()
  206. // 获取货物
  207. this.getShelfPlace()
  208. this.isLoad = true
  209. // this.webView = this.$mp.page.$getAppWebview();
  210. uni.$on("editCustome", (data) => {
  211. this.isLoad = true
  212. this.saveShelf(data, 0)
  213. })
  214. uni.$on("editShelfName", (data) => {
  215. this.isLoad = true
  216. this.saveShelf(data, 1)
  217. })
  218. // const win = uni.getWindowInfo()
  219. // this.pleft = Math.floor(win.windowWidth * 0.3)
  220. // this.ptop = Math.floor(win.windowHeight - 70)
  221. this.getScrollHeight(this.showMore)
  222. console.log(this.shelfSn)
  223. },
  224. onUnload() {
  225. uni.$off("editCustome")
  226. uni.$off("editShelfName")
  227. },
  228. onShow() {
  229. if (!this.isLoad) {
  230. this.updateHw()
  231. }
  232. },
  233. methods: {
  234. getScrollHeight(a) {
  235. const sys = uni.getSystemInfoSync()
  236. const h = a ? 290 : 250
  237. if (sys.platform == 'android') {
  238. this.scrollH = sys.windowHeight - h
  239. } else {
  240. if (sys.safeArea.top) {
  241. this.scrollH = sys.windowHeight - h + sys.statusBarHeight - 34
  242. } else {
  243. this.scrollH = sys.windowHeight - h - 14
  244. }
  245. }
  246. },
  247. // 刷新货位
  248. updateHw() {
  249. this.placeTab = []
  250. this.shelfPlaceList = null
  251. this.getShelfPlace(true)
  252. },
  253. // 批量上架
  254. toPlRacking() {
  255. const url = this.showDot ? '/pages/batchShelves/cartList' : '/pages/batchShelves/index'
  256. uni.navigateTo({
  257. url: url + "?shelfSn=" + this.shelfSn + '&shelfName=' + this.detailData.shelfName +
  258. '&customerSn=' + this.detailData.customerSn
  259. })
  260. },
  261. // 更多操作
  262. tapPopup(e) {
  263. // 打印贴签
  264. if (e == 1) {
  265. if (this.hasNoBindPro()) {
  266. uni.navigateTo({
  267. url: "/pages/latePlay/chooseProduct?shelfSn=" + this.shelfSn + '&shelfName=' + this
  268. .detailData.shelfName
  269. })
  270. } else {
  271. uni.showModal({
  272. showCancel: false,
  273. confirmText: "好的",
  274. title: "提示",
  275. content: "所有货位都没有绑定产品,无法打印贴签!"
  276. })
  277. }
  278. }
  279. // 快速补货
  280. if (e == 2) {
  281. createShelfReplenishBill({
  282. shelfSn: this.shelfSn,
  283. enableFlag: 1
  284. }).then(res => {
  285. console.log(res.data)
  286. if (res.data && res.data.length) {
  287. const params = Object.assign(this.detailData, {
  288. list: res.data
  289. })
  290. this.$store.state.vuex_tempData = params
  291. uni.navigateTo({
  292. url: "/pages/shelfSetting/quickReplenish"
  293. })
  294. } else {
  295. uni.showModal({
  296. showCancel: false,
  297. confirmText: "好的",
  298. title: "提示",
  299. content: "没有需要补货的产品"
  300. })
  301. }
  302. })
  303. }
  304. },
  305. showTip(type) {
  306. uni.showModal({
  307. showCancel: false,
  308. confirmText: "好的",
  309. title: "提示",
  310. content: type ? "只有当数字货架的“是否设置完成”为“是”,系统才会自动对该货架生成补货单,修理厂才能正常下单。" :
  311. "不勾选则不显示价格,结算价:即易码通进货价"
  312. })
  313. },
  314. // 注销货架
  315. cancelShelf(){
  316. this.showCancelShelf = false
  317. },
  318. // 启用禁用货架
  319. enbaleShelf(){
  320. this.showEnableShelf = false
  321. },
  322. // 设置完成是否
  323. switchChange(v) {
  324. const params = {
  325. shelfSn: this.shelfSn,
  326. finishFlag: v ? '1' : '0'
  327. }
  328. modifFinishFlag(params).then(res => {
  329. if (res.status == 200) {
  330. uni.showToast({
  331. icon: 'none',
  332. title: res.message
  333. })
  334. }
  335. })
  336. },
  337. // 关联客户
  338. customeSet() {
  339. uni.navigateTo({
  340. url: "/pages/sales/chooseCustomer?backPage=shelfEdit&shelfName=" + this.detailData.shelfName
  341. })
  342. },
  343. // 修改货架名称
  344. editShelf() {
  345. uni.navigateTo({
  346. url: "/pages/shelfSetting/editShelf?shelfName=" + this.detailData.shelfName
  347. })
  348. },
  349. // 是否没有绑定任何产品
  350. hasNoBindPro() {
  351. let noBindPro = null;
  352. for (let i = 0; i < this.placeTab.length; i++) {
  353. noBindPro = this.shelfPlaceList[this.placeTab[i]].find(item => item.shelfProductApiEntity && item
  354. .shelfProductApiEntity.productSn);
  355. if (!!noBindPro) {
  356. break
  357. }
  358. }
  359. return !!noBindPro
  360. },
  361. // 按照产品搜索货位
  362. toSearchHw() {
  363. if (this.hasNoBindPro()) {
  364. uni.navigateTo({
  365. url: "/pages/shelfSetting/searchShelfHw?shelfName=" + this.detailData.shelfName +
  366. "&shelfSn=" + this.shelfSn
  367. })
  368. } else {
  369. uni.showModal({
  370. showCancel: false,
  371. confirmText: "好的",
  372. title: "提示",
  373. content: "所有货位都没有绑定产品,无法搜索!"
  374. })
  375. }
  376. },
  377. // 编辑货位
  378. editHw(item) {
  379. const hasProduct = item.shelfProductApiEntity && item.shelfProductApiEntity.productSn
  380. const type = hasProduct ? 'edit' : 'bind'
  381. const params = Object.assign(this.detailData, item)
  382. this.$store.state.vuex_tempData = params
  383. uni.navigateTo({
  384. url: "/pages/shelfSetting/editShelfHw?type=" + type
  385. })
  386. },
  387. // 新增货位
  388. addHw(type, flag) {
  389. let shelfPlaceCode = ''
  390. if (type == 'edit') {
  391. shelfPlaceCode = flag
  392. }
  393. if (type == 'add' && flag == 1) {
  394. const row = this.shelfPlaceList[this.curTab]
  395. const num = row[row.length - 1].shelfPlaceCode.replace(this.curTab, '')
  396. const nextNum = Number(num) + 1
  397. shelfPlaceCode = this.curTab + (nextNum < 10 ? '0' : '') + nextNum
  398. }
  399. const params = {
  400. customerSn: this.detailData.customerSn,
  401. shelfSn: this.detailData.shelfSn,
  402. id: this.detailData.id
  403. }
  404. uni.navigateTo({
  405. url: "/pages/shelfSetting/addShelfHw?detailData=" + encodeURIComponent(JSON.stringify(
  406. params)) + "&type=" + type + "&shelfPlaceCode=" + shelfPlaceCode
  407. })
  408. },
  409. // 保存数字货架基本信息
  410. saveShelf(data, type) {
  411. const params = {
  412. shelfSn: this.shelfSn
  413. }
  414. if (type == 1) {
  415. params.customerSn = this.detailData.customerSn
  416. params.shelfName = data.shelfName
  417. } else {
  418. params.customerSn = data.customerSn
  419. }
  420. shelfSave(params).then(res => {
  421. if (res.status == 200) {
  422. this.toashMsg(res.message)
  423. this.getShelfDetal()
  424. }
  425. })
  426. },
  427. // 获取价格显示设置
  428. getShelfPriceShow() {
  429. getShelfPriceShow({
  430. shelfSn: this.shelfSn
  431. }).then(res => {
  432. if (res.status == 200) {
  433. const ret = res.data && res.data
  434. this.showPriceBak = ret
  435. console.log(ret)
  436. this.formatPriceShow()
  437. }
  438. })
  439. },
  440. // 格式化价格显示
  441. checkPrice(item){
  442. if(item.paramCode.indexOf("non_")>=0){
  443. this.showNonPrice.push({
  444. paramCode: item.paramCode,
  445. paramValue: item.paramValue,
  446. text: item.paramCode == 'non_shelf_price_show' ? '车主价' : '结算价',
  447. checked: item.paramValue == 1
  448. })
  449. }else{
  450. this.showPrice.push({
  451. paramCode: item.paramCode,
  452. paramValue: item.paramValue,
  453. text: item.paramCode == 'shelf_price_show' ? '车主价' : '结算价',
  454. checked: item.paramValue == 1
  455. })
  456. }
  457. },
  458. formatPriceShow(){
  459. this.showPrice = []
  460. this.showPriceStr = []
  461. this.showNonPrice = []
  462. this.showNonPriceStr = []
  463. const a = this.showPriceBak.filter(item => item.paramCode.indexOf('shelf_price_show')>=0)
  464. const b = this.showPriceBak.filter(item => item.paramCode.indexOf('shelf_cost_show')>=0)
  465. a.map(item => {
  466. if (item.paramCode == 'shelf_price_show' && item.paramValue == 1) {
  467. this.showPriceStr.push("车主价")
  468. }
  469. if (item.paramCode == 'non_shelf_price_show' && item.paramValue == 1) {
  470. this.showNonPriceStr.push("车主价")
  471. }
  472. this.checkPrice(item)
  473. })
  474. b.map(item => {
  475. if (item.paramCode == 'shelf_cost_show' && item.paramValue == 1) {
  476. this.showPriceStr.push("结算价")
  477. }
  478. if (item.paramCode == 'non_shelf_cost_show' && item.paramValue == 1) {
  479. this.showNonPriceStr.push("结算价")
  480. }
  481. this.checkPrice(item)
  482. })
  483. },
  484. openSetPriceShow(){
  485. this.formatPriceShow()
  486. this.updateShowPrice = true
  487. },
  488. // 选择价格显示
  489. priceSetChange(e) {
  490. console.log(e)
  491. this.showPrice.map(item => {
  492. item.paramValue = e.includes(item.paramCode) ? 1 : 0
  493. })
  494. },
  495. nonPriceSetChange(e){
  496. this.showNonPrice.map(item => {
  497. item.paramValue = e.includes(item.paramCode) ? 1 : 0
  498. })
  499. },
  500. // 价格显示保存
  501. savePriceSet() {
  502. uni.showLoading({
  503. mask: true,
  504. title: '正在保存价格设置...'
  505. })
  506. // 更新价格显示
  507. updateShelfPriceShow({
  508. shelfSn: this.shelfSn,
  509. paramValue: [...this.showPrice,...this.showNonPrice]
  510. }).then(res => {
  511. if (res.status == 200) {
  512. this.getShelfPriceShow()
  513. this.toashMsg(res.message)
  514. }
  515. uni.hideLoading()
  516. })
  517. },
  518. getShelfDetal() {
  519. shelfDetail({
  520. sn: this.shelfSn
  521. }).then(res => {
  522. if (res.status == 200) {
  523. this.detailData = res.data
  524. this.switchVal = res.data.finishFlag == 1
  525. // 价格设置
  526. this.getShelfPriceShow()
  527. } else {
  528. this.detailData = null
  529. }
  530. })
  531. },
  532. getShelfPlace(flag) {
  533. this.loading = true
  534. getProductPlace({
  535. shelfSn: this.shelfSn
  536. }).then(res => {
  537. if (res.status == 200 && res.data) {
  538. this.shelfPlaceList = res.data
  539. // 获取层
  540. for (let a in res.data) {
  541. this.placeTab.push(a)
  542. }
  543. // 排序
  544. this.placeTab.sort(function(a, b) {
  545. return (a + '').localeCompare(b + '');
  546. });
  547. console.log(this.placeTab)
  548. if (!flag || !this.curTab) {
  549. this.curTab = this.placeTab[0]
  550. }
  551. if (this.placeTab.length == 0) {
  552. this.shelfPlaceList = null
  553. }
  554. } else {
  555. this.shelfPlaceList = null
  556. this.placeTab = []
  557. }
  558. // 是否有已录入的产品
  559. this.getHasCartNotEmpty()
  560. this.isLoad = false
  561. this.loading = false
  562. })
  563. },
  564. tabChange(item) {
  565. this.curTab = item
  566. },
  567. getHasCartNotEmpty() {
  568. shelfCartNotEmpty({
  569. shelfSn: this.shelfSn
  570. }).then(res => {
  571. this.showDot = res.data == 1
  572. })
  573. }
  574. }
  575. }
  576. </script>
  577. <style lang="less">
  578. .content {
  579. width: 100%;
  580. .nodata {
  581. padding: 100rpx 50rpx;
  582. text-align: center;
  583. display: flex;
  584. flex-direction: column;
  585. justify-content: center;
  586. align-items: center;
  587. >view {
  588. position: relative;
  589. padding: 10upx 0;
  590. text {
  591. color: #00aaff;
  592. margin-left: 10rpx;
  593. }
  594. }
  595. }
  596. .body-content {
  597. width: 100%;
  598. }
  599. .card-box {
  600. background-color: #fff;
  601. border-radius: 0.5rem;
  602. box-shadow: 0.1rem 0.2rem 0.3rem #eee;
  603. padding: 0 1rem;
  604. margin: 0.5rem;
  605. .card-row {
  606. border-bottom: 1rpx solid #eee;
  607. padding: 10rpx 0;
  608. min-height: 80rpx;
  609. &:last-child {
  610. border-bottom: 0;
  611. }
  612. .label{
  613. min-width: 30%;
  614. }
  615. .text {
  616. color: #666;
  617. flex-grow: 1;
  618. text-align: right;
  619. }
  620. }
  621. .moreSeting {
  622. text-align: center;
  623. color: #999;
  624. padding: 20upx;
  625. >text {
  626. margin-right: 10rpx;
  627. }
  628. }
  629. }
  630. .shelfPlace {
  631. height: calc(100% - 300rpx);
  632. .shelfPlaceHead {
  633. padding: 0.2rem 0.5rem 0.5rem;
  634. justify-content: space-between;
  635. .lt {
  636. font-size: 0.9rem;
  637. color: #999;
  638. text {
  639. color: #ff5500;
  640. font-size: 1rem;
  641. }
  642. }
  643. .search-btn {
  644. border: 1rpx solid #eee;
  645. border-radius: 50rpx;
  646. width: 50%;
  647. justify-content: space-between;
  648. padding: 0.3rem 0.5rem;
  649. color: #999;
  650. background-color: #fff;
  651. font-size: 0.9rem;
  652. &:active {
  653. opacity: 0.6;
  654. }
  655. }
  656. }
  657. .shelfTabs {
  658. height: calc(100% - 85rpx);
  659. .leftTabs {
  660. width: 20%;
  661. overflow: auto;
  662. >view {
  663. padding: 0.8rem 0.5rem;
  664. border-left: 0.2rem solid #f8f8f8;
  665. text-align: center;
  666. }
  667. .active {
  668. border-color: rgb(47, 126, 209);
  669. background-color: #fff;
  670. }
  671. }
  672. .rightCons {
  673. width: 80%;
  674. background-color: #fff;
  675. position: relative;
  676. .hwList {
  677. overflow: auto;
  678. padding: 0.5rem;
  679. padding-bottom: 105rpx;
  680. >text {
  681. border: 1rpx solid #eee;
  682. padding: 0.2rem 0.8rem;
  683. border-radius: 0.3rem;
  684. margin: 0.5rem 2%;
  685. float: left;
  686. width: 20%;
  687. text-align: center;
  688. }
  689. .red {
  690. border-color: #ff5500;
  691. }
  692. .add {
  693. border-style: dashed;
  694. border-color: #999;
  695. color: #999;
  696. }
  697. }
  698. .hwAction {
  699. padding: 0.5rem;
  700. position: fixed;
  701. bottom: 0;
  702. right: 0;
  703. width: 80%;
  704. background-color: #fff;
  705. button {
  706. width: 240rpx;
  707. }
  708. .newbtn {
  709. background-color: rgb(51, 95, 182);
  710. color: #fff;
  711. }
  712. }
  713. }
  714. }
  715. }
  716. }
  717. </style>