From 6df533ebc3f4166799cdc040dca1107c17f87f94 Mon Sep 17 00:00:00 2001
From: mip-platform <mip-platform@baidu.com>
Date: Wed, 24 Apr 2019 09:22:43 +0800
Subject: [PATCH] mip-platform auto create Pull Request

---
 mip-msg/README.md    |  36 +++++++++++++++
 mip-msg/mip-msg.js   | 108 +++++++++++++++++++++++++++++++++++++++++++
 mip-msg/package.json |  14 ++++++
 3 files changed, 158 insertions(+)
 create mode 100644 mip-msg/README.md
 create mode 100644 mip-msg/mip-msg.js
 create mode 100644 mip-msg/package.json

diff --git a/mip-msg/README.md b/mip-msg/README.md
new file mode 100644
index 00000000..5440a968
--- /dev/null
+++ b/mip-msg/README.md
@@ -0,0 +1,36 @@
+# mip-msg
+
+mip-msg 用于提交联系方式的组件
+
+标题|内容
+----|----
+类型|通用
+支持布局|responsive,fixed-height,fill,container,fixed
+所需脚本|https://c.mipcdn.com/extensions/platform/v1/mip-msg/mip-msg.js
+
+## 示例
+
+### 基本用法
+
+```html
+<mip-msg popContact="Mcontact" popTel="Mtel" popInfo="Minfo" popButton="Mbutton" projectId="123">
+	<p contenteditable="true" id="Mcontact" placeholder="请输入您的手机号码~" ></p>  
+    <p contenteditable="true" id="Mtel" placeholder="请输入您的姓名~" ></p>
+   
+    <p contenteditable="true" id="Minfo" placeholder="请输入您的手机号码~" ></p>
+    <span id="Mbutton" value="立即提交" ></span>
+</mip-msg>
+```
+## 属性
+
+### {属性名}
+
+说明：{说明}
+必选项：{是|否}
+类型：{类型}
+取值范围：{取值范围}
+单位：{单位}
+默认值：{默认值}
+
+## 注意事项
+
diff --git a/mip-msg/mip-msg.js b/mip-msg/mip-msg.js
new file mode 100644
index 00000000..54161276
--- /dev/null
+++ b/mip-msg/mip-msg.js
@@ -0,0 +1,108 @@
+/**
+ * @file mip-vote 组件
+ * @author
+ */
+
+define(function (require) {
+    // mip 组件开发支持 zepto
+    var jquery = require('zepto');
+    var customElement = require('customElement').create();
+    // 第一次进入可视区回调，只会执行一次
+
+    customElement.prototype.firstInviewCallback = function () {
+        var element = this.element;
+        // 姓名Id
+        var popContact = this.element.getAttribute('popContact');
+        // 联系方式ID
+        var popTel = this.element.getAttribute('popTel');
+        // 留言内容id
+        var popInfo = this.element.getAttribute('popInfo');
+         // checkBox
+        var checkBox = this.element.getAttribute('checkBox');
+        // 提交按钮Id
+        var popButton = this.element.getAttribute('popButton');
+        var projectId = this.element.getAttribute('projectId');
+        var projectIdValue = '';
+        var popTelValue = '';
+        var popContactValue = '';
+        var popInfoValue = '';
+        $('#' + checkBox).click(function () {
+            if ($(this).attr('checked') === 'checked') {
+                $(this).attr('checked', false);
+                $(this).css('background', '#999');
+            } else {
+                $(this).attr('checked', 'checked');
+                $(this).css('background', '#33bd57');
+            }
+        });
+        // 点击按钮
+        $('#' + popButton + '').click(function () {
+            var tval = $('#' + popTel + '').text();
+            var add = true;
+            var reTel = /^1\d{10}$/;
+            var reg = /^0\d{2,3}-\d{7,8}(-\d{1,6})?$/;
+            // 判断名字是否为空
+            if (popContact !== '') {
+                if ($.trim($('#' + popContact + ' ').text()) === '') {
+                    $('#' + popContact + ' ').attr('placeholder', '请输入你的姓名');
+                    $('#' + popContact + ' ').css('border-color', '#FF0000');
+                }
+                else {
+                    $('#' + popContact + '').css('border-color', '#d2d2d2');
+                    popContactValue = $.trim($('#' + popContact + '').text());
+                    $('#' + popContact + '').text('');
+                }
+            }
+            // 判断联系方式是否为空
+            if ($.trim(tval) === ' ') {
+                $('#' + popTel + '').css('border-color', '#FF0000');
+                $('#' + popTel + '').attr('placeholder', '请输入你的手机号码');
+                return;
+            }
+            else if (reTel.test(tval) === false && reg.test(tval) === false) {
+                $('#' + popTel + '').css('border-color', '#FF0000');
+                $('#' + popTel + '').text('');
+                $('#' + popTel + '').attr('placeholder', '输入的联系方式不正确');
+                return;
+            }
+            else {
+                $('#' + popTel + '').css('border-color', '#d2d2d2');
+                popTelValue = $.trim(tval);
+            }
+            if (popInfo !== '') {
+                popInfoValue = $.trim($('#' + popInfo + '').text());
+                $('#' + popInfo + '').text('');
+            }
+            var loginReqbody = {
+                'tid': projectId,
+                'type': 'addMsg',
+                'tel': popTelValue,
+                'popInfo': popInfoValue,
+                'popContact': popContactValue
+            };
+            if ($('#' + checkBox).attr('checked') === 'checked') {
+                $.ajax({
+                    url: 'https://m.53.com.cn/common/mipwebdo.ashx',
+                    type: 'POST',
+                    async: false,
+                    data: JSON.stringify(loginReqbody),
+                    error: function () {
+                        alert('留言失败2');
+                    },
+                    success: function (data, status) {
+                        if (status = 'success' && data !== '') {
+                            alert(data);
+                            $('#' + popTel + '').text('');
+                        } else {
+                            alert('留言失败3');
+                        }
+                    }
+                });
+            }
+             else {
+                alert('请先同意《53加盟网服务条款》');
+            }
+        });
+    };
+    return customElement;
+});
\ No newline at end of file
diff --git a/mip-msg/package.json b/mip-msg/package.json
new file mode 100644
index 00000000..bcbb5712
--- /dev/null
+++ b/mip-msg/package.json
@@ -0,0 +1,14 @@
+{
+    "name": "mip-msg",
+    "version": "1.4.2",
+    "description": "用来进行提交留言的小组件",
+    "contributors": [
+        {
+            "name": "LaoWang",
+            "email": "891995590@qq.com"
+        }
+    ],
+    "engines": {
+        "mip": ">=1.1.0"
+    }
+}