fstarter 2.10.50 → 2.10.53

package/src/views/auth5.vue

@@ -1,50 +1,50 @@
-<template>
-  <div>
-    <bs-sign
-        cname="sign"
-        @done="done"
-    >
-    </bs-sign>
-  </div>
-</template>
-
-<script>
-
-import base from '../plugins/components/base.js'
-
-export default {
-  name: "auth5",
-  mixins: [base],
-  props: {},
-
-
-  methods: {
-      done() {
-          console.log('123')
-      }
-  },
-  data() {
-    return {
-
-
-    }
-  },
-  mounted() {
-
-  },
-}
-
-
-</script>
-
-
-<style scoped>
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 0px;
-}
-</style>
+<template>
+  <div>
+    <bs-sign
+        cname="sign"
+        @done="done"
+    >
+    </bs-sign>
+  </div>
+</template>
+
+<script>
+
+import base from '../plugins/components/base.js'
+
+export default {
+  name: "auth5",
+  mixins: [base],
+  props: {},
+
+
+  methods: {
+      done() {
+          console.log('123')
+      }
+  },
+  data() {
+    return {
+
+
+    }
+  },
+  mounted() {
+
+  },
+}
+
+
+</script>
+
+
+<style scoped>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 0px;
+}
+</style>

package/src/views/authh5.vue

@@ -0,0 +1,369 @@
+<template>
+
+    <van-cell-group>
+      <!-- <bs-upload2
+        @clickUpload="clickUpload"
+      ></bs-upload2> -->
+      <!-- <p @click="share">分享</p>
+      <p @click="camera">相机</p>
+      <p @click="jump">跳转</p>
+      <p @click="barHeight">获取bar的高度</p>
+      <p @click="gosetPage">去配置页</p> -->
+      <p @click="face">人脸</p>
+      <br>
+      <br>
+      <bs-input 
+        :mod="submodel.name" 
+        cname="name"
+        @blur="blurFn"
+      />
+      <BankSelect :mod="submodel.bank" cname="bank"></BankSelect>
+      <bs-radio 
+        :mod="submodel.sex" 
+        cname="sex"
+      ></bs-radio>
+      <bs-input :mod="submodel.cardno" cname="cardno"/>
+      <!-- send-verCode 发送短信事件  -->
+      <bs-vercode 
+        :mod="submodel.vercode" 
+        @send-verCode="sendVerCode"     
+        cname="vercode"
+        :cusValidate="cusValidate_name"
+      />
+      <bs-piccode
+        :mod="submodel.piccode"
+        cname="piccode"
+      />
+      <bs-datePicker 
+        :mod="submodel.data" 
+        cname="data" 
+      />
+      <bs-search 
+        :mod="submodel.search" 
+        cname="search"
+        @search="search" 
+      />
+      <bs-list 
+        :mod="submodel.list"
+        cname="list"   
+        @onload="load"
+      >
+        <div slot="slotA"></div>
+      </bs-list>
+      <!-- <bs-popup 
+        cname="popup"
+      >
+        <bs-image 
+          :mod="submodel.picture" 
+          cname="picture"
+        >
+        </bs-image>
+      </bs-popup> -->
+        <bs-stepper
+          cname="stepper"
+          :mod="submodel.stepper" 
+        > 
+          <span slot="title">123</span>
+        </bs-stepper>
+        <div @click="a">123</div>
+    </van-cell-group>
+
+</template>
+
+<script>
+
+    import base from '../plugins/components/base.js'
+    import BankSelect from './components/BankSelect.vue'
+
+    export default {
+        name: "auth",
+        components: { BankSelect },
+        mixins: [base],
+        props: {
+
+        },
+        data() {
+          return {
+            vname:'auth',
+            needProcessEvent:true,
+            needLoadData: true,
+            submodel:{
+              data: {
+                required:true,                  // 必填
+                needStar: false,
+                text: '',
+                maxDate: '2030-02-03',
+                placeholder: '123123',
+                defaultPickerVal: '2020-02-03'
+              },
+              stepper:{
+                min: -2,
+                max: 5000,
+                integer: true
+              },
+              search: {
+                maxlength: 100,                 // 输入的值的最大长度
+                text: '',                       // 输入的值
+                readonly: false,                // 只读
+                placeholder: '请输入关键词',     // placeholder
+                leftIcon: 'search',             // 输入框左侧图标名称或图片链接
+                clearable: true,                // 是否启用清除图标，点击清除图标后会清空输入框       
+                inputAlign: 'left'             // 输入框内容对齐方式，可选值为 center right
+              },
+              btn: {
+                label: '确定',        // 按钮文字
+                disabled: false       // 禁用   
+              },
+              name:{
+                label:'lang.accname',           // 输入框label
+                placeholder:'请输入您的姓名',    // placeholder
+                required:true,                  // 必填
+                readonly:false,                 // 只读
+
+              },
+              list: {
+                finishedText: '加载中..',       // 加载完成后的提示文案
+                list: [
+                  {span: '123'}
+                ]
+              },
+              cell: { 
+                label: '',                // 标题下方的描述信息
+                value: '',                // 右侧内容
+                title: ''                 // 左侧标题
+              },
+              bank:{required:true,readonly:false},
+              cardno:{label:'扣款卡号',placeholder:'请输入扣款卡号',required:true,readonly:true},
+              vercode:{
+                label: '验证码',                  // label
+                placeholder: '请输入验证码',      // placeholder
+                disabled: false,                  // 禁用
+                required: true,                  // 必填
+                sendButtonLabel: '发送短信',     // 按钮文字
+                expiredTime: 3,                // 倒计时时长
+                expiredLabel: '{0}s',            // 倒计时格式
+                validateType:'CUS'              // 校验类型。见文档校验
+              },
+              piccode:{
+                label:'验证码',                  // label
+                placeholder:'请输入验证码',      // placeholder
+                disabled:true,                  // 禁用
+                required:true,                  // 必填
+                fileId:'18d339fe9861935f33df4cbf55fc251a'
+              },
+              sex:{
+                label: '性别',      // label
+                value: '0',         // 绑定的值
+                required: true,     // 必填
+                readonly: true,     // 只读
+                items: [{value:"lang.man",key:"1"},{value:"lang.women",key:"0"}]  // 选项
+              },
+              createDate:{label:'创建日期',placeholder:'请选择创建日期',required:true,readonly:false},
+              picture:{
+                value:'https://www.baidu.com/img/flexible/logo/pc/result.png'     // 图片url
+              },
+              popup: {
+                show: false         // 是否显示
+              }
+
+            },
+            flag:true
+          }
+        },
+        mounted() {
+          // this.selector('#data').setValue(new Date())
+          this.session.sys.toolbar.title='sss'
+          // this.$service.callService('getAuthInfo')
+          this.$on('getPic', (res) => {
+            console.log(res)
+          })
+          this.$on('statusBarHeight', (res) => {
+            console.log(res)
+          })
+          this.$on('live', (res) => {
+            console.log(res)
+          })
+          setTimeout(()=>{
+            this.session.sys.title='sddss'
+            this.selector('#name').reset()
+
+          },5000)
+
+        },
+        methods: {
+          face() {
+//             回跳地址：
+// 测试：https://teststatic.ihasl.com/pages/wechatsecur/#/verificationResult
+// 生产： https://www.ihasl.com/pages/wechatsecur
+// #/verificationResult     @郭宁 
+// https://teststatic.ihasl.com/pages/wechatsecur/#/reporterfile
+            const params = {
+              idcard_number: '131128199509262429',
+              idcard_name: '项语晴',
+              cbUrl: 'https://teststatic.ihasl.com/pages/oneleinsure/#/'
+            }
+            console.log(params, '=====唤起人脸入参====')
+            this.$service.callService('faceH5', params)
+          },
+          gosetPage() {
+            this.$service.callService('goSetPage')
+          },
+          barHeight() {
+            const a = {
+              vnode: this,
+            }
+            this.$service.callService('statusBarHeight', a)
+          },
+          jump() {
+            const a = {
+              url: 'http://192.168.1.15:8080/#/auth2',
+              pageCode: 'tarinJump', // 训练页面
+              // pageCode: 'COMMON_PRIMARY_PAGE' 指定页面
+            }
+            this.$service.callService('jumpView', a)
+          },
+          share() {
+            const a = {
+              // 分享链接描述
+              description:"尊敬的老大先生/女士:您购买的MRE-御医保医疗保险，请您签名！感谢您对恒安标准人寿的信任。",
+              // 分享链接配图
+              imgurl:"http://www.ihasl.com/pages/common/share.png",
+              // 固定入参
+              shareType: "2",
+              // 
+              // text:"https://www.ihasl.com/pages/eas/#/eleinsure/flySign?agentInfo=%7B%22payment_mode%22%3A%220%22%2C%22images%22%3A%5B%5D%2C%22agent_id%22%3A%2260005273%22%2C%22agent_name%22%3A%22%E5%B0%A4%E4%B8%B9%22%2C%22is_qt%22%3A%22N%22%2C%22is_fh%22%3A%22N%22%2C%22sum_initial_premium%22%3A%22325.0%22%2C%22is_tl%22%3A%22N%22%2C%22is_wn%22%3A%22N%22%2C%22total_premium%22%3A%220.0%22%2C%22policy_type%22%3A%22lib_pro%22%2C%22full_name%22%3A%22%E8%80%81%E5%A4%A7%22%2C%22payment_duration%22%3A%221%22%2C%22company_name%22%3A%22%E6%81%92%E5%AE%89%E6%A0%87%E5%87%86%E4%BA%BA%E5%AF%BF%E4%BF%9D%E9%99%A9%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8%E5%A4%A9%E6%B4%A5%E5%88%86%E5%85%AC%E5%8F%B8%22%2C%22rn%22%3A1%2C%22zy_card_no%22%3A%2202003812000080002018000567%22%2C%22risk_name%22%3A%22MRE-%E5%BE%A1%E5%8C%BB%E4%BF%9D%E5%8C%BB%E7%96%97%E4%BF%9D%E9%99%A9%22%7D&applyTime=&isTaxExc=lib_pro&rn=0&otherPartyUuid=&isSamePerson=N&applicantHasSign=N&isSign=N&isShare=N&serno=hUDedDxn&orderUuid=Vv65u4Vy&policyUuid=wzB7maly&tPartyUuid=pmYtgjBz&bPartyUuid=&hasReliefClause=Y",
+              // 分享标题
+              title:"空中签名",
+              // 分享链接地址
+              // url:"https://www.ihasl.com/pages/eas/#/eleinsure/flySign?agentInfo=%7B%22payment_mode%22%3A%220%22%2C%22images%22%3A%5B%5D%2C%22agent_id%22%3A%2260005273%22%2C%22agent_name%22%3A%22%E5%B0%A4%E4%B8%B9%22%2C%22is_qt%22%3A%22N%22%2C%22is_fh%22%3A%22N%22%2C%22sum_initial_premium%22%3A%22325.0%22%2C%22is_tl%22%3A%22N%22%2C%22is_wn%22%3A%22N%22%2C%22total_premium%22%3A%220.0%22%2C%22policy_type%22%3A%22lib_pro%22%2C%22full_name%22%3A%22%E8%80%81%E5%A4%A7%22%2C%22payment_duration%22%3A%221%22%2C%22company_name%22%3A%22%E6%81%92%E5%AE%89%E6%A0%87%E5%87%86%E4%BA%BA%E5%AF%BF%E4%BF%9D%E9%99%A9%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8%E5%A4%A9%E6%B4%A5%E5%88%86%E5%85%AC%E5%8F%B8%22%2C%22rn%22%3A1%2C%22zy_card_no%22%3A%2202003812000080002018000567%22%2C%22risk_name%22%3A%22MRE-%E5%BE%A1%E5%8C%BB%E4%BF%9D%E5%8C%BB%E7%96%97%E4%BF%9D%E9%99%A9%22%7D&applyTime=&isTaxExc=lib_pro&rn=0&otherPartyUuid=&isSamePerson=N&applicantHasSign=N&isSign=N&isShare=N&serno=hUDedDxn&orderUuid=Vv65u4Vy&policyUuid=wzB7maly&tPartyUuid=pmYtgjBz&bPartyUuid=&hasReliefClause=Y"
+            }
+            this.$service.callService('share', a)
+          },
+          camera() {
+            // 配合mounted钩子函数中的$on来使用
+            const param = {
+              // 当前node节点，来绑定回调用
+              vnode: this,
+              // 随机数，长度适中
+              buzId: 'asdf123123',
+              cancelCrop: true,
+              // 相册是否多选
+              multiple: false,
+              cropType: '1' // 图片裁剪类型 ,0   横向裁剪   宽 ：高 = 8 ：5,    1   竖向裁剪   宽 ：高 = 5 ：7
+
+            }
+            this.$service.callService('camera', param)
+          },
+          clickUpload() {
+            // console.log("点了上传图片")
+          },
+          a() {
+            // this.selector('#stepper').set('min', 20)
+            this.selector('#data').setValue(new Date())
+//             this.selector('#data').set(new Date())
+          },
+          search() {
+            console.log(123)
+          },
+          blurFn() {
+            console.log('blur')
+          },
+          load() {
+            console.log(123)
+          },
+          processEvent(event){
+
+            this.authWatchHandle()
+
+          },
+          cusValidate_name(self,value){
+
+            if(value.value == 'aa'){
+              return this.$service.callService('sendVerCode').then((data)=>{
+                return ''
+              })
+            }else{
+              return this.$service.callService('sendVerCode').then((data)=>{
+                return {message:'该用户已存在',level:8}
+              })
+            }
+
+          },
+          loadData(res){
+            if (res.serviceId === 'getH5FaceResult') {
+              console.log(res)
+            }
+            if(res.serviceId == 'getAuthInfo'){
+  //             console.log('aaaaaaa')
+  //             console.log(this.selector('>page').ctls)
+  //             let data = res.data
+  //             this.selector('#auth').selector('')
+  //             this.selector('#name').selector('#name').setValue(data.name)
+  //             this.selector('#bank').setValue(data.bank)
+  //             this.selector('#sex').setValue('1')
+  // //            this.selector('#sex').set('items',[{value:"dddd",key:"21"},{value:"ffff",key:"01"}])
+
+  //             this.selector('#cardno').setValue(data.cardno)
+
+  //             console.log(this.regedit)
+            }
+           
+
+          },
+          createDefaultModel() {
+            return {
+              title:'表单'
+            };
+          },
+          sendVerCode(resolve){
+            debugger
+            setTimeout(function() {
+              resolve()
+            }, 1000)
+
+            // this.$service.callService('sendVerCode').then((data)=>{
+            //         resolve()
+            //       }
+            // )
+                
+          },
+          authWatchHandle(){
+
+
+              if(this.$ak.utils.isEmpty(this.selector('##name').getValue())
+              || this.$ak.utils.isEmpty(this.selector('##bank').getValue())
+              || this.$ak.utils.isEmpty(this.selector('##cardno').getValue())
+              || this.$ak.utils.isEmpty(this.selector('##vercode').getValue())
+              ){
+                this.selector('##btn').disable()
+              }else{
+                this.selector('##btn').enable()
+              }
+
+              if(this.$ak.utils.isEmpty(this.selector('##name').getValue())
+              || this.$ak.utils.isEmpty(this.selector('##bank').getValue())
+              || this.$ak.utils.isEmpty(this.selector('##cardno').getValue())
+              ){
+                this.selector('##vercode').disable()
+              }else{
+                this.selector('##vercode').enable()
+              }
+
+          }
+        },
+        watch: {}
+    }
+
+</script>
+
+
+<style scoped>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 0px;
+}
+</style>

package/src/views/components/BankSelect.vue

@@ -1,55 +1,55 @@
-<template>
-
-  <bs-select :mod="model" ref="ctl" :cname="cname"/>
-
-</template>
-
-
-<script>
-
-    import base from '../../plugins/components/base.js'
-
-    export default {
-        name: "bankSelect",
-        mixins: [base],
-        props: {
-          value: {
-            type: Object,
-            default: () => {
-              return {default:true}
-            }
-          }
-        },
-        data() {
-          return {
-            isExtend:true
-          }
-        },
-        mounted() {
-
-          let fullName = this.$refs.ctl.fullName
-          let self = this
-          window.setTimeout(function () {
-            let ctlModel = self.selector('=' + fullName)
-            ctlModel.set('items',[{value:"兴业银行",key:"11"},{value:"邮储银行",key:"22"}])
-          }, 1000);
-
-        },
-        methods: {
-          createDefaultModel() {
-            return {
-              label:'扣款银行',
-              placeholder:'请输入扣款银行'
-            };
-          }
-        },
-        watch: {
-
-
-        }
-
-    }
-
-
-
-</script>
+<template>
+
+  <bs-select :mod="model" ref="ctl" :cname="cname"/>
+
+</template>
+
+
+<script>
+
+    import base from '../../plugins/components/base.js'
+
+    export default {
+        name: "bankSelect",
+        mixins: [base],
+        props: {
+          value: {
+            type: Object,
+            default: () => {
+              return {default:true}
+            }
+          }
+        },
+        data() {
+          return {
+            isExtend:true
+          }
+        },
+        mounted() {
+
+          let fullName = this.$refs.ctl.fullName
+          let self = this
+          window.setTimeout(function () {
+            let ctlModel = self.selector('=' + fullName)
+            ctlModel.set('items',[{value:"兴业银行",key:"11"},{value:"邮储银行",key:"22"}])
+          }, 1000);
+
+        },
+        methods: {
+          createDefaultModel() {
+            return {
+              label:'扣款银行',
+              placeholder:'请输入扣款银行'
+            };
+          }
+        },
+        watch: {
+
+
+        }
+
+    }
+
+
+
+</script>