@xysfe/actui/es/DiseaseListLayer/index.js

A fantastic mobile ui lib implement by Vue

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/common/goldlayer.js"),require("@xysfe/actui/es/BScroll/index.js"),require("@xysfe/actui/es/Loading/index.js"),require("@xysfe/actui/es/assets/img/icon-search.png"),require("@xysfe/actui/es/assets/img/icon-close.png")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/create/index.js","@xysfe/actui/es/assets/utils/helpers.js","@xysfe/actui/es/assets/common/goldlayer.js","@xysfe/actui/es/BScroll/index.js","@xysfe/actui/es/Loading/index.js","@xysfe/actui/es/assets/img/icon-search.png","@xysfe/actui/es/assets/img/icon-close.png"],t):"object"==typeof exports?exports.DiseaseListLayer=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/common/goldlayer.js"),require("@xysfe/actui/es/BScroll/index.js"),require("@xysfe/actui/es/Loading/index.js"),require("@xysfe/actui/es/assets/img/icon-search.png"),require("@xysfe/actui/es/assets/img/icon-close.png")):e.DiseaseListLayer=t(e["@xysfe/actui/es/assets/utils/create/index.js"],e["@xysfe/actui/es/assets/utils/helpers.js"],e["@xysfe/actui/es/assets/common/goldlayer.js"],e["@xysfe/actui/es/BScroll/index.js"],e["@xysfe/actui/es/Loading/index.js"],e["@xysfe/actui/es/assets/img/icon-search.png"],e["@xysfe/actui/es/assets/img/icon-close.png"])}("undefined"!=typeof self?self:this,function(e,t,s,i,a,n,r){return function(e){function t(i){if(s[i])return s[i].exports;var a=s[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var s={};return t.m=e,t.c=s,t.d=function(e,s,i){t.o(e,s)||Object.defineProperty(e,s,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var s=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(s,"a",s),s},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="../es",t(t.s=2364)}({1302:function(e,t,s){"use strict";var i=s(159),a=s.n(i),n=s(261),r=s.n(n),o=s(196),c=s.n(o),l=s(39);s.n(l);t.a={name:"ActDiseaseListLayer",components:{ActGoldLayer:a.a,ActLoading:r.a},data:function(){return{zIndex:999,isVisible:!1,diseaseList:[],scroll:null,hasMore:!1,loading:!1,searchKeyword:"",hasSearched:!1,docmHeight:document.documentElement.clientHeight,pickerContentHeight:0,searchHeight:"",isShowActLoading:!1}},props:{paramsData:{type:Object,default:function(){return{}}},title:{type:String,default:"疾病清单"},isCps:{type:Boolean,default:!1},brandColor:{type:String,default:"#8c7fee"},searchEmptyResultTips:{type:String,default:"找不到相关疾病"},searchEmptyResultDesc:{type:String,default:"您可以更换一下疾病名称搜索哦"},placeholder:{type:String,default:"请输入您要查询的疾病名称"}},created:function(){var e=this,t=navigator.userAgent;(t.indexOf("Android")>-1||t.indexOf("Adr")>-1)&&(this.handleResize=function(){if(0!==e.pickerContentHeight){var t=document.body.clientHeight;e.docmHeight>t?(e.$refs.pickerContent.style.height=e.docmHeight-t+"px",e.searchHeight=e.pickerContentHeight+t-e.docmHeight+"px"):(e.$refs.pickerContent.style.height=e.pickerContentHeight+"px",e.searchHeight="100%")}},window.addEventListener("resize",this.handleResize))},beforeDestroy:function(){this.handleResize&&window.removeEventListener("resize",this.handleResize)},methods:{maskClick:function(){this.isVisible=!1},show:function(){this.isVisible=!0,this.diseaseList.length?this.refreshScroll():this.initData()},loadMore:function(){this.hasMore&&!this.loading&&(this.currentPage++,this.fetchData())},initData:function(){this.currentPage=1,this.diseaseList=[],this.fetchData(!0)},fetchData:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],s=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!this.loading){t&&(this.isShowActLoading=!0),this.loading=!0;var i={filter:{},page:this.currentPage,showNum:20};for(var a in this.paramsData){var n=this.paramsData[a];""!==n&&null!=n&&void 0!==n&&(i[a]=this.paramsData[a])}this.searchKeyword&&(i.filter.name=this.searchKeyword),this.$fetch("/buy/getDiseaseList",i).then(function(t){var i=t.ret,a=t.errmsg,n=t.data;if(0==+i){s&&(e.diseaseList=[],e.scrollTop());var r=n.list||[];e.totalCount=Number(n.count)||0,e.transformDiseaseList(r),e.hasMore=e.diseaseList.length<e.totalCount,e.refreshScroll()}else e.$toast.show(a)}).catch(function(e){console.log(e)}).finally(function(){e.loading=!1,e.isShowActLoading=!1,e.hasSearched=!0})}},transformDiseaseList:function(e){if(this.searchKeyword){var t=this.isCps?"#F05A4B":"#8C7FEE",s=new RegExp("("+this.searchKeyword+")","g");e.forEach(function(e){e.name=e.name.replace(s,'<span style="color: '+t+';">$1</span>')})}this.diseaseList=[].concat(this.diseaseList,e)},clear:function(){this.searchKeyword="",this.resetSearch()},handleSearch:function(){this.resetSearch()},resetSearch:function(){this.currentPage=1,this.fetchData(!1,!0)},refreshScroll:function(){var e=this;this.$nextTick(function(){e.scroll?e.scroll.refresh():(e.scroll=new c.a(e.$refs.tableWrapper,{click:!0,damping:.6}),e.scroll.on("scrollEnd",function(){e.scroll.y<=e.scroll.maxScrollY+50&&e.hasMore&&!e.loading&&e.loadMore()}))})},scrollTop:function(){this.scroll.scrollTo(0,0,300)}},watch:{isVisible:function(e){var t=this;!this.pickerContentHeight&&e&&this.$nextTick(function(){t.pickerContentHeight=Object(l.outerHeight)(t.$refs.pickerContent)})}}}},159:function(e,t){e.exports=s},196:function(e,t){e.exports=i},2364:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=s(26),a=s.n(i),n=s(2365);n.a.install=function(e){e.component(n.a.name,n.a),e.prototype.$createDiseaseListLayer=a()(n.a,e)},t.default=n.a},2365:function(e,t,s){"use strict";function i(e){o||s(2366)}var a=s(1302),n=s(2367),r=s(7),o=!1,c=i,l=Object(r.a)(a.a,n.a,n.b,!1,c,"data-v-3f9273f6",null);l.options.__file="src\\components\\DiseaseListLayer\\src\\index.vue",t.a=l.exports},2366:function(e,t){},2367:function(e,t,s){"use strict";s.d(t,"a",function(){return i}),s.d(t,"b",function(){return a});var i=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"act-DiseaseListLayer"},[i("act-gold-layer",{attrs:{title:e.title,mask:!0,center:!1,visible:e.isVisible,zIndex:e.zIndex},on:{close:e.maskClick}},[i("div",{ref:"pickerContent",staticClass:"main-content"},[i("div",{staticClass:"gradual-color"}),e._v(" "),i("div",{staticClass:"header-box"},[i("form",{staticClass:"search-box",on:{submit:function(t){return t.preventDefault(),e.handleSearch.apply(null,arguments)}}},[i("img",{staticClass:"search-icon",attrs:{src:s(640),alt:""}}),e._v(" "),i("input",{directives:[{name:"model",rawName:"v-model",value:e.searchKeyword,expression:"searchKeyword"}],attrs:{type:"text",placeholder:e.placeholder},domProps:{value:e.searchKeyword},on:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.handleSearch.apply(null,arguments)},input:function(t){t.target.composing||(e.searchKeyword=t.target.value)}}}),e._v(" "),e.searchKeyword?i("img",{staticClass:"close-icon",attrs:{src:s(790),alt:""},on:{click:e.clear}}):e._e(),e._v(" "),i("button",{staticStyle:{display:"none"},attrs:{type:"submit"}},[e._v("搜索")])])]),e._v(" "),i("div",{staticClass:"search-content"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.diseaseList&&e.diseaseList.length,expression:"diseaseList && diseaseList.length"}],ref:"content",staticClass:"content"},[i("div",{staticClass:"table-scroll-bg",style:"height: "+2*e.diseaseList.length+"rem"}),e._v(" "),i("div",{staticClass:"content-header"},[i("div",{staticClass:"table-tr"},[i("p",{staticClass:"order"},[e._v("\n                序号\n              ")]),e._v(" "),i("p",{staticClass:"disease"},[e._v("\n                疾病名称\n              ")])])]),e._v(" "),i("div",{ref:"tableWrapper",staticClass:"table-scroll-warppper"},[i("div",[i("div",{staticClass:"scroll-content"},[i("table",{attrs:{border:"0",cellspacing:"0",cellpadding:"0"}},[i("tbody",e._l(e.diseaseList,function(t,s){return i("tr",{key:s+t.name,staticClass:"table-tr"},[i("td",{staticClass:"order"},[i("div",{staticClass:"item-order"},[e._v("\n                          "+e._s(s+1)+"\n                        ")])]),e._v(" "),i("td",{staticClass:"disease disease-desc"},[i("div",{domProps:{innerHTML:e._s(t.name)}})])])}),0)])]),e._v(" "),i("div",{staticStyle:{width:"100%",height:"3rem"}})])])]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.hasSearched&&0===e.diseaseList.length,expression:"hasSearched && diseaseList.length === 0"}],staticClass:"search-empty"},[e.isCps?i("img",{attrs:{src:"https://sslstatic.cxisc.com/ot/act/icon-nodata-cps.790a1e4ce7043d7f.png"}}):i("img",{attrs:{src:"https://sslstatic.xiaoyusan.com/ot/act/icon-nodata.c0ccbc9f2e3fc547.png"}}),e._v(" "),i("h4",{staticClass:"tip"},[e._v(e._s(e.searchEmptyResultTips))]),e._v(" "),i("p",{staticClass:"desc"},[e._v(e._s(e.searchEmptyResultDesc))])]),e._v(" "),e.isShowActLoading?i("div",{staticClass:"loading"},[i("act-loading",{directives:[{name:"show",rawName:"v-show",value:!0,expression:"true"}],attrs:{type:"cir3",color:e.brandColor,size:35}})],1):e._e()])])])],1)},a=[];i._withStripped=!0},26:function(t,s){t.exports=e},261:function(e,t){e.exports=a},39:function(e,s){e.exports=t},640:function(e,t){e.exports=n},7:function(e,t,s){"use strict";function i(e,t,s,i,a,n,r,o){e=e||{};var c=typeof e.default;"object"!==c&&"function"!==c||(e=e.default);var l="function"==typeof e?e.options:e;t&&(l.render=t,l.staticRenderFns=s,l._compiled=!0),i&&(l.functional=!0),n&&(l._scopeId=n);var d;if(r?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=d):a&&(d=o?function(){a.call(this,this.$root.$options.shadowRoot)}:a),d)if(l.functional){l._injectStyles=d;var u=l.render;l.render=function(e,t){return d.call(t),u(e,t)}}else{var h=l.beforeCreate;l.beforeCreate=h?[].concat(h,d):[d]}return{exports:e,options:l}}t.a=i},790:function(e,t){e.exports=r}})});