uni-Identify-quality/unpackage/dist/dev/.sourcemap/mp-weixin/pages/consignment-painting/index.js.map

{"version":3,"sources":["uni-app:///main.js","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/pages/consignment-painting/index.vue?188b","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/pages/consignment-painting/index.vue?59eb","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/pages/consignment-painting/index.vue?275c","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/pages/consignment-painting/index.vue?0358","uni-app:///pages/consignment-painting/index.vue","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/pages/consignment-painting/index.vue?2150"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","renderjs","component","options","__file","components","titleBlock","uUpload","uPopup","uDatetimePicker","uLoadingPage","e","message","indexOf","console","error","render","_vm","this","_h","$createElement","g0","_self","_c","listPaintings","length","l0","__map","item","index","$orig","__get_orig","g1","warehouseID","addressList","find","x","ID","g2","g3","g4","currentIndex","_isMounted","e0","$event","show_2","e1","e2","e3","show_1","e4","e5","show","e6","$mp","data","Object","assign","$root","recyclableRender","staticRenderFns","_withStripped","i","name","years","months","days","fileList1","artworkNum","artworkName","artistName","artworkSquareSize","endAt","contentListHeight","isExpand","isExpand1","listHeight","minDate","value1","loading","dayMoney","expectedPayment","cycleId","cycleList","info","title","year","month","day","value","visible","url","watch","handler","mounted","date","methods","itemDelete","itemClick","addPainting","getheight","query","expand1","expand","timestampToDateString","confirmDate","openShow1","uni","duration","icon","uploadFilePromise","filePath","success","resolve","deletePic","afterRead","lists","fileListLen","status","result","signContract","checks","check","artworkImage","res","transactionId","addressName","obtainAmount","confirmCycle","confirmAddress","selectAddress","selectionPeriod","getCycle","getAddress","getDetailUrl","isDateFont","changeData","back","delta"],"mappings":"2JAAA,MAGA,aACA,YAFAA,EAAGC,kCAAoCC,EAGvCC,EAAWC,a,gFCLX,oIACIC,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,uCACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IACEA,EAAa,CACXC,WAAY,WACV,OAAO,kEAITC,QAAS,WACP,OAAO,yGAITC,OAAQ,WACN,OAAO,uGAITC,gBAAiB,WACf,OAAO,2HAIT,UAAW,WACT,OAAO,yGAITC,aAAc,WACZ,OAAO,sHAKX,MAAOC,GACP,IAC+C,IAA7CA,EAAEC,QAAQC,QAAQ,wBACa,IAA/BF,EAAEC,QAAQC,QAAQ,QAWlB,MAAMF,EATNG,QAAQC,MAAMJ,EAAEC,SAChBE,QAAQC,MAAM,mBACdD,QAAQC,MACN,uFAEFD,QAAQC,MACN,mDAMN,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eAETC,GADKJ,EAAIK,MAAMC,GACVN,EAAIO,cAAcC,QACvBC,EACFL,EAAK,EACDJ,EAAIU,MAAMV,EAAIO,eAAe,SAAUI,EAAMC,GAC3C,IAAIC,EAAQb,EAAIc,WAAWH,GACvBI,EAAKf,EAAIO,cAAcK,GAAOI,YAC9BhB,EAAIiB,YAAYC,MAAK,SAAUC,GAC7B,OAAOA,EAAEC,KAAOpB,EAAIO,cAAcK,GAAOI,eAE3C,KACJ,MAAO,CACLH,MAAOA,EACPE,GAAIA,MAGR,KACFM,EAAKjB,EAAK,EAAIJ,EAAIO,cAAcC,OAAS,KACzCc,EAAKtB,EAAIO,cAAcC,OACvBe,EAAKvB,EAAIO,cAAcP,EAAIwB,cAAcR,YACzChB,EAAIiB,YAAYC,MAAK,SAAUC,GAC7B,OAAOA,EAAEC,KAAOpB,EAAIO,cAAcP,EAAIwB,cAAcR,eAEtD,KACChB,EAAIyB,aACPzB,EAAI0B,GAAK,SAAUC,GACjB3B,EAAI4B,QAAS,GAEf5B,EAAI6B,GAAK,WACP7B,EAAI4B,QAAS,GAEf5B,EAAI8B,GAAK,SAAUH,GACjB3B,EAAI4B,QAAS,GAEf5B,EAAI+B,GAAK,WACP/B,EAAIgC,QAAS,GAEfhC,EAAIiC,GAAK,SAAUN,GACjB3B,EAAIgC,QAAS,GAEfhC,EAAIkC,GAAK,SAAUP,GACjB3B,EAAImC,MAAO,GAEbnC,EAAIoC,GAAK,SAAUT,GACjB3B,EAAImC,MAAO,IAGfnC,EAAIqC,IAAIC,KAAOC,OAAOC,OACpB,GACA,CACEC,MAAO,CACLrC,GAAIA,EACJK,GAAIA,EACJY,GAAIA,EACJC,GAAIA,EACJC,GAAIA,MAKRmB,GAAmB,EACnBC,EAAkB,GACtB5C,EAAO6C,eAAgB,G,iCCpHvB,yHAAoqB,eAAG,G,gKCoQvqB,YACA,6PAAAC,EAAA,EAAAA,EAAA,iBAAAA,IAAA,uBAAAA,GAAA,UAAAA,GAAA,GAAAA,EAAA,sRAEA,CACAC,qBACAR,gBAQA,IAPA,eACA,KACA,kBACA,KACA,iBACA,KACA,cACA,8BACAS,UAEA,sBACAC,UAEA,sBACAC,UAEA,OACAzB,eACAjB,gBACA2C,aACAC,cACAC,eACAC,cACAC,qBACAtC,eACAuC,WAEAC,oBACAC,YACAC,aACAC,eACAC,WACAzB,QACA0B,UACAC,WACAZ,aACAa,YACAC,mBACAhD,eACAiD,WACAC,aACAjD,eACAkD,QACAvC,UACAU,QACAN,UACAoC,oBACArB,QACAsB,OACArB,SACAsB,QACArB,OACAsB,MACAC,qBACAC,WACAC,SAGAC,OACA,0BACAC,mBACA,sBAGAf,mBACA,sBAIAgB,mBACA,eACAC,oBACA,iCACA,gBACA,qBACA,4BACA,qBAEA,kBACA,eACA,6DACA,wDAEAC,SACAC,sBAAA,WACA,+CACA,oBACA,gCACA,0BAEA,2BACA,kBAKAC,sBACA,qBAEAC,uBAAA,WACA,yBACAhC,aACAC,cACAC,eACAC,cACAC,qBACAtC,eACAuC,WAEA,2BACA,iBAEA,uCAEA4B,qBAAA,WACA,mCACAC,0DACA,MACA,oCACAA,sDACA,IACA,0CAEA,WAEA,QAEAC,mBACA,gCAEAC,kBACA,cACA,oBAEA,+EAEA,8BAEAC,kCACA,kBACA,kBACA,mCACA,8BACA,sBAEAC,wBACA,gFACA,cAEAC,qBACA,wDAQA,eAPAC,aACAtB,kBACAuB,aACAC,eAMAC,8BACA,gCACAH,cACAhB,8CACAoB,WACAhD,YACAiD,oBACAlG,qBACA,mCACAmG,YAMAC,qBACA,mBAGAC,sBAAA,kJAEAC,oBACAC,mDACAD,mBACA,sDACAxF,OACA0F,mBACA1G,oBAGAkD,IAAA,yDACA,6CAAAyD,SACA3F,+CACA,sEACA0F,iBACA1G,WACA+E,SAEA0B,IAAA,QARAvD,IAAA,0DAXA,IAsBA0D,wBAAA,wJACAC,GACA,CACAhC,2BACA7E,mBAEA,CACA6E,+BACA7E,oBAEA,CACA6E,wBACA7E,mBAEA,CACA6E,yBACA7E,mBAEA,CACA6E,wBACA7E,mBACA,CACA6E,oBACA7E,mBACA,CACA6E,eACA7E,oBACA,MACA6G,EAAA,4CAAAC,OACAA,SAAA,eAIA,OAHAf,aACAtB,gBACAwB,cACA,qDAaA,OATA,aACAtD,GACAiB,eACAvC,0BACAsC,mDACAF,+BACAsD,0FACAvD,6BACAE,8BACA,WACA,kEAAAsD,SACA,eACAjB,2CACA,qCACAA,iCACAnC,eACAvC,0BACA4F,mCACA7C,oBACAI,YACAH,kCACA6C,4CAAA,yCAEAnB,cACAhB,iCAEA,cACA,2CAhEA,IAmEAoC,wBAAA,4IAKA,OAJApB,mCACApD,GACAgB,mDACAC,gBACA,UACA,2DAAAoD,SACA,eACA,+BACA,4BACA,0CAVA,IAYAI,wBACA,gBAEAC,0BACA,gBAEAC,0BACA,wDAEAC,4BACA,mBAEAC,oBAAA,2JACA,qDAAAR,SACA,eACA,yBACA,0CAJA,IAMAS,sBAAA,2JACA,uDAAAT,SACA,eACA,2BACA,0CAJA,IAMAU,wBAAA,4IAGA,OAFA/E,GACAoC,WACA,UACA,qDAAAiC,SACA,cACA,cACA,cAAAjC,yBAEAgB,aACAtB,YACAwB,cAGA/F,8BAAA,0CAdA,IAgBAyH,yBACA,uCACA,yBAGAC,uBACA,4EAEAC,gBACA9B,gBAAA+B,aAGA,c,6DCtlBA,yHAA+wC,eAAG,G","file":"pages/consignment-painting/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/consignment-painting/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=06cb0d30&scoped=true&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=06cb0d30&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"06cb0d30\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/consignment-painting/index.vue\"\nexport default component.exports","export * from \"-!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=06cb0d30&scoped=true&\"","var components\ntry {\n  components = {\n    titleBlock: function () {\n      return import(\n        /* webpackChunkName: \"components/title-block/title-block\" */ \"@/components/title-block/title-block.vue\"\n      )\n    },\n    uUpload: function () {\n      return import(\n        /* webpackChunkName: \"uview-ui/components/u-upload/u-upload\" */ \"@/uview-ui/components/u-upload/u-upload.vue\"\n      )\n    },\n    uPopup: function () {\n      return import(\n        /* webpackChunkName: \"uview-ui/components/u-popup/u-popup\" */ \"@/uview-ui/components/u-popup/u-popup.vue\"\n      )\n    },\n    uDatetimePicker: function () {\n      return import(\n        /* webpackChunkName: \"uview-ui/components/u-datetime-picker/u-datetime-picker\" */ \"@/uview-ui/components/u-datetime-picker/u-datetime-picker.vue\"\n      )\n    },\n    \"u-Input\": function () {\n      return import(\n        /* webpackChunkName: \"uview-ui/components/u--input/u--input\" */ \"@/uview-ui/components/u--input/u--input.vue\"\n      )\n    },\n    uLoadingPage: function () {\n      return import(\n        /* webpackChunkName: \"uview-ui/components/u-loading-page/u-loading-page\" */ \"@/uview-ui/components/u-loading-page/u-loading-page.vue\"\n      )\n    },\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var g0 = _vm.listPaintings.length\n  var l0 =\n    g0 > 1\n      ? _vm.__map(_vm.listPaintings, function (item, index) {\n          var $orig = _vm.__get_orig(item)\n          var g1 = _vm.listPaintings[index].warehouseID\n            ? _vm.addressList.find(function (x) {\n                return x.ID === _vm.listPaintings[index].warehouseID\n              })\n            : null\n          return {\n            $orig: $orig,\n            g1: g1,\n          }\n        })\n      : null\n  var g2 = g0 > 1 ? _vm.listPaintings.length : null\n  var g3 = _vm.listPaintings.length\n  var g4 = _vm.listPaintings[_vm.currentIndex].warehouseID\n    ? _vm.addressList.find(function (x) {\n        return x.ID === _vm.listPaintings[_vm.currentIndex].warehouseID\n      })\n    : null\n  if (!_vm._isMounted) {\n    _vm.e0 = function ($event) {\n      _vm.show_2 = true\n    }\n    _vm.e1 = function () {\n      _vm.show_2 = true\n    }\n    _vm.e2 = function ($event) {\n      _vm.show_2 = false\n    }\n    _vm.e3 = function () {\n      _vm.show_1 = true\n    }\n    _vm.e4 = function ($event) {\n      _vm.show_1 = false\n    }\n    _vm.e5 = function ($event) {\n      _vm.show = true\n    }\n    _vm.e6 = function ($event) {\n      _vm.show = false\n    }\n  }\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        g0: g0,\n        l0: l0,\n        g2: g2,\n        g3: g3,\n        g4: g4,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"","<template>\r\n  <div class=\"order-details\">\r\n    <title-block class=\"titile-d\" title=\"寄存画作\">\r\n      <template #left>\r\n        <div>\r\n          <image style=\"width: 112rpx;height: 52rpx\"\r\n                 src=\"https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/785cf885-c4c9-44b3-8155-4b39988c7ef8.png\"\r\n                 @click=\"back\"></image>\r\n        </div>\r\n      </template>\r\n    </title-block>\r\n    <div class=\"content-list\" v-if=\"listPaintings.length>1\">\r\n      <div class=\"wrap1\">*请注意确认寄存结束时间</div>\r\n      <div class=\"wrap2\">\r\n          <div  class=\"wrap2_1\" :style=\"{height:`${listHeight}rpx`}\">\r\n            <div :class=\"['item',index===currentIndex?'active':'']\" @click=\"itemClick(index)\" v-for=\"(item,index) of listPaintings\">\r\n              <div class=\"item_1\">{{index+1}}</div>\r\n              <div class=\"item_2\">\r\n                <div class=\"item_2_1\">\r\n                  <img :src=\"listPaintings[index].fileList1[0].url\" alt=\"\">\r\n                </div>\r\n                <div class=\"item_2_2\">{{listPaintings[index].artworkNum}}</div>\r\n              </div>\r\n              <div class=\"item_3\">{{listPaintings[index].artworkName}}</div>\r\n              <div class=\"item_4\">{{listPaintings[index].warehouseID?addressList.find(x=>x.ID===listPaintings[index].warehouseID).address:''}}</div>\r\n              <div class=\"item_5\">{{listPaintings[index].endAt}}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"wrap2_2\" @click=\"expand\">\r\n            <div class=\"wrap2_2_1\" v-if=\"listPaintings.length>2\" :style=\"{transform:`${isExpand?'rotate(180deg)':''}`}\">\r\n              <img src=\"https://cdns.fontree.cn/fonchain-main/prod/image/default/approval/13639162-2871-4187-abc5-71c2d9f01ac2.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"wrap2_2_2\">共计7幅画作</div>\r\n          </div>\r\n      </div>\r\n    </div>\r\n<div class=\"content-center\" :style=\"{marginTop:`${contentListHeight+10}px`}\">\r\n  <div class=\"painting-name\" v-if=\"listPaintings.length>1\">\r\n    <div class=\"wrap1\">画作{{currentIndex+1}}：</div>\r\n    <div class=\"wrap2\" @click=\"itemDelete\">删除</div>\r\n  </div>\r\n  <div class=\"content2\">\r\n    <u-upload\r\n        :fileList=\"listPaintings[currentIndex].fileList1\"\r\n        @afterRead=\"afterRead\"\r\n        @delete=\"deletePic\"\r\n        name=\"6\"\r\n        multiple\r\n        :maxCount=\"1\"\r\n        width=\"404rpx\"\r\n        height=\"306rpx\"\r\n    >\r\n      <div style=\"width: 404rpx;height: 306rpx;background: #000;border-radius: 20rpx;display: flex;flex-direction: column;align-items: center;justify-content: center\">\r\n        <div style=\"margin-bottom: 14rpx\">\r\n          <image style=\"width: 38.32rpx;height: 38.2rpx\" src=\"../../static/zu142@3x.png\"></image>\r\n        </div>\r\n        <div style=\"font-size: 32rpx;color: #fff\">上传画作图片</div>\r\n      </div>\r\n\r\n    </u-upload>\r\n  </div>\r\n  <div class=\"content3\">\r\n    <div class=\"prompt\">*扫描自动填入</div>\r\n    <div class=\"wrap1\">\r\n      <div class=\"wrap1_1\">\r\n        <div class=\"wrap1_1_1\">画作编号</div>\r\n        <div class=\"wrap1_1_2\"></div>\r\n        <div class=\"wrap1_1_3\">\r\n          <input style=\"color: #939393;font-size: 24rpx;\" v-model=\"listPaintings[currentIndex].artworkNum\"  placeholder-style=\"color: #939393;font-size: 24rpx;\" placeholder=\"请输入画作编号\"/>\r\n        </div>\r\n        <div class=\"wrap1_1_4\"></div>\r\n      </div>\r\n      <div class=\"wrap1_1\">\r\n        <div class=\"wrap1_1_1\">画作名称</div>\r\n        <div class=\"wrap1_1_2\"></div>\r\n        <div class=\"wrap1_1_3\">\r\n          <input style=\"color: #939393;font-size: 24rpx;\"  v-model=\"listPaintings[currentIndex].artworkName\" placeholder-style=\"color: #939393;font-size: 24rpx;\" placeholder=\"请输入画作名称\"/>\r\n        </div>\r\n        <div class=\"wrap1_1_4\"></div>\r\n      </div>\r\n      <div class=\"wrap1_1\">\r\n        <div class=\"wrap1_1_1\">画家名称</div>\r\n        <div class=\"wrap1_1_2\"></div>\r\n        <div class=\"wrap1_1_3\">\r\n          <input style=\"color: #939393;font-size: 24rpx;\" v-model=\"listPaintings[currentIndex].artistName\"   placeholder-style=\"color: #939393;font-size: 24rpx;\" placeholder=\"请输入画家名称\"/>\r\n        </div>\r\n        <div class=\"wrap1_1_4\">\r\n        </div>\r\n      </div>\r\n      <div class=\"wrap1_1\">\r\n        <div class=\"wrap1_1_1\">画作平尺数</div>\r\n        <div class=\"wrap1_1_2\"></div>\r\n        <div class=\"wrap1_1_3\">\r\n          <input style=\"color: #939393;font-size: 24rpx;\" v-model=\"listPaintings[currentIndex].artworkSquareSize\"  placeholder-style=\"color: #939393;font-size: 24rpx;\" placeholder=\"请输入画作平尺数\"/>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"wrap2\"></div>\r\n  </div>\r\n  <div class=\"content4\">\r\n    <div class=\"wrap1\">\r\n      <div class=\"wrap1_1\" @click=\"show_2=true\">\r\n        <div class=\"wrap1_1_1\">寄存地址</div>\r\n        <div class=\"wrap1_1_2\"></div>\r\n        <div class=\"wrap1_1_3\">\r\n          <input style=\"color: #939393;font-size: 24rpx;\" disabled :value=\"listPaintings[currentIndex].warehouseID?addressList.find(x=>x.ID===listPaintings[currentIndex].warehouseID).address:''\"  placeholder-style=\"color: #939393;font-size: 24rpx;\"\r\n                 placeholder=\"请选择寄存地址\"/>\r\n        </div>\r\n        <div class=\"wrap1_1_4\"></div>\r\n        <div  class=\"wrap1_1_5\">\r\n          <image src=\"../../static/zu611@3x.png\"></image>\r\n        </div>\r\n      </div>\r\n      <div class=\"wrap1_1\" @click=\"openShow1()\">\r\n        <div class=\"wrap1_1_1\">寄存时长</div>\r\n        <div class=\"wrap1_1_2\"></div>\r\n        <div class=\"wrap1_1_3\">\r\n          <input style=\"color: #939393;font-size: 24rpx;\" :value=\"listPaintings[currentIndex].endAt\" disabled placeholder-style=\"color: #939393;font-size: 24rpx;\" placeholder=\"请选择寄存时长\"/>\r\n        </div>\r\n        <div  class=\"wrap1_1_5\">\r\n          <image src=\"../../static/zu612@3x.png\"></image>\r\n        </div>\r\n\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"wrap2\"></div>\r\n  </div>\r\n  <div class=\"content7\" @click=\"addPainting\">\r\n    <div class=\"wrap1\">\r\n      <div class=\"horizontal\"></div>\r\n      <div class=\"vertical\"></div>\r\n    </div>\r\n    <div class=\"wrap2\">添加</div>\r\n  </div>\r\n</div>\r\n    <div class=\"content5\">\r\n      <div class=\"wrap4\" v-show=\"isExpand1\" :style=\"{top:`-${152*3}rpx`}\">\r\n        <div class=\"item\">\r\n          <div class=\"item_1\">1</div>\r\n          <div class=\"item_2\">FL0011</div>\r\n          <div class=\"item_3\">长江万里</div>\r\n          <div class=\"item_4\">¥ 160</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item_1\">1</div>\r\n          <div class=\"item_2\">FL0011</div>\r\n          <div class=\"item_3\">长江万里</div>\r\n          <div class=\"item_4\">¥ 160</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item_1\">1</div>\r\n          <div class=\"item_2\">FL0011</div>\r\n          <div class=\"item_3\">长江万里</div>\r\n          <div class=\"item_4\">¥ 160</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"wrap3\" @click=\"expand1\" :style=\"{transform:`${isExpand1?'':'rotate(180deg)'}`}\">  <img src=\"https://cdns.fontree.cn/fonchain-main/prod/image/default/approval/13639162-2871-4187-abc5-71c2d9f01ac2.png\" alt=\"\"></div>\r\n      <div class=\"wrap1\">\r\n        <div class=\"wrap1_1\">*仅微信付款</div>\r\n        <div class=\"wrap1_2\">预计 ¥{{expectedPayment}}</div>\r\n      </div>\r\n      <div class=\"wrap2\" @click=\"signContract\">确认金额并签署合同</div>\r\n    </div>\r\n    <u-popup :round=\"15\" :show=\"show_2\" mode=\"bottom\"  @open=\"()=>{show_2=true}\">\r\n      <div class=\"poup1\" >\r\n        <div class=\"content1\">\r\n          <div class=\"wrap1\">更换您的寄存地址</div>\r\n          <div @click=\"show_2=false\" class=\"wrap2\">\r\n            <image\r\n                src=\"https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/d84593b3-10a8-4d86-be8c-b048b03b22c7.png\"></image>\r\n          </div>\r\n        </div>\r\n        <div class=\"content2\"></div>\r\n        <div class=\"content3\">\r\n          <div v-for=\"(item,index) in addressList\" @click=\"selectAddress(item)\"\r\n               :class=\"[listPaintings[currentIndex].warehouseID===item.ID?'active':'']\" :key=\"index\" class=\"wrap1\">\r\n            <div class=\"wrap1_1\">{{ item.address }}</div>\r\n            <div class=\"wrap1_2\">*剩余{{ item.leftNum }}位置</div>\r\n          </div>\r\n          <!--          <div class=\"wrap1 active\">\r\n                      <div class=\"wrap1_1\">某某某某某某某地方</div>\r\n                      <div class=\"wrap1_2\">剩余12位置</div>\r\n                    </div>-->\r\n          <!--          <div class=\"wrap1 disabled\">\r\n                      <div class=\"wrap1_1\">某某某某某某某地方</div>\r\n                      <div class=\"wrap1_2\">*已满员</div>\r\n                    </div>-->\r\n        </div>\r\n        <div class=\"content2\"></div>\r\n        <div class=\"content6\" @click=\"confirmAddress\">\r\n          <div class=\"wrap1\">确定</div>\r\n        </div>\r\n      </div>\r\n    </u-popup>\r\n\r\n    <u-popup :round=\"15\" :show=\"show_1\" mode=\"bottom\"  @open=\"()=>{show_1=true}\">\r\n      <div class=\"poup\">\r\n        <div class=\"content1\" style=\"margin-top: 20rpx\">\r\n          <div class=\"wrap1\">寄存时长</div>\r\n          <div @click=\"show_1=false\" class=\"wrap2\">\r\n            <image\r\n                src=\"https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/d84593b3-10a8-4d86-be8c-b048b03b22c7.png\"></image>\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"content2\"></div>\r\n        <div class=\"content7\" @click=\"show = true\">\r\n          <u-datetime-picker\r\n              :show=\"show\"\r\n              @confirm=\"confirmDate\"\r\n              mode=\"date\"\r\n              @cancel=\"show=false\"\r\n              :minDate=\"minDate\"\r\n          ></u-datetime-picker>\r\n          <u--input\r\n              readonly\r\n              placeholder=\"点击选择\"\r\n              border=\"surround\"\r\n              v-model=\"listPaintings[currentIndex].endAt\"\r\n          ></u--input>\r\n        </div>\r\n\r\n\r\n        <!--        <div class=\"content2\"></div>\r\n                <div class=\"content4\">起始日期</div>\r\n                <div class=\"content5\">\r\n                  <div class=\"wrap1\">年份</div>\r\n                  <div class=\"wrap2\">月</div>\r\n                  <div class=\"wrap3\">日</div>\r\n                </div>-->\r\n        <!--        <div style=\"margin-left: -30rpx;margin-right: -30rpx\">\r\n                  <picker-view indicator-class=\"test\" :value=\"value\" @change=\"changeData\" class=\"picker-view\">\r\n                    <picker-view-column>\r\n                      <view style=\"display: flex;align-items: center;justify-content: center\" class=\"item\"\r\n                            :class=\"[isDateFont(item,0)?'fontDate':'']\" v-for=\"(item,index) in years\" :key=\"index\">{{ item }}年\r\n                      </view>\r\n                    </picker-view-column>\r\n                    <picker-view-column>\r\n                      <view style=\"display: flex;align-items: center;justify-content: center\" class=\"item\"\r\n                            :class=\"[isDateFont(item,1)?'fontDate':'']\" v-for=\"(item,index) in months\" :key=\"index\">{{ item }}月\r\n                      </view>\r\n                    </picker-view-column>\r\n                    <picker-view-column>\r\n                      <view style=\"display: flex;align-items: center;justify-content: center\" class=\"item\"\r\n                            :class=\"[isDateFont(item,2)?'fontDate':'']\" v-for=\"(item,index) in days\" :key=\"index\">{{ item }}日\r\n                      </view>\r\n                    </picker-view-column>\r\n                  </picker-view>\r\n                </div>\r\n                <div class=\"content2\"></div>-->\r\n        <div class=\"content6\" @click=\"confirmCycle\">\r\n          <div class=\"wrap1\">确定</div>\r\n        </div>\r\n      </div>\r\n    </u-popup>\r\n    <u-loading-page bgColor=\"rgba(0,0,0,0.5)\" :loading=\"loading\" loading-text=\"正在进入法大大签署...\"></u-loading-page>\r\n  </div>\r\n</template>\r\n<script>\r\nimport http from \"@/http/api\";\r\nimport {postDataByParams} from \"../../http/service\";\r\n\r\nexport default {\r\n  name: \"order-details\",\r\n  data() {\r\n    const date = new Date()\r\n    const years = []\r\n    const year = date.getFullYear()\r\n    const months = []\r\n    const month = date.getMonth() + 1\r\n    const days = []\r\n    const day = date.getDate()\r\n    for (let i = 1990; i <= date.getFullYear(); i++) {\r\n      years.push(i)\r\n    }\r\n    for (let i = 1; i <= 12; i++) {\r\n      months.push(i)\r\n    }\r\n    for (let i = 1; i <= 31; i++) {\r\n      days.push(i)\r\n    }\r\n    return {\r\n      currentIndex:0,\r\n      listPaintings:[{\r\n        fileList1:[],\r\n        artworkNum:'',\r\n        artworkName:'',\r\n        artistName:'',\r\n        artworkSquareSize:'',\r\n        warehouseID:'',\r\n        endAt:''\r\n      }],\r\n      contentListHeight: 0,\r\n      isExpand:false,\r\n      isExpand1:false,\r\n      listHeight:308,\r\n      minDate:'',\r\n      show: false,\r\n      value1: '',\r\n      loading:false,\r\n      fileList1:[],\r\n      dayMoney:'',\r\n      expectedPayment:'',\r\n      warehouseID: '',\r\n      cycleId: '',\r\n      cycleList: [],\r\n      addressList: [],\r\n      info: {},\r\n      show_2: false,\r\n      data: [],\r\n      show_1: false,\r\n      title: 'picker-view',\r\n      years,\r\n      year,\r\n      months,\r\n      month,\r\n      days,\r\n      day,\r\n      value: [9999, month - 1, day - 1],\r\n      visible: true,\r\n      url: ''//二维码扫码的结果用户发起请求的body体\r\n    }\r\n  },\r\n  watch:{\r\n    'info.artworkSquareSize':{\r\n      handler(){\r\n        this.obtainAmount()\r\n      }\r\n    },\r\n    value1(newValue){\r\n      this.obtainAmount()\r\n\r\n    }\r\n  },\r\n  mounted() {\r\n    const date = new Date();\r\n    date.setHours(0, 0, 0, 0);\r\n     this.minDate = date.getTime() + 120 * 24 * 60 * 60 * 1000;\r\n    this.getCycle()\r\n    if (this.$mp.query.url){\r\n      this.url=this.$mp.query.url\r\n      this.getDetailUrl()\r\n    }\r\n    this.getAddress()\r\n    const today = new Date();\r\n    this.value = [today.getFullYear() - 1990, today.getMonth(), today.getDate() - 1]\r\n    this.data = [today.getFullYear(), today.getMonth() + 1, today.getDate()]\r\n  },\r\n  methods: {\r\n    itemDelete(){\r\n      this.listPaintings.splice(this.currentIndex,1)\r\n      this.currentIndex=0\r\n      if (this.listPaintings.length===1){\r\n        this.contentListHeight=0\r\n      }\r\n      this.$nextTick(()=>{\r\n        this.getheight()\r\n      })\r\n\r\n\r\n    },\r\n    itemClick(index){\r\n      this.currentIndex=index\r\n    },\r\n    addPainting(){\r\n      this.listPaintings.push({\r\n        fileList1:[],\r\n        artworkNum:'',\r\n        artworkName:'',\r\n        artistName:'',\r\n        artworkSquareSize:'',\r\n        warehouseID:'',\r\n        endAt:''\r\n      })\r\n      this.$nextTick(()=>{\r\n        this.getheight()\r\n      })\r\n      this.currentIndex=this.currentIndex+1\r\n    },\r\n    getheight(){\r\n      let query = uni.createSelectorQuery().in(this);\r\n      query.select('.content-list').boundingClientRect(data => {\r\n        if (data) {\r\n          let query = uni.createSelectorQuery().in(this);\r\n          query.select('.titile-d').boundingClientRect(data1 => {\r\n            if (data1) {\r\n              this.contentListHeight=data.bottom-data1.bottom\r\n            }\r\n          }).exec();\r\n        }\r\n      }).exec();\r\n    },\r\n    expand1(){\r\n      this.isExpand1=!this.isExpand1\r\n    },\r\n    expand(){\r\n      if (this.isExpand){\r\n        this.listHeight=154*2\r\n      }else {\r\n        this.listHeight=154*(this.listPaintings.length<=7?this.listPaintings.length:7)\r\n      }\r\n      this.isExpand=!this.isExpand\r\n    },\r\n    timestampToDateString(timestamp) {\r\n      const date = new Date(timestamp ); // 把时间戳乘以1000转换为Date对象需要的毫秒数\r\n      const year = date.getFullYear();\r\n      const month = (\"0\" + (date.getMonth() + 1)).slice(-2);     // 月份是从0开始的，所以加1，用slice保证格式是2位数\r\n      const day = (\"0\" + date.getDate()).slice(-2);              // 用slice保证格式是2位数\r\n      return year + \"-\" + month + \"-\" + day;\r\n    },\r\n    confirmDate(data){\r\n      this.listPaintings[this.currentIndex].endAt=this.timestampToDateString(data.value)\r\n      this.show=false\r\n    },\r\n    openShow1(){\r\n      if (!this.listPaintings[this.currentIndex].artworkSquareSize){\r\n        uni.showToast({\r\n          title: \"请先填写画作平尺数\",\r\n          duration: 2000,\r\n          icon: \"none\",\r\n        });\r\n        return\r\n      }\r\n      this.show_1=true\r\n    },\r\n    uploadFilePromise(url, type = null) {\r\n      return new Promise((resolve) => {\r\n        uni.uploadFile({\r\n          url: http.baseUrl + \"/api/wxuser/uploadpic\",\r\n          filePath: url,\r\n          name: \"file\",\r\n          success: (res) => {\r\n            console.log(res,'res')\r\n            const { path } = JSON.parse(res.data).data;\r\n            resolve(path);\r\n\r\n          },\r\n        });\r\n      })\r\n    },\r\n    deletePic() {\r\n      this.fileList1=[]\r\n    },\r\n    // 新增图片\r\n    async afterRead(event) {\r\n      // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式\r\n      let lists = [].concat(event.file)\r\n      let fileListLen = this.listPaintings[this.currentIndex].fileList1.length\r\n      lists.map((item) => {\r\n        this.listPaintings[this.currentIndex].fileList1.push({\r\n          ...item,\r\n          status: 'uploading',\r\n          message: '上传中'\r\n        })\r\n      })\r\n      for (let i = 0; i < lists.length; i++) {\r\n        const result = await this.uploadFilePromise(lists[i].url, 'check')\r\n        let item = this.listPaintings[this.currentIndex].fileList1[fileListLen]\r\n        this.listPaintings[this.currentIndex].fileList1.splice(fileListLen, 1, Object.assign(item, {\r\n          status: 'success',\r\n          message: '',\r\n          url: result\r\n        }))\r\n        fileListLen++\r\n      }\r\n    },\r\n   async signContract(){\r\n     const checks = [\r\n       {\r\n         value: this.fileList1.length>0,\r\n         message: '请上传画作图片'\r\n       },\r\n       {\r\n         value: this.info.artworkSquareSize,\r\n         message: '请输入画作平尺数'\r\n       },\r\n       {\r\n         value: this.info.artistName,\r\n         message: '请输入画家名称'\r\n       },\r\n       {\r\n         value: this.info.artworkName,\r\n         message: '请输入画作名称'\r\n       },\r\n       {\r\n         value: this.info.artworkNum,\r\n         message: '请输入画作编号'\r\n       },{\r\n       value: this.warehouseID,\r\n       message: '请选择寄存地址'\r\n     }, {\r\n       value: this.value1,\r\n       message: '请选择寄存时长'\r\n     }]\r\n     for (const check of checks) {\r\n       if (!check.value) {\r\n         uni.showToast({\r\n           title: check.message,\r\n           icon: 'none'\r\n         })\r\n         return\r\n       }\r\n     }\r\n     this.loading=true\r\n     const data={\r\n       endAt:this.value1,\r\n       warehouseID:this.warehouseID,\r\n       artworkSquareSize:Number(this.info.artworkSquareSize),\r\n       artworkName: this.info.artworkName,\r\n     artworkImage:this.fileList1?.[0]?.url,\r\n       artworkNum:this.info.artworkNum,\r\n       artistName: this.info.artistName\r\n     }\r\n      const res = await postDataByParams('/api/warehouse/fdd/contract/h5',data)\r\n     if (res.code===200){\r\n       uni.setStorageSync(\"jumpUrl\", res.data.jumpUrl)\r\n       this.info.artworkImg=this.fileList1[0].url\r\n       uni.setStorageSync(\"orderingInfo\", {\r\n        endAt:this.value1,\r\n         warehouseID:this.warehouseID,\r\n         transactionId:res.data.transactionId,\r\n         dayMoney:this.dayMoney,\r\n         info:this.info,\r\n         expectedPayment:this.expectedPayment,\r\n         addressName:this.addressList.find(x=>x.ID===this.warehouseID).address\r\n       })\r\n       uni.navigateTo({\r\n         url: `/pages/signwebview/index`,\r\n       });\r\n       this.loading=false\r\n     }\r\n\r\n    },\r\n   async obtainAmount(){\r\n     uni.setStorageSync(\"endAt\", this.value1);\r\n     const data={\r\n       artworkSquareSize:Number(this.info.artworkSquareSize),\r\n       endAt:this.value1\r\n     }\r\n      const res = await postDataByParams('/api/warehouse/calculate',data)\r\n     if (res.code===200){\r\n       this.expectedPayment=res.data.money\r\n       this.dayMoney=res.data.dayMoney\r\n     }\r\n    },\r\n    confirmCycle() {\r\n      this.show_1 = false\r\n    },\r\n    confirmAddress() {\r\n      this.show_2 = false\r\n    },\r\n    selectAddress(item) {\r\n      this.listPaintings[this.currentIndex].warehouseID = item.ID\r\n    },\r\n    selectionPeriod(item) {\r\n      this.cycleId = item.ID\r\n    },\r\n    async getCycle() {\r\n      const res = await postDataByParams('/api/warehouse/cycle')\r\n      if (res.code === 200) {\r\n        this.cycleList = res.data.data\r\n      }\r\n    },\r\n    async getAddress() {\r\n      const res = await postDataByParams('/api/warehouse/address')\r\n      if (res.code === 200) {\r\n        this.addressList = res.data.data\r\n      }\r\n    },\r\n    async getDetailUrl() {\r\n      const data = {\r\n        url: this.url\r\n      }\r\n      const res = await postDataByParams('/api/warehouse/ocr', data)\r\n      if (res.code === 200) {\r\n        this.info = res.data\r\n        this.fileList1=[{url:this.info.artworkImg}]\r\n      } else {\r\n        uni.showToast({\r\n          title: res.msg,\r\n          icon: 'none'\r\n        })\r\n      }\r\n      console.log(res, 'getDetailUrl')\r\n    },\r\n    isDateFont(item, num) {\r\n      if (Array.isArray && this.data.length === 3) {\r\n        return this.data[num] === item\r\n      }\r\n    },\r\n    changeData(e) {\r\n      this.data = [e.detail.value[0] + 1990, e.detail.value[1] + 1, e.detail.value[2] + 1]\r\n    },\r\n    back() {\r\n      uni.navigateBack({delta: 2})\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.fontDate {\r\n  color: #fff;\r\n}\r\n\r\n/deep/ .pickerSelected {\r\n  color: #ffffff !important;\r\n  z-index: 2;\r\n}\r\n\r\n/deep/ .test {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: -1;\r\n  background: #A9D897;\r\n  color: #fff;\r\n  height: 62rpx;\r\n}\r\n\r\nuni-picker-view {\r\n  display: block;\r\n}\r\n\r\nuni-picker-view .uni-picker-view-wrapper {\r\n  display: flex;\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 100%;\r\n  background-color: white;\r\n}\r\n\r\nuni-picker-view[hidden] {\r\n  display: none;\r\n}\r\n\r\npicker-view {\r\n  width: 100%;\r\n  // height: 600upx;\r\n  height: 400rpx;\r\n  margin-top: 20 upx;\r\n}\r\n\r\n.item {\r\n  line-height: 100 upx;\r\n  text-align: center;\r\n}\r\n\r\n.order-details {\r\n  background-image: url(\"https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/4fdc9a0f-d72a-46b6-a04d-ed56d5465213.png\");\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  padding-left: 30rpx;\r\n  padding-right: 30rpx;\r\n  background-size: cover;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  .content-list{\r\n    top: 130rpx;\r\n    z-index: 999;\r\n    position: absolute;\r\n    width: 686rpx;\r\n    margin-top: 34rpx;\r\n    text-align: right;\r\n    .wrap1{\r\n     margin-bottom: 10rpx;\r\n      font-size: 24rpx;\r\n      color: rgba(78, 150, 77, 1);\r\n    }\r\n    .wrap2{\r\n      box-sizing: border-box;\r\n\r\n\r\n      border-radius: 20rpx;\r\n      background-color: #fff;\r\n      padding-left: 18rpx;\r\n      padding-right: 32rpx;\r\n      .wrap2_2{\r\n        height: 60rpx;\r\n        position: relative;\r\n        .wrap2_2_2{\r\n          line-height: 60rpx;\r\n          color: rgba(118, 196, 88, 1);\r\n          font-size: 24rpx;\r\n        }\r\n        .wrap2_2_1{\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          background-repeat: no-repeat;\r\n          background-size: cover;\r\n          img{\r\n            width: 30rpx;\r\n            height: 16rpx;\r\n          }\r\n        }\r\n      }\r\n      .wrap2_1{\r\n        z-index: 999;\r\n        overflow-y: scroll;\r\n        .item{\r\n          height: 154rpx;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          padding-left: 10rpx;\r\n          padding-right: 10rpx;\r\n          &.active{\r\n            background-color:rgb(245, 251, 242);\r\n          }\r\n          .item_5{\r\n            width: 134rpx;\r\n            color: rgba(98, 98, 98, 1);\r\n            font-size: 24rpx;\r\n          }\r\n          .item_4{\r\n            margin-right: 28rpx;\r\n            width: 192rpx;\r\ncolor: rgba(98, 98, 98, 1);\r\n            font-size: 24rpx;\r\n          }\r\n          .item_3{\r\n            margin-right: 48rpx;\r\n            width: 78rpx;\r\n            color: rgba(98, 98, 98, 1);\r\n            font-size: 24rpx;\r\n          }\r\n          .item_2{\r\n            margin-right: 24rpx;\r\n            width: 68rpx;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            .item_2_2{\r\n              color: rgba(147, 147, 147, 1);\r\n              font-size: 20rpx;\r\n            }\r\n            .item_2_1{\r\n              background-color: #000;\r\n              width: 68rpx;\r\n              height: 68rpx;\r\n              img{\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n        .item_1{\r\n          margin-right: 18rpx;\r\n          color: rgba(88, 166, 107, 1);\r\n          font-size: 24rpx;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          width: 36rpx;\r\n          height: 36rpx;\r\n          border: 5rpx solid rgba(118, 196, 88, 1);\r\n          border-radius: 50%;\r\n          background: transparent;\r\n        }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  & > .content5 {\r\n    align-items: center;\r\n    left: 0;\r\n    background: #fff;\r\n    width: 750rpx;\r\n    position: fixed;\r\n    bottom: 0;\r\n    height: 172rpx;\r\n    display: flex;\r\n    .wrap4{\r\n      z-index: 999;\r\n      width: 100%;\r\n      background-color: #fff;\r\n      position: absolute;\r\n      .item{\r\n        height: 152rpx;\r\n        display: flex;\r\n        align-items: center;\r\n        .item_4{\r\n          margin-right: 64rpx;\r\n          margin-left: auto;\r\n          color: rgba(118, 196, 88, 1);\r\n          font-size: 24rpx;\r\n          font-weight: bold;\r\n        }\r\n        .item_3{\r\n          width: 100rpx;\r\n          margin-left: 48rpx;\r\n          color: rgba(98, 98, 98, 1);\r\n          font-size: 24rpx;\r\n        }\r\n        .item_2{\r\n          width: 100rpx;\r\n          margin-left: 34rpx;\r\n          color: rgba(98, 98, 98, 1);\r\n          font-size: 24rpx;\r\n        }\r\n        .item_1{\r\n          margin-left: 56rpx;\r\n          color: rgba(88, 166, 107, 1);\r\n          font-size: 24rpx;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          width: 36rpx;\r\n          height: 36rpx;\r\n          border: 5rpx solid rgba(118, 196, 88, 1);\r\n          border-radius: 50%;\r\n          background: transparent;\r\n        }\r\n      }\r\n    }\r\n    .wrap3{\r\n      margin-left: 32rpx;\r\n      img{\r\n        width: 30rpx;\r\n        height: 16rpx;\r\n      }\r\n    }\r\n    .wrap2 {\r\n      border-radius: 40rpx;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: 392rpx;\r\n      height: 56rpx;\r\n      color: #fff;\r\n      font-size: 32rpx;\r\n      background: #76C458;\r\n    }\r\n\r\n    .wrap1 {\r\n      margin-left: 18rpx;\r\n      margin-right: 70rpx;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: start;\r\n\r\n      .wrap1_1 {\r\n        color: #939393;\r\n        font-size: 16rpx;\r\n      }\r\n\r\n      .wrap1_2 {\r\n        font-size: 32rpx;\r\n        color: #76C458;\r\n      }\r\n    }\r\n  }\r\n\r\n  .poup1 {\r\n    padding-top: 28rpx;\r\n    padding-left: 30rpx;\r\n    padding-right: 30rpx;\r\n    margin-bottom: 72rpx;\r\n\r\n    & > .content6 {\r\n      margin-top: 26rpx;\r\n      display: flex;\r\n      justify-content: center;\r\n\r\n      .wrap1 {\r\n        color: #fff;\r\n        font-size: 28rpx;\r\n        width: 436rpx;\r\n        height: 60rpx;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: #76C458;\r\n        border-radius: 30rpx;\r\n      }\r\n    }\r\n\r\n    & > .content3 {\r\n      margin-bottom: 70rpx;\r\n\r\n      .wrap1 {\r\n        margin-bottom: 18rpx;\r\n        border-radius: 32rpx;\r\n        height: 80rpx;\r\n        box-sizing: border-box;\r\n        border: 2px solid #76C458;\r\n        padding-left: 44rpx;\r\n        padding-right: 42rpx;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n\r\n        .wrap1_2 {\r\n          color: #76C458;\r\n          font-size: 26rpx;\r\n        }\r\n\r\n        .wrap1_1 {\r\n          font-size: 28rpx;\r\n          color: #000;\r\n        }\r\n\r\n        &.disabled {\r\n          border: none;\r\n          background: #D8D8D8;\r\n\r\n          .wrap1_1 {\r\n            color: #626262;\r\n            font-size: 28rpx;\r\n          }\r\n\r\n          .wrap1_2 {\r\n            color: #626262;\r\n            font-size: 16rpx;\r\n          }\r\n        }\r\n\r\n        &.active {\r\n          background: #76C458;\r\n\r\n          .wrap1_2 {\r\n            color: #fff;\r\n            font-size: 26rpx;\r\n          }\r\n\r\n          .wrap1_1 {\r\n            font-size: 28rpx;\r\n            color: #fff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    & > .content1 {\r\n      margin-bottom: 36rpx;\r\n      display: flex;\r\n      justify-content: space-between;\r\n\r\n      .wrap1 {\r\n        color: #000;\r\n        font-size: 32rpx;\r\n      }\r\n\r\n      .wrap2 {\r\n        image {\r\n          width: 48rpx;\r\n          height: 48rpx;\r\n        }\r\n      }\r\n    }\r\n\r\n    & > .content2 {\r\n      margin-bottom: 36rpx;\r\n      height: 1rpx;\r\n      background: #626262;\r\n    }\r\n  }\r\n\r\n  .poup {\r\n    margin-bottom: 72rpx;\r\n    padding-top: 28rpx;\r\n    padding-left: 30rpx;\r\n    padding-right: 30rpx;\r\n    &> .content7{\r\n\r\n    }\r\n    & > .content3 {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n\r\n      .wrap4 {\r\n        margin-bottom: 40rpx;\r\n        border-radius: 32rpx;\r\n        margin-top: 30rpx;\r\n        width: 220rpx;\r\n        height: 84rpx;\r\n        background: #D8D8D8;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        .wrap4_1 {\r\n          color: #626262;\r\n          font-size: 28rpx;\r\n        }\r\n\r\n        .wrap4_2 {\r\n          color: #BE7E7E;\r\n          font-size: 16rpx;\r\n        }\r\n      }\r\n\r\n      .wrap1 {\r\n        box-sizing: border-box;\r\n        flex-shrink: 0;\r\n        margin-right: 16rpx;\r\n        font-size: 28rpx;\r\n        border-radius: 32rpx;\r\n        border: 2rpx solid #76C458;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 220rpx;\r\n        height: 84rpx;\r\n\r\n        &:nth-child(3) {\r\n          margin-right: 0;\r\n        }\r\n\r\n        &.active {\r\n          color: #fff;\r\n          background: #76C458;\r\n        }\r\n      }\r\n    }\r\n\r\n    & > .content6 {\r\n      margin-top: 26rpx;\r\n      display: flex;\r\n      justify-content: center;\r\n\r\n      .wrap1 {\r\n        color: #fff;\r\n        font-size: 28rpx;\r\n        width: 436rpx;\r\n        height: 60rpx;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: #76C458;\r\n        border-radius: 30rpx;\r\n      }\r\n    }\r\n\r\n    & > .content5 {\r\n      margin-top: 36rpx;\r\n      height: 66rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      border-bottom: 1rpx solid #BABABA;\r\n      border-top: 1rpx solid #BABABA;\r\n\r\n      .wrap1 {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-grow: 1;\r\n        color: #4E964D;\r\n        font-size: 28rpx;\r\n      }\r\n\r\n      .wrap2 {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-grow: 1;\r\n        color: #4E964D;\r\n        font-size: 28rpx;\r\n      }\r\n\r\n      .wrap3 {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-grow: 1;\r\n        color: #4E964D;\r\n        font-size: 28rpx;\r\n      }\r\n    }\r\n\r\n    & > .content4 {\r\n      font-size: 32rpx;\r\n      color: #000;\r\n    }\r\n\r\n    & > .content2 {\r\n      margin-bottom: 36rpx;\r\n      height: 1rpx;\r\n      background: #626262;\r\n    }\r\n\r\n    & > .content1 {\r\n      margin-bottom: 36rpx;\r\n      display: flex;\r\n      justify-content: space-between;\r\n\r\n      .wrap1 {\r\n        color: #000;\r\n        font-size: 32rpx;\r\n      }\r\n\r\n      .wrap2 {\r\n        image {\r\n          width: 48rpx;\r\n          height: 48rpx;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n.content-center{\r\n  overflow-y: scroll;\r\n  margin-bottom: 180rpx;\r\n  .painting-name{\r\n    margin-top: 48rpx;\r\n    align-items: center;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .wrap1{\r\n      color: rgba(0, 0, 0, 1);\r\nfont-size: 28rpx;\r\n    }\r\n    .wrap2{\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      color: rgba(118, 196, 88, 1);\r\n      border-radius: 40rpx;\r\n      background-color: #fff;\r\n      width: 148rpx;\r\n      height: 56rpx;\r\n      border: 1px solid rgba(118, 196, 88, 1);\r\n    }\r\n  }\r\n  &>.content7{\r\n    margin: 0 auto;\r\n    background-color: #fff;\r\n    border-radius: 40rpx;\r\n    width: 228rpx;\r\n    height: 56rpx;\r\n    border: 3rpx solid rgba(118, 196, 88, 1);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    .wrap2{\r\n      color: rgba(118, 196, 88, 1);\r\n      font-size: 28rpx;\r\n    }\r\n    .wrap1{\r\n      margin-right: 20rpx;\r\n      box-sizing: border-box;\r\n      width: 32rpx;\r\n      height: 32rpx;\r\n      border: 3rpx solid rgba(118, 196, 88, 1);\r\n      border-radius: 50%;\r\n      background: transparent;\r\n\r\n      position: relative;\r\n      .horizontal {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%,-50%);\r\n        width: 18rpx;\r\n        height: 2rpx;\r\n        background-color: rgba(118, 196, 88, 1);\r\n      }\r\n\r\n      .vertical {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%,-50%);\r\n        width: 2rpx;\r\n        height: 18rpx;\r\n        background-color: rgba(118, 196, 88, 1);\r\n      }\r\n\r\n\r\n    }\r\n  }\r\n  & > .content4 {\r\n    margin-bottom: 24rpx;\r\n    margin-top: 60rpx;\r\n\r\n    .wrap1 {\r\n      border: 1rpx dashed #DFE9F0;\r\n      background-color: #fff;\r\n\r\n      .wrap1_1 {\r\n        position: relative;\r\n        height: 114rpx;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .wrap1_1_4 {\r\n          left: 50%;\r\n          transform: translateX(-50%);\r\n          bottom: 0;\r\n          position: absolute;\r\n          height: 0;\r\n          width: 636rpx;\r\n          border-bottom: 0.5px solid #626262;\r\n        }\r\n\r\n        .wrap1_1_5 {\r\n          right: 42rpx;\r\n          position: absolute;\r\n\r\n          image {\r\n            width: 46.34rpx;\r\n            height: 20rpx;\r\n          }\r\n        }\r\n\r\n        .wrap1_1_2 {\r\n          margin-right: 36rpx;\r\n          width: 0;\r\n          height: 66rpx;\r\n          border-left: 0.5px solid #626262;\r\n\r\n        }\r\n\r\n        .wrap1_1_1 {\r\n          width: 210rpx;\r\n          padding-left: 32rpx;\r\n\r\n          color: #626262;\r\n          font-size: 24rpx;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  & > .content3 {\r\n    margin-top: 60rpx;\r\n\r\n    .prompt {\r\n      color: #4E964D;\r\n      font-size: 16rpx;\r\n      margin-bottom: 4rpx;\r\n    }\r\n\r\n    .wrap1 {\r\n      border: 1rpx dashed #DFE9F0;\r\n      background-color: #fff;\r\n\r\n      .wrap1_1 {\r\n        position: relative;\r\n        height: 114rpx;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .wrap1_1_4 {\r\n          left: 50%;\r\n          transform: translateX(-50%);\r\n          bottom: 0;\r\n          position: absolute;\r\n          height: 0;\r\n          width: 636rpx;\r\n          border-bottom: 0.5px solid #626262;\r\n        }\r\n\r\n        .wrap1_1_2 {\r\n          margin-right: 36rpx;\r\n          width: 0;\r\n          height: 66rpx;\r\n          border-left: 0.5px solid #626262;\r\n\r\n        }\r\n\r\n        .wrap1_1_1 {\r\n          width: 210rpx;\r\n          padding-left: 32rpx;\r\n\r\n          color: #626262;\r\n          font-size: 24rpx;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  & > .content2 {\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    image {\r\n      width: 404rpx;\r\n      height: 306rpx;\r\n    }\r\n  }\r\n}\r\n}\r\n</style>\r\n","import mod from \"-!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=06cb0d30&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=06cb0d30&scoped=true&lang=scss&\""],"sourceRoot":""}