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

A fantastic mobile ui lib implement by Vue

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/common/scroll.js"),require("@xysfe/actui/es/assets/common/goldlayer.js"),require("@xysfe/actui/es/assets/img/require.png")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/create/index.js","@xysfe/actui/es/assets/mixins/visible.js","@xysfe/actui/es/assets/common/scroll.js","@xysfe/actui/es/assets/common/goldlayer.js","@xysfe/actui/es/assets/img/require.png"],e):"object"==typeof exports?exports.GoldInsureDescDialog=e(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/common/scroll.js"),require("@xysfe/actui/es/assets/common/goldlayer.js"),require("@xysfe/actui/es/assets/img/require.png")):t.GoldInsureDescDialog=e(t["@xysfe/actui/es/assets/utils/create/index.js"],t["@xysfe/actui/es/assets/mixins/visible.js"],t["@xysfe/actui/es/assets/common/scroll.js"],t["@xysfe/actui/es/assets/common/goldlayer.js"],t["@xysfe/actui/es/assets/img/require.png"])}("undefined"!=typeof self?self:this,function(t,e,s,a,i){return function(t){function e(a){if(s[a])return s[a].exports;var i=s[a]={i:a,l:!1,exports:{}};return t[a].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var s={};return e.m=t,e.c=s,e.d=function(t,s,a){e.o(t,s)||Object.defineProperty(t,s,{configurable:!1,enumerable:!0,get:a})},e.n=function(t){var s=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(s,"a",s),s},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="../es",e(e.s=2257)}({1273:function(t,e,s){"use strict";var a=s(159),i=s.n(a),n=s(129),o=s.n(n),r=s(40),c=s.n(r),l={forward:"可转发",applicant:"投保人",insured:"被保险人",beneficiary:"受益人",agent:"代理人",guarder:"监护人"},u=function(t){return{applicant:t+"_tbrxx_zhankai",insureds:t+"_bbrxx_zhankai",renewalBank:t+"_xfyhzh_zhankai",beneficiaries:t+"_syrxx_zhankai",upcerts:t+"_zjsc_zhankai",recording:t+"_slsm_zhankai",payfee:t+"_zfxesm_zhankai",receipt:t+"_hz_zhankai",recontact:t+"_hf_zhankai",finishRecord:t+"_slwch_zhankai"}},d={buy:"填写信息",confirmBuy:"完成投保单",pay:"支付保费",finish:"投保完成"},f=["renewalBank","recording","payfee","human"];e.a={name:"ActGoldInsureDescDialog",mixins:[c.a],components:{ActGoldLayer:i.a,scroll:o.a},props:{title:{type:String,default:"投保流程说明"},processData:{type:Array,default:function(){return[]}},currentStep:{type:Number,default:0},themeColor:{type:String,default:"#8c7fee"},scene:{type:Number,default:1},currentRole:{type:Number,default:1}},data:function(){return{tableData:{},tagMap:l,step:d,detailBtnEnum:f}},methods:{close:function(){this.isVisible=!1},show:function(){var t=this;this.isVisible=!0,this.$nextTick(function(){t.calculateShowFold(),t.$refs.scroll&&t.$refs.scroll.refresh()})},initTableData:function(){var t=this,e={};this.processData.forEach(function(s,a){var i={flowName:s.flowName,part:a+1,flowKey:s.flowKey,tags:1==~~s.canShare?["forward"]:[],content:[]};(s.todoList||[]).forEach(function(e){var s={todoKey:e.todoKey,todoName:e.todoName,sureFire:e.sureFire,tags:t.getTags(e.canDoRole),text:e.todoContent,hasPayRule:e.hasPayRule,unfold:!1,showBtn:!0};if(e.todoTips&&(s.todoTips=e.todoTips),e.guide_cfg&&(s.guide_cfg=e.guide_cfg),e.guide_cfg_status&&(s.guide_cfg_status=e.guide_cfg_status),e.subTodoList&&e.subTodoList.length){var a=[];e.subTodoList.forEach(function(e){a.push({todoKey:e.todoKey,todoName:e.todoName,sureFire:e.sureFire,tags:t.getTags(e.canDoRole)})}),s.subTitle=a}i.content.push(s)}),e[s.flowKey]=i}),this.tableData=e},getTags:function(t){return(t||[]).map(function(t){switch(~~t){case 1:return"applicant";case 2:return"insured";case 3:return"beneficiary";case 4:return"agent";case 5:return"guarder"}})},calculateShowFold:function(){var t=this,e=[];for(var s in this.$refs)if(s.startsWith("foldBox-")){var a=s.split("-"),i=a[1],n=a[2];e.push({part:i,index:n,el:Array.isArray(this.$refs[s])?this.$refs[s][0]:this.$refs[s]})}e.forEach(function(e){var s=e.el,a=e.part,i=e.index,n=t.tableData[a].content[i],o=s.querySelector(".fold-btn"),r=o.clientHeight,c=s.scrollHeight,l=s.clientHeight;c>l?(n.showBtn=!0,n.unfoldHeight="calc("+c+"px - "+r+"px)",n.foldHeight="calc("+l+"px - "+r+"px)"):(n.showBtn=!1,n.unfoldHeight="0",n.foldHeight="0"),n.todoTips&&f.includes(n.todoKey)&&(n.showBtn=!1)})},isShowBtn:function(t,e){var s=e.unfold,a=e.showBtn,i=e.todoTips,n=e.text;if("/"===n||"\\"===n)return!1;switch(t){case"float":return!s&&a;case"span":return s&&a||this.isShowDetailBtn(e)&&!i}},isShowDetailBtn:function(t){var e=t.todoKey,s=t.hasPayRule;if(f.includes(e))switch(e){case"renewalBank":case"payfee":return s;case"recording":return!0;case"human":var a=window.location.href.includes("mockHumanCheckDetail");return t.guide_cfg_status&&1===t.guide_cfg_status||a}return!1},operateFold:function(t){var e=t.todoKey;if(f.includes(e)){var s=void 0;switch(e){case"renewalBank":s=2,this.$emit("showPayDialog",s);break;case"payfee":s=1,this.$emit("showPayDialog",s);break;case"recording":t.unfold||(t.unfold=!0),this.$emit("showRecordDialog");break;case"human":t.unfold||(t.unfold=!0),this.$emit("showHumanDialog")}}else t.unfold=!t.unfold;var a=1===Number(this.scene)?"sx":"jdt",i=u(a);i[e]&&(t.unfold||f.includes(e))&&this.trackEvent(i[e])},trackEvent:function(t){window._xystj&&window._xystj.trackEvent(t)}},computed:{grayColor:function(){return{color:"#999999"}}},watch:{isVisible:function(t){if(!1===t)for(var e in this.tableData){var s=this.tableData[e];s.content.forEach(function(t){t.unfold=!1})}}},created:function(){this.initTableData()}}},129:function(t,e){t.exports=s},159:function(t,e){t.exports=a},2257:function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=s(26),i=s.n(a),n=s(2258);n.a.install=function(t){t.component(n.a.name,n.a),t.prototype.$createGoldInsureDescDialog=i()(n.a,t)},e.default=n.a},2258:function(t,e,s){"use strict";function a(t){r||s(2259)}var i=s(1273),n=s(2260),o=s(7),r=!1,c=a,l=Object(o.a)(i.a,n.a,n.b,!1,c,"data-v-4fc1cde1",null);l.options.__file="src\\components\\GoldInsureDescDialog\\src\\index.vue",e.a=l.exports},2259:function(t,e){},2260:function(t,e,s){"use strict";s.d(e,"a",function(){return a}),s.d(e,"b",function(){return i});var a=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("act-gold-layer",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{title:t.title,visible:t.isVisible,center:!1,zIndex:99},on:{close:t.close}},[a("div",{staticClass:"gradual-color"}),t._v(" "),a("article",{staticClass:"dialog-body"},[a("div",{staticClass:"tips"},[a("p",{staticClass:"tip-title"},[t._v("\n          特别说明：\n        ")]),t._v(" "),a("div",{staticClass:"tip-content"},[4===t.currentRole?a("div",{staticClass:"gold-tag gold-tag-forward"},[a("span",{staticClass:"reduce-tag"},[t._v("\n              "+t._s(t.tagMap.forward)+"\n            ")])]):t._e(),t._v(" "),a("span",{staticStyle:{"margin-right":"1.1rem"}},[t._v("\n            为代理人可转发的步骤\n          ")]),t._v(" "),a("img",{staticClass:"required",attrs:{src:s(2261)}}),t._v(" "),a("span",[t._v("\n            为一定会产生的投保单任务\n          ")])])]),t._v(" "),a("div",{staticClass:"scroll-content"},[a("scroll",{ref:"scroll",attrs:{bounce:!1}},[a("div",{staticClass:"act-gold-desc-header"},[a("div",{staticClass:"header-item"},[t._v("\n              步骤\n            ")]),t._v(" "),a("div",{staticClass:"header-item"},[t._v("\n              内容\n            ")]),t._v(" "),a("div",{staticClass:"header-item"},[t._v("\n              说明\n            ")])]),t._v(" "),a("div",{staticClass:"table-body"},t._l(t.tableData,function(e,s){return a("div",{key:e.flowKey,staticClass:"table-body-item"},[a("div",{staticClass:"table-header"},[a("span",{style:e.part<t.currentStep?t.grayColor:{}},[t._v("\n                  "+t._s(e.part+"."+t.step[s])+"\n                ")]),t._v(" "),a("div",{staticClass:"tags tags-supply"},t._l(e.tags,function(e,s){return a("div",{key:s+"tag",staticClass:"gold-tag",class:"gold-tag-"+e},[a("span",{staticClass:"reduce-tag"},[t._v("\n                      "+t._s(t.tagMap[e])+"\n                    ")])])}),0)]),t._v(" "),a("div",{staticClass:"table-content"},t._l(e.content,function(s,i){return a("div",{key:s.todoKey+i,staticClass:"table-item"},[a("div",{staticClass:"row-item",class:{"center-cell":"/"===s.todoName||"\\"===s.todoName}},[s.subTitle&&s.subTitle.length?[a("p",{style:e.part<t.currentStep?t.grayColor:{}},[t._v("\n                        "+t._s(s.todoName)+"\n                      ")]),t._v(" "),a("ul",t._l(s.subTitle,function(s,i){return a("li",{key:s.todoKey+i},[a("div",{staticClass:"li-wrapper"},[a("div",{staticClass:"li-content"},[a("div",{staticClass:"li-bar"}),t._v(" "),a("p",{style:e.part<t.currentStep?t.grayColor:{}},[t._v("\n                                "+t._s(s.todoName)+"\n                                "),s.sureFire?a("span",{staticClass:"item-required"}):t._e()])]),t._v(" "),a("div",{staticClass:"tags tags-supply"},t._l(s.tags,function(e,s){return a("div",{key:s+"tag",staticClass:"gold-tag",class:"gold-tag-"+e},[a("span",{staticClass:"reduce-tag"},[t._v("\n                                  "+t._s(t.tagMap[e])+"\n                                ")])])}),0)])])}),0)]:[a("p",{style:e.part<t.currentStep?t.grayColor:{}},[t._v("\n                        "+t._s(s.todoName)+"\n                        "),s.sureFire?a("span",{staticClass:"item-required"}):t._e()]),t._v(" "),a("div",{staticClass:"tags tags-supply"},t._l(s.tags,function(e,s){return a("div",{key:s+"tag",staticClass:"gold-tag",class:"gold-tag-"+e},[a("span",{staticClass:"reduce-tag"},[t._v("\n                            "+t._s(t.tagMap[e])+"\n                          ")])])}),0)]],2),t._v(" "),a("div",{staticClass:"row-item row-item-cell3",class:{"center-cell":"/"===s.text||"\\"===s.text}},[a("div",{ref:"foldBox-"+e.flowKey+"-"+i,refInFor:!0,staticClass:"webkit-box",class:{unfold:s.unfold,"deatil-type":t.detailBtnEnum.includes(s.todoKey)}},[a("div",{staticClass:"cell3-content"},[a("div",{staticClass:"float-box",style:{height:s.unfold?s.unfoldHeight:s.foldHeight}}),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn("float",s),expression:"isShowBtn('float', row)"}],staticClass:"fold-btn",style:{color:t.themeColor},on:{click:function(e){return t.operateFold(s)}}},[t._v("\n                          展开\n                        ")]),t._v(" "),a("div",{staticClass:"inline-block",style:e.part<t.currentStep?t.grayColor:{},domProps:{innerHTML:t._s(s.text.trim())}}),t._v(" "),s.todoTips?[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isShowDetailBtn(s),expression:"isShowDetailBtn(row)"}],staticClass:"inline-block",style:{color:t.themeColor},on:{click:function(e){return t.operateFold(s)}}},[t._v("\n                            详情>\n                          ")]),t._v(" "),a("br"),t._v(" "),a("div",{staticClass:"inline-block todo-tip",class:{"long-todo-tip":s.showBtn&&!t.detailBtnEnum.includes(s.todoKey)}},[t._v("\n                            "+t._s(s.todoTips)+"\n                          ")])]:t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn("span",s),expression:"isShowBtn('span', row)"}],staticClass:"inline-block",style:{color:t.themeColor},on:{click:function(e){return t.operateFold(s)}}},[t._v("\n                          "+t._s(t.isShowDetailBtn(s)?"详情>":"收起")+"\n                        ")])],2)])])])}),0)])}),0),t._v(" "),a("div",{staticClass:"margin-box"})])],1)])])],1)},i=[];a._withStripped=!0},2261:function(t,e){t.exports=i},26:function(e,s){e.exports=t},40:function(t,s){t.exports=e},7:function(t,e,s){"use strict";function a(t,e,s,a,i,n,o,r){t=t||{};var c=typeof t.default;"object"!==c&&"function"!==c||(t=t.default);var l="function"==typeof t?t.options:t;e&&(l.render=e,l.staticRenderFns=s,l._compiled=!0),a&&(l.functional=!0),n&&(l._scopeId=n);var u;if(o?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},l._ssrRegister=u):i&&(u=r?function(){i.call(this,this.$root.$options.shadowRoot)}:i),u)if(l.functional){l._injectStyles=u;var d=l.render;l.render=function(t,e){return u.call(e),d(t,e)}}else{var f=l.beforeCreate;l.beforeCreate=f?[].concat(f,u):[u]}return{exports:t,options:l}}e.a=a}})});