tplus-member 3.26.6 → 3.28.1

package/dist/views/MemberOrderView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-member/views/MemberOrderView.js"],"names":["defaultImage","funcs","sub","route","ck","observer","props","context","formRef","React","createRef","cancel","stores","modalRouter","hide","func","handleSave","current","submit","handleCancel","platform","isHorizontalSunMi","window","android_setKeyBoard","SetKeyBoardDisplay","finishFailed","values","errorFields","outOfDate","error","formFinish","saveMember","save","state","showModal","changed","Assign","_this","changeVal","viewModel","controllerEvent","then","setState","verifyResult","verify","result","Message","success","modals","closeCk","drawerStore","data","selectMemberStore","searchValue","CardCode","setTimeout","init","title","key","subKey","mid","AddMemberView","edit","keys","length","curMemberInfo","editData","err","includes","getErrorField","Headers","GetMemberReferData","field","find","el","FieldName","Title","info","console","log","map","ControlType","imageField","isImage","Visible","isImageRead","ReadOnly","ImageFile","localStore","get","loginInfo","province","disctrict","city","geoCode","HeadersCopy","defaultValue","display","src","Component","action"],"mappings":"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","file":"MemberOrderView.js","sourcesContent":["import React from 'react';\nimport { when, action } from 'mobx';\nimport { observer } from 'mobx-react';\nimport { platform } from 'mutants-util';\nimport { Button } from 'antd';\nimport { injectViewModel } from 'mutants-appfx';\nimport { CommonForm, Message,Ticon } from 'tplus-components-touch';\nimport { stores, localStore } from 'mutants-microfx';\nimport MemberPhoto from '../member/MemberPhoto.js';\nimport _clonedeep from 'lodash/cloneDeep';\nimport './memberOrder.less';\n\nconst defaultImage = 'https://newretail.static.chanjet.com/default_avatar.png';\n/**\n      * func\n      * @prop sub   save  /  edit\n      * @prop route\n      * @prop ck 回掉函数\n      */\nconst funcs = {\n  'save': {\n    sub: 'save',\n    route: '/AA/MEMBER',\n    // tip:'新增会员成功',\n    ck: 'jumpToMemberManager'\n  },\n  'edit': {\n    sub: 'edit',\n    route: '/AA/OPENCARD',\n    // tip:'开卡成功',\n    ck: 'openCardCk'\n  }\n};\n\n@injectViewModel('Voucher')\n@observer\nexport default class extends React.Component {\n\n  constructor(props, context) {\n    super(props, context)\n    this.func = funcs.save;\n    this.state = { showModal: false };\n  }\n  formRef = React.createRef();\n\n  @action\n  async changeVal(changed,Assign=false) {\n    const _this = this;\n    const { viewModel: { changeVal } } = this.props;\n    const { viewModel } = this.props;\n    const { controllerEvent } = this.props;\n    controllerEvent('change', { changed,Assign }).then(() => {\n      _this.setState({})\n    });\n  }\n\n  async saveMember() {\n    const { viewModel: { saveMember } } = this.props;\n    const _this = this;\n    const { viewModel } = this.props;\n    const { controllerEvent } = this.props;\n    const verifyResult = await controllerEvent('handleData');\n    if (!viewModel.verify) return;\n\n    saveMember(this.func.save, (result) => {\n      //保存或者编辑会员后处理\n      _this[_this.func.ck] && _this[_this.func.ck]()\n    });\n  }\n\n  openCardCk() {\n    Message.success('开卡成功')\n    stores.modalRouter.hide(this.func.route);\n    const ck = stores.modalRouter.modals[this.func.route].closeCk;\n    ck && ck();\n  }\n\n  jumpToMemberManager() {\n    stores.modalRouter.hide(this.func.route);\n    if (!stores.drawerStore) return;\n    const { viewModel: { data } } = this.props;\n    if (stores.selectMemberStore) {\n      stores.selectMemberStore.searchValue = data.CardCode || ''\n    }\n    setTimeout(() => { stores.drawerStore.init({ title: '会员管理', key: 'member', subKey: 'memberManager' }) }, 300)\n  }\n\n  componentWillMount() {\n    const { mid } = this.props;\n    const { viewModel: { data, AddMemberView } } = this.props;\n    const { viewModel } = this.props;\n    if (mid && mid == 'OPENCARD') {\n      this.func = funcs.edit;\n      const _this = this;\n      when(() => {\n        let keys = Object.keys(data);\n        return !!keys.length;\n      }, () => {\n        if (stores.selectMemberStore && stores.selectMemberStore.curMemberInfo) {\n          const editData = stores.selectMemberStore.curMemberInfo || {};\n          _this.changeVal(_clonedeep(editData),true)\n        }\n      })\n    }\n    // if(mid&&mid=='MEMBER'){\n    when(() => {\n      return !!(viewModel && viewModel.AddMemberView);\n    }, () => {\n      const { controllerEvent } = this.props;\n      controllerEvent('modifyVM', { viewModel });\n    })\n    // }\n  }\n  cancel = () => {\n    stores.modalRouter.hide(this.func.route)\n  }\n\n  getErrorField(err) {\n    let keys = Object.keys(err) || [];\n    if (keys.includes('errors')) {\n      return err['errors']\n    } else {\n      return this.getErrorField(err[keys[0]])\n    }\n  }\n\n  error(err, values) {\n    const { viewModel: { data, AddMemberView: { Headers }, GetMemberReferData } } = this.props;\n    const error = this.getErrorField(err);\n    const field = (error[0] || {}).field;\n    const title = (Headers.find(el => el.FieldName == field) || {}).Title || '';\n    Message.info(`请输入${title}`);\n  }\n\n  // 提交\n  handleSave = () => {\n    this.formRef.current.submit();\n  }\n\n  //取消\n  handleCancel = () => {\n    this.cancel()\n    const { isHorizontalSunMi } = platform || {};\n    isHorizontalSunMi && window.android_setKeyBoard && window.android_setKeyBoard.SetKeyBoardDisplay(0)\n  };\n\n  finishFailed = (values, errorFields, outOfDate) => {\n    this.error(errorFields, values);\n  };\n\n  formFinish = (values) => {\n    this.saveMember();\n  };\n\n  render() {\n    const { viewModel: { data, AddMemberView: { Headers }, GetMemberReferData }, mid } = this.props;\n    console.log('member_datainfo===', data)\n    console.log('member_viewinfo===', Headers)\n    console.log('member_viewinfo-contorl===', Headers.map((el) => el.ControlType))\n    const imageField = Headers.find((el) => el.FieldName == 'ImageFile');\n    const isImage = imageField && imageField.Visible;\n    const isImageRead = imageField && imageField.ReadOnly;\n    const { showModal } = this.state;\n    const { ImageFile } = data || {};\n    const { loginInfo: { province , disctrict , city , geoCode} = {} } = localStore.get('user') || {};\n    let HeadersCopy = Headers.map((el) => {\n      el.ControlType == 'SelectAddress'? el.defaultValue = { province,city,\"area\":disctrict,geoCode}:'';\n      return el;\n    });\n    return (\n      <div className='memberadd-container'>\n        <div className='image' style={{ display: !!isImage ? 'block' : 'none' }}>\n          <img src={ImageFile || defaultImage} />\n        </div>\n        {\n          !!isImage && !isImageRead &&\n          <Ticon type=\"bianjixinxi\" className='editIcon' onClick={() => { this.setState({ showModal: true }) }} />\n        }\n        <CommonForm\n          form={this.formRef}\n          onFinish={this.formFinish}\n          onFinishFailed={this.finishFailed}\n          data={data}\n          viewInfo={HeadersCopy}\n          changeVal={(changed) => {\n            this.changeVal(changed)\n          }}\n          styles={{\n            'height': !!isImage ? '326px' : '376px',\n            'overflow': 'auto'\n          }}\n          getMemberReferData={GetMemberReferData}\n        />\n\n        <div className='memberadd-submit'>\n          <Button onClick={this.handleCancel}>取消</Button>\n          <Button type='primary' onClick={this.handleSave}>确定</Button>\n        </div>\n\n        <MemberPhoto titleModal={'头像选择'}\n          showModal={showModal}\n          handleModal={() => {\n            this.setState({ showModal: false })\n          }}\n          onOk={(src) => {\n            this.changeVal({ ImageFile: src || '' })\n            this.setState({ showModal: false })\n          }}\n        />\n      </div>)\n  }\n}"]}
+{"version":3,"sources":["tplus-member/views/MemberOrderView.js"],"names":["defaultImage","funcs","sub","route","ck","observer","props","context","formRef","React","createRef","cancel","stores","modalRouter","hide","func","handleSave","current","submit","handleCancel","platform","isHorizontalSunMi","window","android_setKeyBoard","SetKeyBoardDisplay","finishFailed","values","errorFields","outOfDate","error","formFinish","saveMember","save","state","showModal","changed","Assign","_this","changeVal","viewModel","controllerEvent","then","setState","verifyResult","verify","result","Message","success","modals","closeCk","drawerStore","data","selectMemberStore","searchValue","CardCode","setTimeout","init","title","key","mid","AddMemberView","edit","keys","length","curMemberInfo","editData","err","includes","getErrorField","Headers","GetMemberReferData","field","find","el","FieldName","Title","info","console","log","map","ControlType","imageField","isImage","Visible","isImageRead","ReadOnly","ImageFile","localStore","get","loginInfo","province","disctrict","city","geoCode","HeadersCopy","defaultValue","display","src","Component","action"],"mappings":"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","file":"MemberOrderView.js","sourcesContent":["import React from 'react';\r\nimport { when, action } from 'mobx';\r\nimport { observer } from 'mobx-react';\r\nimport { platform } from 'mutants-util';\r\nimport { Button } from 'antd';\r\nimport { injectViewModel } from 'mutants-appfx';\r\nimport { CommonForm, Message,Ticon } from 'tplus-components-touch';\r\nimport { stores, localStore } from 'mutants-microfx';\r\nimport MemberPhoto from '../member/MemberPhoto.js';\r\nimport _clonedeep from 'lodash/cloneDeep';\r\nimport './memberOrder.less';\r\n\r\nconst defaultImage = 'https://newretail.static.chanjet.com/default_avatar.png';\r\n/**\r\n      * func\r\n      * @prop sub   save  /  edit\r\n      * @prop route\r\n      * @prop ck 回掉函数\r\n      */\r\nconst funcs = {\r\n  'save': {\r\n    sub: 'save',\r\n    route: '/AA/MEMBER',\r\n    // tip:'新增会员成功',\r\n    ck: 'jumpToMemberManager'\r\n  },\r\n  'edit': {\r\n    sub: 'edit',\r\n    route: '/AA/OPENCARD',\r\n    // tip:'开卡成功',\r\n    ck: 'openCardCk'\r\n  }\r\n};\r\n\r\n@injectViewModel('Voucher')\r\n@observer\r\nexport default class extends React.Component {\r\n\r\n  constructor(props, context) {\r\n    super(props, context)\r\n    this.func = funcs.save;\r\n    this.state = { showModal: false };\r\n  }\r\n  formRef = React.createRef();\r\n\r\n  @action\r\n  async changeVal(changed,Assign=false) {\r\n    const _this = this;\r\n    const { viewModel: { changeVal } } = this.props;\r\n    const { viewModel } = this.props;\r\n    const { controllerEvent } = this.props;\r\n    controllerEvent('change', { changed,Assign }).then(() => {\r\n      _this.setState({})\r\n    });\r\n  }\r\n\r\n  async saveMember() {\r\n    const { viewModel: { saveMember } } = this.props;\r\n    const _this = this;\r\n    const { viewModel } = this.props;\r\n    const { controllerEvent } = this.props;\r\n    const verifyResult = await controllerEvent('handleData');\r\n    if (!viewModel.verify) return;\r\n\r\n    saveMember(this.func.save, (result) => {\r\n      //保存或者编辑会员后处理\r\n      _this[_this.func.ck] && _this[_this.func.ck]()\r\n    });\r\n  }\r\n\r\n  openCardCk() {\r\n    Message.success('开卡成功')\r\n    stores.modalRouter.hide(this.func.route);\r\n    const ck = stores.modalRouter.modals[this.func.route].closeCk;\r\n    ck && ck();\r\n  }\r\n\r\n  jumpToMemberManager() {\r\n    stores.modalRouter.hide(this.func.route);\r\n    if (!stores.drawerStore) return;\r\n    const { viewModel: { data } } = this.props;\r\n    if (stores.selectMemberStore) {\r\n      stores.selectMemberStore.searchValue = data.CardCode || ''\r\n    }\r\n    setTimeout(() => { stores.drawerStore.init({ title: '会员管理', key: 'member' }) }, 300)\r\n  }\r\n\r\n  componentWillMount() {\r\n    const { mid } = this.props;\r\n    const { viewModel: { data, AddMemberView } } = this.props;\r\n    const { viewModel } = this.props;\r\n    if (mid && mid == 'OPENCARD') {\r\n      this.func = funcs.edit;\r\n      const _this = this;\r\n      when(() => {\r\n        let keys = Object.keys(data);\r\n        return !!keys.length;\r\n      }, () => {\r\n        if (stores.selectMemberStore && stores.selectMemberStore.curMemberInfo) {\r\n          const editData = stores.selectMemberStore.curMemberInfo || {};\r\n          _this.changeVal(_clonedeep(editData),true)\r\n        }\r\n      })\r\n    }\r\n    // if(mid&&mid=='MEMBER'){\r\n    when(() => {\r\n      return !!(viewModel && viewModel.AddMemberView);\r\n    }, () => {\r\n      const { controllerEvent } = this.props;\r\n      controllerEvent('modifyVM', { viewModel });\r\n    })\r\n    // }\r\n  }\r\n  cancel = () => {\r\n    stores.modalRouter.hide(this.func.route)\r\n  }\r\n\r\n  getErrorField(err) {\r\n    let keys = Object.keys(err) || [];\r\n    if (keys.includes('errors')) {\r\n      return err['errors']\r\n    } else {\r\n      return this.getErrorField(err[keys[0]])\r\n    }\r\n  }\r\n\r\n  error(err, values) {\r\n    const { viewModel: { data, AddMemberView: { Headers }, GetMemberReferData } } = this.props;\r\n    const error = this.getErrorField(err);\r\n    const field = (error[0] || {}).field;\r\n    const title = (Headers.find(el => el.FieldName == field) || {}).Title || '';\r\n    Message.info(`请输入${title}`);\r\n  }\r\n\r\n  // 提交\r\n  handleSave = () => {\r\n    this.formRef.current.submit();\r\n  }\r\n\r\n  //取消\r\n  handleCancel = () => {\r\n    this.cancel()\r\n    const { isHorizontalSunMi } = platform || {};\r\n    isHorizontalSunMi && window.android_setKeyBoard && window.android_setKeyBoard.SetKeyBoardDisplay(0)\r\n  };\r\n\r\n  finishFailed = (values, errorFields, outOfDate) => {\r\n    this.error(errorFields, values);\r\n  };\r\n\r\n  formFinish = (values) => {\r\n    this.saveMember();\r\n  };\r\n\r\n  render() {\r\n    const { viewModel: { data, AddMemberView: { Headers }, GetMemberReferData }, mid } = this.props;\r\n    console.log('member_datainfo===', data)\r\n    console.log('member_viewinfo===', Headers)\r\n    console.log('member_viewinfo-contorl===', Headers.map((el) => el.ControlType))\r\n    const imageField = Headers.find((el) => el.FieldName == 'ImageFile');\r\n    const isImage = imageField && imageField.Visible;\r\n    const isImageRead = imageField && imageField.ReadOnly;\r\n    const { showModal } = this.state;\r\n    const { ImageFile } = data || {};\r\n    const { loginInfo: { province , disctrict , city , geoCode} = {} } = localStore.get('user') || {};\r\n    let HeadersCopy = Headers.map((el) => {\r\n      el.ControlType == 'SelectAddress'? el.defaultValue = { province,city,\"area\":disctrict,geoCode}:'';\r\n      return el;\r\n    });\r\n    return (\r\n      <div className='memberadd-container'>\r\n        <div className='image' style={{ display: !!isImage ? 'block' : 'none' }}>\r\n          <img src={ImageFile || defaultImage} />\r\n        </div>\r\n        {\r\n          !!isImage && !isImageRead &&\r\n          <Ticon type=\"bianjixinxi\" className='editIcon' onClick={() => { this.setState({ showModal: true }) }} />\r\n        }\r\n        <CommonForm\r\n          form={this.formRef}\r\n          onFinish={this.formFinish}\r\n          onFinishFailed={this.finishFailed}\r\n          data={data}\r\n          viewInfo={HeadersCopy}\r\n          changeVal={(changed) => {\r\n            this.changeVal(changed)\r\n          }}\r\n          styles={{\r\n            'height': !!isImage ? '326px' : '376px',\r\n            'overflow': 'auto'\r\n          }}\r\n          getMemberReferData={GetMemberReferData}\r\n        />\r\n\r\n        <div className='memberadd-submit'>\r\n          <Button onClick={this.handleCancel}>取消</Button>\r\n          <Button type='primary' onClick={this.handleSave}>确定</Button>\r\n        </div>\r\n\r\n        <MemberPhoto titleModal={'头像选择'}\r\n          showModal={showModal}\r\n          handleModal={() => {\r\n            this.setState({ showModal: false })\r\n          }}\r\n          onOk={(src) => {\r\n            this.changeVal({ ImageFile: src || '' })\r\n            this.setState({ showModal: false })\r\n          }}\r\n        />\r\n      </div>)\r\n  }\r\n}"]}

package/dist/views/MemberStore.less

@@ -1,143 +1,143 @@
-
-.memberContainer {
-
-    .u-modal-dialog {
-       height: 470px !important;
-       width : 600px !important
-   }
-    .u-modal-body {
-        height: 424px !important;
-        overflow:hidden !important;
-    }
-
-    .u-modal-footer {
-        display: none;
-    }
-
-    .memberstore {
-        .memberstore-head {
-            display        : flex;
-            justify-content: center;
-            align-items    : center;
-            width          : 100%;
-            height         : 88px;
-
-            .imageContainer {
-                font-family   : PingFang-SC-Regular;
-                display: flex;
-                align-items: center;
-                width: 200px;
-                img {
-                    display      : inline-block;
-                    width        : 69px;
-                    height       : 69px;
-                    border-radius: 50%;
-                }
-
-                .imageContainer-message {
-                    width       : 100px;
-                    text-align  : left;
-
-                    .divText{
-                        font-size     : 13px;
-                        color         : #000000;
-                        letter-spacing: 0;
-                        text-align    : left;
-                        white-space   : nowrap;
-                        text-overflow : ellipsis;
-                        overflow      : hidden;
-                        word-break    : break-all;
-                        height        : 16px;
-                        line-height   : 16px;
-                        padding: 0 2px;
-                    }
-
-                    .divBlank {
-                        height: 16px;
-                    }
-                }
-            }
-
-            .message {
-                text-align  : left;
-                position    : relative;
-                width       : 180px;
-                height      : 56px;
-                box-sizing  : border-box;
-                padding-left: 20px;
-                padding-top : 10px;
-
-                span:last-child {
-                    font-family: PingFang-SC-Regular;
-                    font-size  : 12px;
-                    color      : #666666;
-                    line-height: 12px;
-                }
-
-                span:first-child {
-                    font-family: PingFang-SC-Semibold;
-                    font-size  : 16px;
-                    color      : #FF595E;
-                    line-height: 12px;
-                }
-
-                &:before {
-                    content   : '';
-                    position  : absolute;
-                    top       : 13px;
-                    left      : 0px;
-                    width     : 1px;
-                    height    : 25px;
-                    background: #C8C8CD;
-                }
-            }
-        }
-
-        .line {
-            height          : 8px;
-            width           : 100%;
-            background-color: #F4F4F4;
-        }
-
-        .form {
-            height: 277px;
-            padding: 20px;
-            .u-form-item {
-                display    : flex;
-                align-items: center;
-                margin    : 10px 30px;
-                height: 32px;
-
-                .one {
-                    width        : 120px;
-                    font-size    : 14px;
-                    color        : #000000;
-                    text-align   : right;
-                    padding-right: 20px;
-                }
-
-                .two {
-                    font-size    : 14px;
-                    color        : #000000;
-                    width: 300px;
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                }
-            }
-        }
-
-        .line2 {
-            height          : 1px;
-            width           : 100%;
-            background-color: #E6E6EB;
-        }
-        .footer {
-            height     : 50px;
-            line-height: 50px;
-            padding: 2px 16px;
-        }
-    }
-}
-
-
+
+.memberContainer {
+
+    .u-modal-dialog {
+       height: 470px !important;
+       width : 600px !important
+   }
+    .u-modal-body {
+        height: 424px !important;
+        overflow:hidden !important;
+    }
+
+    .u-modal-footer {
+        display: none;
+    }
+
+    .memberstore {
+        .memberstore-head {
+            display        : flex;
+            justify-content: center;
+            align-items    : center;
+            width          : 100%;
+            height         : 88px;
+
+            .imageContainer {
+                font-family   : PingFang-SC-Regular;
+                display: flex;
+                align-items: center;
+                width: 200px;
+                img {
+                    display      : inline-block;
+                    width        : 69px;
+                    height       : 69px;
+                    border-radius: 50%;
+                }
+
+                .imageContainer-message {
+                    width       : 100px;
+                    text-align  : left;
+
+                    .divText{
+                        font-size     : 13px;
+                        color         : #000000;
+                        letter-spacing: 0;
+                        text-align    : left;
+                        white-space   : nowrap;
+                        text-overflow : ellipsis;
+                        overflow      : hidden;
+                        word-break    : break-all;
+                        height        : 16px;
+                        line-height   : 16px;
+                        padding: 0 2px;
+                    }
+
+                    .divBlank {
+                        height: 16px;
+                    }
+                }
+            }
+
+            .message {
+                text-align  : left;
+                position    : relative;
+                width       : 180px;
+                height      : 56px;
+                box-sizing  : border-box;
+                padding-left: 20px;
+                padding-top : 10px;
+
+                span:last-child {
+                    font-family: PingFang-SC-Regular;
+                    font-size  : 12px;
+                    color      : #666666;
+                    line-height: 12px;
+                }
+
+                span:first-child {
+                    font-family: PingFang-SC-Semibold;
+                    font-size  : 16px;
+                    color      : #FF595E;
+                    line-height: 12px;
+                }
+
+                &:before {
+                    content   : '';
+                    position  : absolute;
+                    top       : 13px;
+                    left      : 0px;
+                    width     : 1px;
+                    height    : 25px;
+                    background: #C8C8CD;
+                }
+            }
+        }
+
+        .line {
+            height          : 8px;
+            width           : 100%;
+            background-color: #F4F4F4;
+        }
+
+        .form {
+            height: 277px;
+            padding: 20px;
+            .u-form-item {
+                display    : flex;
+                align-items: center;
+                margin    : 10px 30px;
+                height: 32px;
+
+                .one {
+                    width        : 120px;
+                    font-size    : 14px;
+                    color        : #000000;
+                    text-align   : right;
+                    padding-right: 20px;
+                }
+
+                .two {
+                    font-size    : 14px;
+                    color        : #000000;
+                    width: 300px;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+            }
+        }
+
+        .line2 {
+            height          : 1px;
+            width           : 100%;
+            background-color: #E6E6EB;
+        }
+        .footer {
+            height     : 50px;
+            line-height: 50px;
+            padding: 2px 16px;
+        }
+    }
+}
+
+