@xysfe/actui2 0.0.1

package/lib/ContactBook/index.mjs

@@ -0,0 +1,1876 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
+import _parseFloat from "@babel/runtime-corejs3/core-js/parse-float";
+import _parseInt from "@babel/runtime-corejs3/core-js/parse-int";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActPopup } from "../common/popup/index.mjs";
+import { p as popupMixin } from "../mixins/popup/index.mjs";
+import { S as Scroll } from "../common/scroll/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { n as noscrollMixin } from "../mixins/noscroll/index.mjs";
+import { G as GoldElementGroup } from "../GoldElementGroup/index.mjs";
+import { G as GoldDialog } from "../GoldDialog/index.mjs";
+import { f as fetch } from "../utils/post/index.mjs";
+import { o as outerHeight, h as hexToRgb } from "../utils/helpers/index.mjs";
+import { f as format } from "../utils/date/index.mjs";
+import __$_require_6ff32fba__ from "../assets/main-nodata.8fa5.png";
+import __$_require_0fcc8ec3__ from "../assets/cps-nodata.d059.png";
+import __$_require_6cb170f4__ from "../assets/dowm.281b.png";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t.return || t.return();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    var _context26;
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = _sliceInstanceProperty(_context26 = {}.toString.call(r)).call(_context26, 8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var CACHE_ERRMSG = "系统繁忙，请稍后重试";
+var PARAM_ERRMSG = "传入参数错误";
+var TODAY_FORMAT = format(/* @__PURE__ */ new Date(), "yyyyMMdd");
+var ID_TYPES = {
+  "0": "身份证",
+  "1": "出生证",
+  "2": "护照",
+  "3": "港澳通行证",
+  "4": "台胞证",
+  "5": "军官证",
+  "6": "户口本",
+  "7": "大陆通行证",
+  "8": "回乡证",
+  "9": "警官证",
+  "10": "港澳台通行证",
+  "11": "士兵证"
+};
+var _sfc_main = {
+  name: "ActContactBook",
+  mixins: [popupMixin, visibleMixin, noscrollMixin],
+  data: function data() {
+    return {
+      scroller: null,
+      defaultSelectData: null,
+      extParamData: null,
+      changeId: null,
+      editId: null,
+      sourceList: [],
+      list: [],
+      disabledList: [],
+      disabledSearchList: [],
+      hasInited: false,
+      type: "choose",
+      elements: [{
+        display: 1,
+        key: "name",
+        type: 2,
+        name: "姓名",
+        defaultRemind: "请输入联系人姓名",
+        defaultValue: "",
+        attributeValues: [{
+          regex: "\\S",
+          errorRemind: "请输入联系人姓名"
+        }, {
+          regex: "^[a-zA-Z\\u3400-\\u9fa5·\\s]*$",
+          errorRemind: "联系人姓名不能存在特殊符号"
+        }, {
+          regex: "(^[\\u3400-\\u9fa5·\\s]+$)|(^[a-zA-Z·\\s]+$)",
+          errorRemind: "联系人姓名不能同时存在英文和中文"
+        }, {
+          regex: "(^[a-zA-Z\\u3400-\\u9fa5·\\s]{2,20}$)",
+          errorRemind: "联系人姓名请输入2-20个汉字 "
+        }, {
+          regex: "^[a-zA-Z\\u3400-\\u9fa5](?!·{2})([a-zA-Z\\u3400-\\u9fa5·\\s])*[a-zA-Z\\u3400-\\u9fa5]$",
+          errorRemind: "请输入正确的联系人姓名"
+        }],
+        errorRemind: ""
+      }, {
+        display: 1,
+        key: "idType",
+        type: 4,
+        name: "证件类型",
+        attributeValues: [{
+          value: "0",
+          text: "身份证",
+          status: 1
+        }, {
+          value: "1",
+          text: "出生证",
+          status: 1
+        }, {
+          value: "2",
+          text: "护照",
+          status: 1
+        }, {
+          value: "3",
+          text: "港澳通行证",
+          status: 1
+        }, {
+          value: "13",
+          text: "港澳居住证",
+          status: 1
+        }, {
+          value: "4",
+          text: "台胞证",
+          status: 1
+        }, {
+          value: "5",
+          text: "军官证",
+          status: 1
+        }, {
+          value: "6",
+          text: "户口本",
+          status: 1
+        }, {
+          value: "7",
+          text: "大陆通行证",
+          status: 1
+        }, {
+          value: "8",
+          text: "回乡证",
+          status: 1
+        }, {
+          value: "9",
+          text: "警官证",
+          status: 1
+        }, {
+          value: "10",
+          text: "港澳台通行证",
+          status: 1
+        }, {
+          value: "11",
+          text: "士兵证",
+          status: 1
+        }, {
+          value: "99",
+          text: "其他",
+          status: 1
+        }],
+        defaultValue: "0",
+        errorRemind: ""
+      }, {
+        display: 0,
+        key: "sex",
+        type: 5,
+        name: "性别",
+        attributeValues: [{
+          value: "M",
+          text: "男"
+        }, {
+          value: "F",
+          text: "女"
+        }],
+        defaultValue: "M"
+      }, {
+        attributeValues: [{
+          max: TODAY_FORMAT,
+          conMax: 1,
+          min: 19000101,
+          conMin: 1
+        }],
+        display: 0,
+        key: "birth",
+        type: 7,
+        name: "出生日期",
+        defaultValue: TODAY_FORMAT
+      }, {
+        display: 1,
+        key: "id",
+        type: 2,
+        name: "证件号码",
+        defaultRemind: "请输入联系人证件号码",
+        defaultValue: "",
+        element_attr: {
+          type: "uppercase"
+        },
+        attributeValues: [{
+          regex: "\\S",
+          errorRemind: "请输入联系人证件号"
+        }, {
+          regex: "^\\S*$",
+          errorRemind: "联系人证件号中不能存在空格"
+        }, {
+          regex: "^[0-9a-zA-Z]+$",
+          errorRemind: "请输入正确的联系人证件号"
+        }],
+        tips: "证件号提示",
+        errorRemind: ""
+      }, {
+        display: 1,
+        key: "phone",
+        type: 2,
+        name: "手机号",
+        element_attr: {
+          type: "tel"
+        },
+        defaultRemind: "请输入联系人手机号",
+        defaultValue: "",
+        attributeValues: [{
+          regex: "^[0-9]+$",
+          errorRemind: "联系人手机号不能存在英文或符号"
+        }, {
+          regex: "^[0-9]{11}$",
+          errorRemind: "请输入11位联系人手机号"
+        }, {
+          regex: "^[1]([3-9])[0-9]{9}$",
+          errorRemind: "请输入正确的联系人手机号"
+        }],
+        errorRemind: "",
+        _autoBlanks: "mobile"
+      }, {
+        display: 1,
+        key: "email",
+        type: 2,
+        name: "邮箱",
+        defaultRemind: "请输入联系人邮箱",
+        defaultValue: "",
+        element_attr: {
+          type: "email"
+        },
+        attributeValues: [
+          {
+            regex: "^\\S*$",
+            errorRemind: "联系人邮箱不能存在空格"
+          },
+          // eslint-disable-next-line no-useless-escape
+          {
+            regex: "^([a-zA-Z0-9_\\.-])+@(([a-zA-Z0-9-])+\\.)+([a-zA-Z0-9]{2,4})+$",
+            errorRemind: "请输入正确的联系人邮箱"
+          }
+        ],
+        errorRemind: ""
+      }, {
+        name: "详细地址",
+        type: 3,
+        display: 1,
+        key: "address",
+        defaultRemind: "请输入联系人常用地址",
+        errorRemind: "",
+        defaultValue: "",
+        attributeValues: [{
+          regex: "\\S",
+          errorRemind: "请输入详细地址"
+        }, {
+          regex: "^(\\S){6,}$",
+          errorRemind: "详细地址需多于6个汉字或英文"
+        }]
+      }, {
+        name: "身高（cm）",
+        key: "height",
+        type: 2,
+        display: 1,
+        defaultRemind: "请输入联系人身高",
+        errorRemind: "",
+        defaultValue: "",
+        attributeValues: [{
+          regex: "\\S",
+          errorRemind: "请输入身高"
+        }, {
+          regex: "(^[0-9]+$)",
+          errorRemind: "身高不能存在英文或符号"
+        }]
+      }, {
+        name: "体重（kg）",
+        type: 2,
+        key: "weight",
+        display: 1,
+        defaultRemind: "请输入联系人体重",
+        errorRemind: "",
+        defaultValue: "",
+        attributeValues: [{
+          regex: "\\S",
+          errorRemind: "请输入体重"
+        }, {
+          regex: "(^[0-9]+$)",
+          errorRemind: "体重不能存在英文或符号"
+        }]
+      }, {
+        display: 1,
+        key: "socialins",
+        type: 5,
+        name: "有无社保（含新农社）",
+        attributeValues: [{
+          value: 1,
+          text: "有社保"
+        }, {
+          value: 0,
+          text: "无社保"
+        }],
+        defaultValue: "",
+        errorRemind: ""
+      }],
+      idTypeValues: {},
+      loadingState: false,
+      currentContactId: "",
+      dialogContent: "",
+      isShowCancel: true,
+      confirmButtonText: "删除",
+      contactBookContentHeight: 0,
+      docmHeight: document.documentElement.clientHeight,
+      isExpanded: false,
+      showExpanded: false,
+      preOverflowValue: "",
+      addContent: {},
+      searchText: "",
+      searchList: [],
+      fn: null,
+      hasData: false
+    };
+  },
+  props: {
+    editable: {
+      type: Boolean,
+      default: true
+    },
+    addable: {
+      type: Boolean,
+      default: true
+    },
+    showDisabled: {
+      type: Boolean,
+      default: true
+    },
+    listUrl: {
+      type: String,
+      default: ""
+    },
+    extParam: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    getUrl: {
+      type: String,
+      default: ""
+    },
+    saveUrl: {
+      type: String,
+      default: ""
+    },
+    deleteUrl: {
+      type: String,
+      default: ""
+    },
+    defaultSelect: {
+      type: Object,
+      default: function _default2() {
+        return {};
+      }
+    },
+    titleLabel: {
+      type: String,
+      default: "联系人"
+    },
+    trackKey: {
+      type: String,
+      default: "contact"
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    isCps: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    defaultSelectValue: function defaultSelectValue() {
+      return this.defaultSelectData || this.defaultSelect;
+    },
+    extParamValue: function extParamValue() {
+      return this.extParamData || this.extParam;
+    },
+    hasSaveBtn: function hasSaveBtn() {
+      return this.saveUrl && (this.type === "add" || this.type === "edit" || this.type === "del" || this.type === "choose");
+    },
+    hasDelBtn: function hasDelBtn() {
+      return this.deleteUrl && (this.type === "edit" || this.type === "del");
+    },
+    hasAddBtn: function hasAddBtn() {
+      return this.addable && this.type === "choose";
+    },
+    hasEditBtn: function hasEditBtn() {
+      return this.editable;
+    },
+    hasDefaultSelectValue: function hasDefaultSelectValue() {
+      return _Object$keys(this.defaultSelectValue).length > 0;
+    },
+    backgroundColor: function backgroundColor() {
+      return hexToRgb(this.brandColor || "#8c7fee", 0.1);
+    },
+    isShowSearchBar: function isShowSearchBar() {
+      return this.list.length + this.disabledList.length > 10 && this.type === "choose";
+    }
+  },
+  mounted: function mounted() {
+    this.fn = this.throttle(this.getSearchList, 1e3);
+    this.initHeight();
+  },
+  methods: {
+    initHeight: function initHeight() {
+      var _this = this;
+      var u = navigator.userAgent;
+      if (_indexOfInstanceProperty(u).call(u, "Android") > -1 || _indexOfInstanceProperty(u).call(u, "Adr") > -1) {
+        window.addEventListener("resize", function() {
+          var showHeight = document.body.clientHeight;
+          if (_this.docmHeight > showHeight) {
+            _this.$refs.contactBookContent.style.height = _this.docmHeight - showHeight + 30 + "px";
+          } else {
+            _this.$refs.contactBookContent.style.height = _this.contactBookContentHeight + "px";
+            _this.refresh();
+          }
+        });
+      }
+    },
+    throttle: function throttle(fn) {
+      var _this2 = this;
+      var waittime = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1e3;
+      var timer = null;
+      return function(newVal) {
+        clearTimeout(timer);
+        timer = setTimeout(fn.bind(_this2, newVal), waittime);
+      };
+    },
+    toggle: function toggle() {
+      this.showExpanded = !this.showExpanded;
+    },
+    // onToggle () {
+    //   if (this.isExpanded) this.showExpanded = true
+    //   const nextTick = this.isExpanded ? this.$nextTick : window.requestAnimationFrame
+    //   nextTick(() => {
+    //     const { wrapper, contentElements } = this.$refs
+    //     if (!contentElements || !wrapper) return
+    //     const { offsetHeight } = contentElements
+    //     if (offsetHeight) {
+    //       const contentHeight = `${offsetHeight}px`
+    //       wrapper.style.minHeight = this.isExpanded ? 0 : contentHeight
+    //       wrapper.style.height = this.isExpanded ? 0 : contentHeight
+    //       window.requestAnimationFrame(() => {
+    //         wrapper.style.minHeight = this.isExpanded ? contentHeight : 0
+    //         wrapper.style.height = this.isExpanded ? contentHeight : 0
+    //       })
+    //       setTimeout(() => {
+    //         this.refresh()
+    //       }, 500)
+    //     }
+    //   })
+    // },
+    toRgb: function toRgb(color) {
+      function getHexColor(color2) {
+        var _context, _context2, _context3;
+        var values = color2.replace(/rgba?\(/, "").replace(/\)/, "").replace(/[\s+]/g, "").split(",");
+        var a = _parseFloat(values[3] || 1);
+        var r = Math.floor(a * _parseInt(values[0]) + (1 - a) * 255);
+        var g = Math.floor(a * _parseInt(values[1]) + (1 - a) * 255);
+        var b = Math.floor(a * _parseInt(values[2]) + (1 - a) * 255);
+        return "#" + _sliceInstanceProperty(_context = "0" + r.toString(16)).call(_context, -2) + _sliceInstanceProperty(_context2 = "0" + g.toString(16)).call(_context2, -2) + _sliceInstanceProperty(_context3 = "0" + b.toString(16)).call(_context3, -2);
+      }
+      var rgb = hexToRgb(color || "#8c7fee", 0.1);
+      return getHexColor(rgb);
+    },
+    onToggleEnd: function onToggleEnd() {
+      if (!this.isExpanded) {
+        this.showExpanded = false;
+      }
+    },
+    init: function init() {
+      var _this3 = this;
+      if (!this.listUrl) {
+        this.errTips(PARAM_ERRMSG);
+        return false;
+      }
+      this.hasInited = false;
+      fetch(this.listUrl, this.extParamValue).then(function(_ref) {
+        var _ref$data = _ref.data, data2 = _ref$data === void 0 ? {} : _ref$data;
+        var ret = data2.ret, sourceList = data2.data, errmsg = data2.errmsg;
+        if (Number(ret) === 0 && sourceList) {
+          _this3.sourceList = sourceList;
+          _this3.getList(sourceList);
+          _this3.getDefaultSelect(sourceList);
+          _this3.hasInited = true;
+          _this3.initIdType();
+          _this3.refresh();
+        } else {
+          _this3.hasInited = true;
+          _this3.errTips(errmsg);
+        }
+      }).catch(function(e) {
+        _this3.hasInited = true;
+        _this3.errTips(e || CACHE_ERRMSG);
+      });
+    },
+    refresh: function refresh() {
+      var _this4 = this;
+      this.$nextTick(function() {
+        _this4.$refs.scroll.refresh();
+      });
+    },
+    setData: function setData() {
+      var _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, defaultSelect = _ref2.defaultSelect, extParam = _ref2.extParam;
+      this.defaultSelectData = defaultSelect;
+      this.extParamData = extParam;
+    },
+    initIdType: function initIdType() {
+      var attributeValues = [];
+      if (this.trackKey === "applicant") {
+        attributeValues = [{
+          value: "0",
+          text: "身份证",
+          status: 1
+        }, {
+          value: "2",
+          text: "护照",
+          status: 1
+        }];
+      } else if (this.trackKey === "insureds") {
+        attributeValues = [{
+          value: "0",
+          text: "身份证",
+          status: 1
+        }, {
+          value: "1",
+          text: "出生证",
+          status: 1
+        }, {
+          value: "2",
+          text: "护照",
+          status: 1
+        }, {
+          value: "6",
+          text: "户口本",
+          status: 1
+        }];
+      } else if (this.trackKey === "beneficiaries") {
+        attributeValues = [{
+          value: "0",
+          text: "身份证",
+          status: 1
+        }, {
+          value: "1",
+          text: "出生证",
+          status: 1
+        }, {
+          value: "2",
+          text: "护照",
+          status: 1
+        }, {
+          value: "6",
+          text: "户口本",
+          status: 1
+        }];
+      }
+      if (this.trackKey && this.trackKey !== "contact") {
+        var _iterator = _createForOfIteratorHelper(this.elements), _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+            var element = _step.value;
+            if (element.key === "idType") {
+              element.attributeValues = attributeValues;
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    },
+    getList: function getList() {
+      var sourceList = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+      var list = [];
+      var disabledList = [];
+      var selfPerson = null;
+      var insetType = 0;
+      var _iterator2 = _createForOfIteratorHelper(sourceList), _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+          var item = _step2.value;
+          var id = item.contact_id, certificate = item.certificate, name = item.truename, chooseType = item.chooseType, unChooseReason = item.unChooseReason, mobile = item.mobile, uidRelation = item.uidRelation, sex = item.sex, birth = item.birth;
+          var certInfo = certificate && certificate[0];
+          if (!certInfo) {
+            continue;
+          }
+          var temp = {
+            id,
+            name,
+            certId: certInfo.id,
+            certIdTypeDesc: this.getCertTypeDesc(certInfo.idType),
+            unChooseReason: unChooseReason || "",
+            mobile,
+            uidRelation,
+            sex,
+            birth
+          };
+          if (Number(chooseType) === 1) {
+            if (+uidRelation === 5) {
+              selfPerson = temp;
+              insetType = 1;
+            } else {
+              list.push(temp);
+            }
+          } else {
+            if (+uidRelation === 5) {
+              selfPerson = temp;
+              insetType = 2;
+            } else {
+              disabledList.push(temp);
+            }
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      if (selfPerson) {
+        if (insetType === 1) {
+          list.unshift(selfPerson);
+        } else if (insetType === 2) {
+          disabledList.unshift(selfPerson);
+        }
+      }
+      this.list = list;
+      this.disabledList = disabledList;
+      this.getSearchList();
+    },
+    getSearchList: function getSearchList() {
+      var _context4, _context5, _context9;
+      var searchText2 = _trimInstanceProperty(_context4 = this.searchText).call(_context4);
+      if (!searchText2) {
+        this.searchList = this.list;
+        this.disabledSearchList = this.disabledList;
+        this.hasData = true;
+        this.refresh();
+        return;
+      }
+      this.searchList = _filterInstanceProperty(_context5 = this.list).call(_context5, function(item) {
+        var _context6, _context7, _context8;
+        return _includesInstanceProperty(_context6 = item.name).call(_context6, searchText2) || _includesInstanceProperty(_context7 = item.certId).call(_context7, searchText2) || _includesInstanceProperty(_context8 = item.mobile).call(_context8, searchText2);
+      });
+      this.disabledSearchList = _filterInstanceProperty(_context9 = this.disabledList).call(_context9, function(item) {
+        var _context0, _context1, _context10;
+        return _includesInstanceProperty(_context0 = item.name).call(_context0, searchText2) || _includesInstanceProperty(_context1 = item.certId).call(_context1, searchText2) || _includesInstanceProperty(_context10 = item.mobile).call(_context10, searchText2);
+      });
+      this.hasData = true;
+      this.refresh();
+    },
+    getDefaultSelect: function getDefaultSelect() {
+      var sourceList = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+      var defaultSelectValue2 = this.defaultSelectValue;
+      var defaultSelectId;
+      if (this.hasDefaultSelectValue) {
+        if (defaultSelectValue2.hasOwnProperty("contactId")) {
+          var _iterator3 = _createForOfIteratorHelper(sourceList), _step3;
+          try {
+            for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
+              var item = _step3.value;
+              if (defaultSelectValue2["contactId"] === item.contact_id) {
+                defaultSelectId = item.contact_id;
+                break;
+              }
+            }
+          } catch (err) {
+            _iterator3.e(err);
+          } finally {
+            _iterator3.f();
+          }
+        } else if (this.list.length) {
+          var _iterator4 = _createForOfIteratorHelper(this.list), _step4;
+          try {
+            for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+              var _item = _step4.value;
+              var flag = true;
+              if (_item["name"] !== defaultSelectValue2["truename"]) {
+                flag = false;
+              } else if (_item["name"] === defaultSelectValue2["truename"] && _item["certId"] !== defaultSelectValue2["certId"]) {
+                if (_item["sex"] !== defaultSelectValue2["sex"] || _item["birth"] !== defaultSelectValue2["birth"]) {
+                  flag = false;
+                }
+              } else if (_item["sex"] !== defaultSelectValue2["sex"] || _item["birth"] !== defaultSelectValue2["birth"]) {
+                if (_item["certId"] !== defaultSelectValue2["certId"]) {
+                  flag = false;
+                }
+              }
+              if (flag) {
+                defaultSelectId = _item.id;
+                break;
+              }
+            }
+          } catch (err) {
+            _iterator4.e(err);
+          } finally {
+            _iterator4.f();
+          }
+        }
+      }
+      this.changeId = defaultSelectId;
+    },
+    changed: function changed(id) {
+      if (this.changeId === id) {
+        this.changeId = "";
+      } else {
+        this.changeId = id;
+      }
+    },
+    getCertTypeDesc: function getCertTypeDesc(idType) {
+      return ID_TYPES[idType] || "其他";
+    },
+    confirm: function confirm(id) {
+      var _context11;
+      var result = _findInstanceProperty(_context11 = this.sourceList).call(_context11, function(item) {
+        return item.contact_id === id;
+      });
+      this.$emit("confirm", result);
+      this.hide();
+    },
+    cancel: function cancel() {
+      this.hide();
+    },
+    addContact: function addContact() {
+      this.type = "add";
+      this.elementReset();
+    },
+    elementReset: function elementReset() {
+      var resetKeyMap = {
+        "name": 1,
+        "id": 1,
+        "phone": 1,
+        "email": 1,
+        "address": 1,
+        "weight": 1,
+        "height": 1,
+        "socialins": 1
+      };
+      var _iterator5 = _createForOfIteratorHelper(this.elements), _step5;
+      try {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done; ) {
+          var item = _step5.value;
+          if (!resetKeyMap[item.key]) {
+            continue;
+          }
+          item.defaultValue = "";
+          if (resetKeyMap[item.key] && this.addContent[item.key]) {
+            item.defaultValue = this.addContent[item.key];
+          } else {
+            item.defaultValue = "";
+          }
+        }
+      } catch (err) {
+        _iterator5.e(err);
+      } finally {
+        _iterator5.f();
+      }
+      this.showExpanded = false;
+    },
+    editContact: function editContact(id) {
+      this.type = "edit";
+      this.editId = id;
+      this.getContact(id);
+    },
+    getContact: function getContact(id) {
+      var _context12, _this5 = this;
+      this.hasInited = false;
+      var contactInfo = _findInstanceProperty(_context12 = this.sourceList).call(_context12, function(item) {
+        return item.contact_id === id;
+      });
+      var changeValues = {};
+      changeValues["name"] = contactInfo.truename;
+      changeValues["phone"] = contactInfo.mobile;
+      changeValues["email"] = contactInfo.email;
+      changeValues["sex"] = contactInfo.sex;
+      changeValues["birth"] = contactInfo.birth;
+      var certificate = contactInfo.certificate || [];
+      var _iterator6 = _createForOfIteratorHelper(certificate), _step6;
+      try {
+        for (_iterator6.s(); !(_step6 = _iterator6.n()).done; ) {
+          var certItem = _step6.value;
+          var idType = certItem.idType, _id = certItem.id;
+          this.idTypeValues[idType] = _id;
+        }
+      } catch (err) {
+        _iterator6.e(err);
+      } finally {
+        _iterator6.f();
+      }
+      var certInfo = certificate[0] || {};
+      changeValues["idType"] = certInfo["idType"];
+      changeValues["id"] = certInfo["id"];
+      if (+certInfo["idType"] === 6) {
+        var _context13;
+        _findInstanceProperty(_context13 = this.elements).call(_context13, function(item) {
+          return item.key === "id";
+        }).defaultRemind = "请填写户口本上对应的身份证号码";
+      } else {
+        var _context14;
+        _findInstanceProperty(_context14 = this.elements).call(_context14, function(item) {
+          return item.key === "id";
+        }).defaultRemind = "请输入联系人证件号码";
+      }
+      changeValues["height"] = contactInfo.height || "";
+      changeValues["weight"] = contactInfo.weight || "";
+      changeValues["address"] = Object.prototype.toString.call(contactInfo.addr) === "[object Array]" ? contactInfo.addr[0] && contactInfo.addr[0].detail : "";
+      changeValues["socialins"] = +contactInfo.socialins;
+      this.hasInited = true;
+      this._changeValues(changeValues);
+      this.showExpanded = true;
+      setTimeout(function() {
+        _this5.refresh();
+      }, 300);
+    },
+    onElementChange: function onElementChange(arg) {
+      var info = arg[0];
+      if (!info) {
+        return false;
+      }
+      var changeValues = {};
+      var key = info.key, newValue = info.value;
+      changeValues[key] = newValue;
+      if (this.type === "add") {
+        this.addContent[key] = newValue;
+      }
+      if (this.type !== "add" && key === "idType" && this.idTypeValues[newValue]) {
+        changeValues["id"] = this.idTypeValues[newValue];
+      }
+      if (key === "idType" && +newValue === 6) {
+        var _context15;
+        _findInstanceProperty(_context15 = this.elements).call(_context15, function(item) {
+          return item.key === "id";
+        }).defaultRemind = "请填写户口本上对应的身份证号码";
+      } else {
+        var _context16;
+        _findInstanceProperty(_context16 = this.elements).call(_context16, function(item) {
+          return item.key === "id";
+        }).defaultRemind = "请输入联系人证件号码";
+      }
+      this._changeValues(changeValues);
+    },
+    _changeValues: function _changeValues(valueObj) {
+      var validatorData = [];
+      var _iterator7 = _createForOfIteratorHelper(this.elements), _step7;
+      try {
+        for (_iterator7.s(); !(_step7 = _iterator7.n()).done; ) {
+          var element = _step7.value;
+          var key = element.key;
+          if (valueObj.hasOwnProperty(key)) {
+            element["defaultValue"] = valueObj[key];
+            validatorData.push(element);
+          }
+        }
+      } catch (err) {
+        _iterator7.e(err);
+      } finally {
+        _iterator7.f();
+      }
+      this._validate(validatorData);
+    },
+    // 身份证往回填充性别、生日
+    _onCertTypeChange: function _onCertTypeChange() {
+      var idTypeElem, idElem, birthElem, sexElem;
+      var _iterator8 = _createForOfIteratorHelper(this.elements), _step8;
+      try {
+        for (_iterator8.s(); !(_step8 = _iterator8.n()).done; ) {
+          var element = _step8.value;
+          var key = element.key;
+          if (key === "idType") {
+            idTypeElem = element;
+            continue;
+          }
+          if (key === "id") {
+            idElem = element;
+            continue;
+          }
+          if (key === "birth") {
+            birthElem = element;
+            continue;
+          }
+          if (key === "sex") {
+            sexElem = element;
+            continue;
+          }
+        }
+      } catch (err) {
+        _iterator8.e(err);
+      } finally {
+        _iterator8.f();
+      }
+      if (!idTypeElem || !idElem) {
+        return;
+      }
+      if (!sexElem && !birthElem) {
+        return;
+      }
+      if (idTypeElem["errorRemind"] !== "" || idElem["errorRemind"] !== "") {
+        return;
+      }
+      if (Number(idTypeElem["defaultValue"]) !== 0 && Number(idTypeElem["defaultValue"]) !== 6) {
+        return;
+      }
+      var sex = this.getSex(idElem["defaultValue"]);
+      var birth = this.getBirthDate(idElem["defaultValue"]);
+      if (sexElem && sex) {
+        sexElem["defaultValue"] = sex;
+      }
+      if (birthElem && birth) {
+        birthElem["defaultValue"] = birth;
+      }
+    },
+    _validate: function _validate(validatorData) {
+      for (var i = 0; i < validatorData.length; i++) {
+        var element = validatorData[i];
+        if (this._validateSelf(element)) {
+          this._validateRestrict(element);
+        }
+      }
+      this._validateCompleted();
+    },
+    _validateSelf: function _validateSelf(element) {
+      var flag = true;
+      var key = element.key, defaultValue = element.defaultValue, type = element.type, attributeValues = element.attributeValues;
+      if (Number(type) === 2 || Number(type) === 3) {
+        if (!attributeValues || attributeValues.constructor !== Array) {
+          return flag;
+        }
+        if (key === "phone" && defaultValue === "") {
+          element["errorRemind"] = "";
+          return flag;
+        }
+        if (key === "email" && defaultValue === "") {
+          element["errorRemind"] = "";
+          return flag;
+        }
+        if (key === "address" && defaultValue === "") {
+          element["errorRemind"] = "";
+          return flag;
+        }
+        if (key === "height" && defaultValue === "") {
+          element["errorRemind"] = "";
+          return flag;
+        }
+        if (key === "weight" && defaultValue === "") {
+          element["errorRemind"] = "";
+          return flag;
+        }
+        var _iterator9 = _createForOfIteratorHelper(attributeValues), _step9;
+        try {
+          for (_iterator9.s(); !(_step9 = _iterator9.n()).done; ) {
+            var item = _step9.value;
+            if (item.hasOwnProperty("regex")) {
+              if (!new RegExp(item["regex"]).test(defaultValue)) {
+                element["errorRemind"] = item["errorRemind"];
+                flag = false;
+                break;
+              } else {
+                element["errorRemind"] = "";
+              }
+            }
+          }
+        } catch (err) {
+          _iterator9.e(err);
+        } finally {
+          _iterator9.f();
+        }
+      }
+      return flag;
+    },
+    _validateRestrict: function _validateRestrict(element) {
+      var idElem, idTypeElem, sexElem, birthElem;
+      var _iterator0 = _createForOfIteratorHelper(this.elements), _step0;
+      try {
+        for (_iterator0.s(); !(_step0 = _iterator0.n()).done; ) {
+          var souceElem = _step0.value;
+          if (souceElem["key"] === "idType") {
+            idTypeElem = souceElem;
+            continue;
+          }
+          if (souceElem["key"] === "id") {
+            idElem = souceElem;
+            continue;
+          }
+          if (souceElem["key"] === "birth") {
+            birthElem = souceElem;
+            continue;
+          }
+          if (souceElem["key"] === "sex") {
+            sexElem = souceElem;
+            continue;
+          }
+        }
+      } catch (err) {
+        _iterator0.e(err);
+      } finally {
+        _iterator0.f();
+      }
+      if (element["key"] === "id" || element["key"] === "idType") {
+        var idElemValue = idElem["defaultValue"];
+        var idTypeElemValue = Number(idTypeElem["defaultValue"]);
+        if (idTypeElem && idElem && idElemValue !== "") {
+          idElem["errorRemind"] = "";
+          switch (idTypeElemValue) {
+            case 0:
+              if (/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(idElemValue) === false) {
+                idElem["errorRemind"] = "联系人身份证位数不正确";
+              } else if (!this.checkCert(idElemValue)) {
+                idElem["errorRemind"] = "请输入正确的联系人身份证号";
+              }
+              break;
+            case 1:
+              if (/^[a-zA-Z0-9]{2,14}$/.test(idElemValue) === false) {
+                idElem["errorRemind"] = "联系人出生证位数不正确";
+              }
+              break;
+            case 2:
+              if (/(^[a-zA-Z0-9]{8}$)|(^[a-zA-Z0-9]{9}$)|(^[a-zA-Z0-9]{10}$)/.test(idElemValue) === false) {
+                idElem["errorRemind"] = "联系人护照位数不正确";
+              }
+              break;
+            case 5:
+              if (/(^[a-zA-Z0-9]{5}$)|(^[a-zA-Z0-9]{6}$)|(^[a-zA-Z0-9]{7}$)|(^[a-zA-Z0-9]{8}$)/.test(idElemValue) === false) {
+                idElem["errorRemind"] = "联系人军官证位数不正确";
+              }
+              break;
+            case 6:
+              if (/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(idElemValue) === false) {
+                idElem["errorRemind"] = "联系人户口本位数不正确";
+              } else if (!this.checkCert(idElemValue)) {
+                idElem["errorRemind"] = "请输入正确的联系人户口本";
+              }
+              break;
+          }
+        }
+        if (element["key"] === "idType") {
+          if (idTypeElemValue === 0 || idTypeElemValue === 6) {
+            sexElem["display"] = 0;
+            birthElem["display"] = 0;
+          } else {
+            sexElem["display"] = 1;
+            birthElem["display"] = 1;
+          }
+        }
+      }
+    },
+    _validateCompleted: function _validateCompleted() {
+      this._onCertTypeChange();
+    },
+    _validateSubmit: function _validateSubmit() {
+      this._validate(this.elements);
+    },
+    handleConfrim: function handleConfrim() {
+      if (this.type === "choose") {
+        this.confirm(this.changeId);
+      } else {
+        this._saveBtn();
+      }
+    },
+    _saveBtn: function _saveBtn() {
+      var _this6 = this;
+      this.showLoading("加载中", 0);
+      this._validateSubmit();
+      var errMsg = "";
+      var postData = {};
+      var _iterator1 = _createForOfIteratorHelper(this.elements), _step1;
+      try {
+        for (_iterator1.s(); !(_step1 = _iterator1.n()).done; ) {
+          var item = _step1.value;
+          if (item.errorRemind) {
+            errMsg = item.errorRemind;
+            break;
+          }
+          if (item.key === "name") {
+            postData["truename"] = item.defaultValue;
+          } else if (item.key === "idType") {
+            if (item.defaultValue === "") {
+              errMsg = errMsg || "请选择证件类型";
+            } else {
+              postData["idType"] = item.defaultValue;
+            }
+          } else if (item.key === "sex") {
+            if (item.defaultValue === "" && ~~item.display === 1) {
+              errMsg = errMsg || "请选择性别";
+            } else {
+              postData["sex"] = item.defaultValue;
+            }
+          } else if (item.key === "birth") {
+            if (item.defaultValue === "" && ~~item.display === 1) {
+              errMsg = errMsg || "请选择出生日期";
+            } else {
+              postData["birth"] = item.defaultValue;
+            }
+          } else if (item.key === "id") {
+            postData["id"] = item.defaultValue;
+          } else if (item.key === "phone") {
+            postData["mobile"] = item.defaultValue;
+          } else if (item.key === "email") {
+            postData["email"] = item.defaultValue;
+          } else if (item.key === "weight") {
+            postData["weight"] = item.defaultValue;
+          } else if (item.key === "height") {
+            postData["height"] = item.defaultValue;
+          } else if (item.key === "address") {
+            postData["address"] = item.defaultValue;
+          } else if (item.key === "socialins" && +item.defaultValue) {
+            postData["socialins"] = item.defaultValue;
+          }
+        }
+      } catch (err) {
+        _iterator1.e(err);
+      } finally {
+        _iterator1.f();
+      }
+      if (errMsg) {
+        this.errTips(errMsg);
+        return;
+      }
+      if (this.type === "edit") {
+        postData.contactId = this.editId;
+      }
+      fetch(this.saveUrl, postData).then(function(_ref3) {
+        var _ref3$data = _ref3.data, data2 = _ref3$data === void 0 ? {} : _ref3$data;
+        _this6.hideLoading();
+        var ret = data2.ret, errmsg = data2.errmsg;
+        if (Number(ret) === 0) {
+          var showMsg = _this6.type === "edit" ? "修改成功" : "添加成功";
+          if (_this6.type === "add") {
+            _this6.addContent = {};
+          }
+          _this6.errTips(showMsg);
+          setTimeout(function() {
+            _this6.toChoose();
+            _this6.init();
+          }, 1e3);
+        } else {
+          _this6.errTips(errmsg);
+        }
+      }).catch(function() {
+        _this6.hideLoading();
+        _this6.errTips(CACHE_ERRMSG);
+      });
+    },
+    _delBtn: function _delBtn(id) {
+      this.currentContactId = id;
+      var name = "";
+      var _iterator10 = _createForOfIteratorHelper(this.elements), _step10;
+      try {
+        for (_iterator10.s(); !(_step10 = _iterator10.n()).done; ) {
+          var element = _step10.value;
+          if (element.key === "name") {
+            name = element.defaultValue;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator10.e(err);
+      } finally {
+        _iterator10.f();
+      }
+      this.type = "del";
+      this.isShowCancel = true;
+      this.confirmButtonText = "删除";
+      this.dialogContent = "删除后无法恢复，确认要删除“".concat(name, "”的联系信息？");
+      this.$refs.contactDialog.show();
+    },
+    _delApi: function _delApi() {
+      var _this7 = this;
+      this.showLoading("加载中", 0);
+      fetch(this.deleteUrl, {
+        id: this.currentContactId
+      }).then(function(_ref4) {
+        var _ref4$data = _ref4.data, data2 = _ref4$data === void 0 ? {} : _ref4$data;
+        _this7.hideLoading();
+        var ret = data2.ret, errmsg = data2.errmsg;
+        if (Number(ret) === 0) {
+          _this7.errTips("删除成功", 1500);
+          setTimeout(function() {
+            _this7.toChoose();
+            _this7.init();
+          }, 1e3);
+        } else {
+          _this7.errTips(errmsg);
+        }
+      }).catch(function() {
+        _this7.errTips(CACHE_ERRMSG);
+      });
+    },
+    getBirthDate: function getBirthDate(identNumber) {
+      var interval = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+      var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
+      identNumber = (identNumber + "").replace(/\s+/g, "");
+      if (reg.test(identNumber) === false) {
+        return "";
+      } else {
+        var _context17, _context18, _context19, _context20;
+        var birthday, birthdayno, birthdaytemp;
+        if (identNumber.length === 18) {
+          birthdayno = identNumber.substring(6, 14);
+        } else {
+          birthdaytemp = identNumber.substring(6, 12);
+          birthdayno = "19" + birthdaytemp;
+        }
+        birthday = _concatInstanceProperty(_context17 = _concatInstanceProperty(_context18 = _concatInstanceProperty(_context19 = _concatInstanceProperty(_context20 = "".concat(birthdayno.substring(0, 4))).call(_context20, interval)).call(_context19, birthdayno.substring(4, 6))).call(_context18, interval)).call(_context17, birthdayno.substring(6, 8));
+        return birthday;
+      }
+    },
+    getSex: function getSex(identNumber) {
+      var format2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "string";
+      var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
+      identNumber = (identNumber + "").replace(/\s+/g, "");
+      if (reg.test(identNumber) === false) {
+        return "";
+      } else {
+        var sexno, sex, tempid;
+        if (identNumber.length === 18) {
+          sexno = identNumber.substring(16, 17);
+        } else {
+          sexno = identNumber.substring(14, 15);
+        }
+        tempid = sexno % 2;
+        if (tempid === 0) {
+          sex = format2 === "number" ? 0 : "F";
+        } else {
+          sex = format2 === "number" ? 1 : "M";
+        }
+        return sex;
+      }
+    },
+    checkCert: function checkCert(str) {
+      str = _trimInstanceProperty(str).call(str);
+      if (str == null || str === "") {
+        return false;
+      }
+      str = str.toUpperCase();
+      if (!/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(str)) {
+        return false;
+      }
+      var k;
+      k = str.length;
+      if (k === 15) {
+        var rule = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/);
+        var splitstr = str.match(rule);
+        var idDate = /* @__PURE__ */ new Date("19" + splitstr[2] + "/" + splitstr[3] + "/" + splitstr[4]);
+        var f = idDate.getYear() === Number(splitstr[2]) && idDate.getMonth() + 1 === Number(splitstr[3]) && (idDate.getDate() === Number(splitstr[4]) || idDate.getDate() === Number(splitstr[4]) - 1);
+        if (!f) {
+          return false;
+        } else {
+          return true;
+        }
+      }
+      if (k === 18) {
+        var _rule = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/);
+        var _splitstr = str.match(_rule);
+        var _idDate = /* @__PURE__ */ new Date(_splitstr[2] + "/" + _splitstr[3] + "/" + _splitstr[4]);
+        var _f = _idDate.getFullYear() === Number(_splitstr[2]) && _idDate.getMonth() + 1 === Number(_splitstr[3]) && (_idDate.getDate() === Number(_splitstr[4]) || _idDate.getDate() === Number(_splitstr[4]) - 1);
+        if (!_f) {
+          return false;
+        } else {
+          var d;
+          var m = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
+          var n = new Array("1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2");
+          var l = 0;
+          var h;
+          for (h = 0; h < 17; h++) {
+            l += str.substr(h, 1) * m[h];
+          }
+          d = n[l % 11];
+          if (d != str.substr(17, 1)) {
+            return false;
+          }
+          return true;
+        }
+      }
+      return false;
+    },
+    goBack: function goBack() {
+      this.toChoose();
+    },
+    toChoose: function toChoose() {
+      this.type = "choose";
+    },
+    showLoading: function showLoading() {
+      var msg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "加载中";
+      var time = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1500;
+      if (this.loadingState) {
+        return false;
+      }
+      this.loadingState = true;
+    },
+    hideLoading: function hideLoading() {
+      this.loadingState = false;
+    },
+    errTips: function errTips(errmsg) {
+      this.onError({
+        errmsg
+      });
+    },
+    onError: function onError() {
+      var option = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      this.$emit("error", option);
+    },
+    handleContactConfirm: function handleContactConfirm() {
+      if (this.type === "del" && this.isShowCancel) {
+        this._delApi();
+      }
+    },
+    tipsclick: function tipsclick() {
+      this.isShowCancel = false;
+      if (this.trackKey === "applicant") {
+        this.dialogContent = "身份证/户口本：<br />请填写投保人的身份证号";
+      } else if (this.trackKey === "insureds") {
+        this.dialogContent = "身份证/户口本：<br />请填写被保险人的身份证号<br /><br />出生证：<br />填写出生医学证明上的出生证编号";
+      } else if (this.trackKey === "beneficiaries") {
+        this.dialogContent = "身份证/户口本：<br />请填写受益人的身份证号<br /><br />出生证：<br />填写出生医学证明上的出生证编号";
+      } else {
+        this.dialogContent = "身份证/户口本：<br />请填写身份证号<br /><br />出生证：<br />填写出生医学证明上的出生证编号";
+      }
+      this.confirmButtonText = "知道了";
+      this.$refs.contactDialog.show();
+    }
+  },
+  components: {
+    ActPopup,
+    ActGoldElementGroup: GoldElementGroup,
+    ActGoldDialog: GoldDialog,
+    scroll: Scroll
+    // svgIcon
+  },
+  watch: {
+    isVisible: {
+      handler: function handler(value) {
+        if (value) {
+          this.preOverflowValue = document && document.body && document.body.style && document.body.style.overflow;
+          this.toChoose();
+          this.init();
+          document.body.style.overflow = "hidden";
+          this.refresh();
+        } else {
+          document.body.style.overflow = this.preOverflowValue || "";
+        }
+      },
+      immediate: true
+    },
+    hasData: function hasData(newVal) {
+      var _this8 = this;
+      if (!this.contactBookContentHeight && newVal) {
+        this.$nextTick(function() {
+          _this8.contactBookContentHeight = outerHeight(_this8.$refs.contactBookContent);
+        });
+      }
+    },
+    searchText: function searchText(newVal) {
+      this.fn(newVal);
+    }
+    // isExpanded: {
+    //   handler () {
+    //     this.onToggle()
+    //   }
+    // }
+  }
+};
+var _sfc_render = function render() {
+  var _context22, _context24;
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "act-contact-book"
+  }, [_c("transition", {
+    attrs: {
+      "name": "act-contact-book-fade"
+    }
+  }, [_c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "type": "contact",
+      "mask": true,
+      "center": false,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("transition", {
+    attrs: {
+      "name": "act-contact-book-move"
+    }
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    ref: "contactBookContent",
+    staticClass: "act-contact-book-content",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "act-contact-book-hd"
+  }, [_c("i", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.type !== "choose",
+      expression: "type !== 'choose'"
+    }],
+    staticClass: "icon-back",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.goBack.apply(null, arguments);
+      }
+    }
+  }), _vm._v(" 常用" + _vm._s(_vm.titleLabel) + " "), _c("i", {
+    staticClass: "icon-cancel",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.cancel.apply(null, arguments);
+      }
+    }
+  })]), _c("div", {
+    staticClass: "act-contact-book-linear"
+  }), _vm.isShowSearchBar ? _c("div", {
+    staticClass: "act-contact-search"
+  }, [_c("div", {
+    staticClass: "search-icon"
+  }), _c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchText,
+      expression: "searchText"
+    }],
+    attrs: {
+      "type": "text",
+      "placeholder": "支持按姓名/证件号/手机号搜索"
+    },
+    domProps: {
+      "value": _vm.searchText
+    },
+    on: {
+      "input": function input($event) {
+        if ($event.target.composing) return;
+        _vm.searchText = $event.target.value;
+      }
+    }
+  }), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.searchText,
+      expression: "searchText"
+    }],
+    staticClass: "close-icon",
+    on: {
+      "click": function click($event) {
+        _vm.searchText = "";
+      }
+    }
+  })]) : _vm._e(), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.type === "choose",
+      expression: "type === 'choose'"
+    }],
+    staticClass: "book-scoll-content"
+  }, [_c("scroll", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.hasInited,
+      expression: "hasInited"
+    }],
+    ref: "scroll"
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.type === "choose",
+      expression: "type === 'choose'"
+    }],
+    staticClass: "act-contact-book-list"
+  }, [_vm._l(_vm.searchList, function(item) {
+    var _context21;
+    return _c("div", {
+      key: item.id,
+      staticClass: "act-contact-book-item"
+    }, [_c("div", {
+      staticClass: "act-col",
+      on: {
+        "click": function click($event) {
+          return _vm.changed(item.id);
+        }
+      }
+    }, [_c("div", {
+      staticClass: "act-contact-book-name"
+    }, [_c("i", {
+      staticClass: "icon",
+      class: {
+        "active": _vm.changeId == item.id
+      },
+      style: {
+        "background-color": _vm.changeId == item.id ? _vm.brandColor || "#8c7fee" : ""
+      }
+    }), _c("span", {
+      staticClass: "sp"
+    }, [_vm._v(_vm._s(item.name)), _c("span", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: +item.uidRelation === 5,
+        expression: "+item.uidRelation === 5"
+      }],
+      staticClass: "sp2",
+      style: _concatInstanceProperty(_context21 = "color: ".concat(_vm.brandColor || "#8c7fee", ";background:")).call(_context21, _vm.backgroundColor)
+    }, [_vm._v("本人")])])]), _c("div", {
+      staticClass: "act-contact-book-cert"
+    }, [_c("p", [_c("span", {
+      staticClass: "s1"
+    }, [_vm._v(_vm._s(item.certIdTypeDesc))]), _c("span", {
+      staticClass: "s2"
+    }, [_vm._v(_vm._s(item.certId))])]), _c("p", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.mobile,
+        expression: "item.mobile"
+      }]
+    }, [_c("span", {
+      staticClass: "s1"
+    }, [_vm._v("手机号")]), _c("span", {
+      staticClass: "s2"
+    }, [_vm._v(_vm._s(item.mobile))])])])]), _vm.hasEditBtn ? _c("a", {
+      staticClass: "act-contact-book-edit",
+      attrs: {
+        "href": "javascript:;",
+        "data-track": "h5_" + _vm.trackKey + "_dialog_edit"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.editContact(item.id);
+        }
+      }
+    }, [_c("i", {
+      staticClass: "icon"
+    })]) : _vm._e()]);
+  }), _vm.disabledSearchList && _vm.disabledSearchList.length > 0 ? _c("div", {
+    staticClass: "act-contact-book-disabled-list"
+  }, _vm._l(_vm.disabledSearchList, function(item) {
+    return _c("div", {
+      key: item.id,
+      staticClass: "act-contact-book-item"
+    }, [_c("div", {
+      staticClass: "act-col"
+    }, [_c("div", {
+      staticClass: "act-contact-book-name"
+    }, [_c("i", {
+      staticClass: "icon"
+    }), _c("span", {
+      staticClass: "sp"
+    }, [_vm._v(_vm._s(item.name)), _c("span", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: +item.uidRelation === 5,
+        expression: "+item.uidRelation === 5"
+      }],
+      staticClass: "sp2",
+      style: "color: #B3B3B3;background:".concat(_vm.toRgb("#B3B3B3"))
+    }, [_vm._v("本人")])])]), _c("div", {
+      staticClass: "act-contact-book-cert"
+    }, [_c("p", [_c("span", {
+      staticClass: "s1"
+    }, [_vm._v(_vm._s(item.certIdTypeDesc))]), _c("span", {
+      staticClass: "s2"
+    }, [_vm._v(_vm._s(item.certId))])]), _c("p", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.mobile,
+        expression: "item.mobile"
+      }]
+    }, [_c("span", {
+      staticClass: "s1"
+    }, [_vm._v("手机号")]), _c("span", {
+      staticClass: "s2"
+    }, [_vm._v(_vm._s(item.mobile))])])]), _c("div", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.unChooseReason,
+        expression: "item.unChooseReason"
+      }],
+      staticClass: "act-contact-book-errtips"
+    }, [_vm._v(" " + _vm._s(item.unChooseReason) + " ")])]), _vm.hasEditBtn ? _c("a", {
+      staticClass: "act-contact-book-edit",
+      attrs: {
+        "href": "javascript:;",
+        "data-track": "h5_" + _vm.trackKey + "_dialog_edit"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.editContact(item.id);
+        }
+      }
+    }, [_c("i", {
+      staticClass: "icon"
+    })]) : _vm._e()]);
+  }), 0) : _vm._e(), _vm.isShowSearchBar && !_vm.searchList.length && !_vm.disabledSearchList.length ? _c("div", {
+    staticClass: "nodata"
+  }, [!_vm.isCps ? _c("img", {
+    staticClass: "nodata-logo",
+    attrs: {
+      "src": __$_require_6ff32fba__,
+      "alt": ""
+    }
+  }) : _vm._e(), _vm.isCps ? _c("img", {
+    staticClass: "nodata-logo",
+    attrs: {
+      "src": __$_require_0fcc8ec3__,
+      "alt": ""
+    }
+  }) : _vm._e(), _c("div", {
+    staticClass: "nodata-title"
+  }, [_vm._v("无匹配结果")]), _c("p", {
+    staticClass: "nodata-desc"
+  }, [_vm._v("该关键词没找到匹配的结果")]), _c("p", {
+    staticClass: "nodata-desc"
+  }, [_vm._v("您可以换个关键词试试")])]) : _vm._e()], 2)]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.hasInited,
+      expression: "!hasInited"
+    }],
+    staticClass: "act-contact-book-bd-skeleton"
+  })], 1), _vm.type === "edit" || _vm.type === "add" || _vm.type === "del" ? _c("div", {
+    staticClass: "write-box",
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "content"
+  }, [_c("div", {
+    staticClass: "mustHeader"
+  }, [_c("div", {
+    staticClass: "til"
+  }, [_vm._v(" 必填项 ")]), _c("div", {
+    staticClass: "bg",
+    style: "background: linear-gradient(315deg,".concat(_vm.toRgb(_vm.brandColor || "#8c7fee"), " 0%, #ffffff 100%);")
+  })]), _c("div", {
+    staticClass: "headerLine"
+  }), _c("act-gold-element-group", {
+    attrs: {
+      "brandColor": _vm.brandColor || "#8c7fee",
+      "elements": _filterInstanceProperty(_context22 = _vm.elements).call(_context22, function(el) {
+        var _context23;
+        return _includesInstanceProperty(_context23 = ["name", "idType", "sex", "birth", "id"]).call(_context23, el.key);
+      }),
+      "zIndex": ~~_vm.zIndex + 2
+    },
+    on: {
+      "change": _vm.onElementChange,
+      "error": _vm.onError,
+      "tipsclick": _vm.tipsclick
+    }
+  })], 1), _c("div", {
+    staticClass: "content"
+  }, [_c("div", {
+    staticClass: "mustHeader"
+  }, [_c("div", {
+    staticClass: "til"
+  }, [_vm._v(" 选填项 ")]), _c("div", {
+    staticClass: "bg",
+    style: "background: linear-gradient(315deg,".concat(_vm.toRgb(_vm.brandColor || "#8c7fee"), " 0%, #ffffff 100%);")
+  }, [_c("div", {
+    staticClass: "dowmIcon",
+    on: {
+      "click": _vm.toggle
+    }
+  }, [_c("img", {
+    class: {
+      expanded: _vm.showExpanded
+    },
+    attrs: {
+      "src": __$_require_6cb170f4__,
+      "alt": ""
+    }
+  })])])]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showExpanded,
+      expression: "showExpanded"
+    }],
+    staticClass: "headerLine"
+  }), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showExpanded,
+      expression: "showExpanded"
+    }],
+    ref: "wrapper",
+    staticClass: "content-wrapper"
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showExpanded,
+      expression: "showExpanded"
+    }],
+    ref: "contentElements"
+  }, [_c("act-gold-element-group", {
+    attrs: {
+      "brandColor": _vm.brandColor || "#8c7fee",
+      "elements": _filterInstanceProperty(_context24 = _vm.elements).call(_context24, function(el) {
+        var _context25;
+        return !_includesInstanceProperty(_context25 = ["name", "idType", "sex", "birth", "id"]).call(_context25, el.key);
+      }),
+      "zIndex": ~~_vm.zIndex + 2
+    },
+    on: {
+      "change": _vm.onElementChange,
+      "error": _vm.onError,
+      "tipsclick": _vm.tipsclick
+    }
+  })], 1)])]), _c("div", {
+    staticClass: "contact-tips"
+  }, [_vm._v(" * 您的信息安全由中国人民财产保险有限公司承保，保额50万，请放心填写 ")]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.hasDelBtn,
+      expression: "hasDelBtn"
+    }],
+    staticClass: "footer-delBtn",
+    attrs: {
+      "data-track": "h5_contact_delete_btn"
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm._delBtn(_vm.editId);
+      }
+    }
+  }, [_vm._v(" 删除该联系人 ")])]) : _vm._e(), _c("section", {
+    staticClass: "act-contact-book-btns-wrap iphonex_padding"
+  }, [_c("div", {
+    staticClass: "act-contact-book-btns"
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.hasAddBtn,
+      expression: "hasAddBtn"
+    }],
+    staticClass: "item-btn btn-add",
+    attrs: {
+      "data-track": "h5_" + _vm.trackKey + "_dialog_add"
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.addContact.apply(null, arguments);
+      }
+    }
+  }, [_vm._v(" + 添加 ")]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.hasSaveBtn,
+      expression: "hasSaveBtn"
+    }],
+    staticClass: "item-btn btn-confirm",
+    style: "background: ".concat(_vm.brandColor || "#8c7fee"),
+    attrs: {
+      "data-track": "h5_contact_save_btn"
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.handleConfrim.apply(null, arguments);
+      }
+    }
+  }, [_vm._v(" 确定 ")])])])])])], 1)], 1), _c("act-gold-dialog", {
+    ref: "contactDialog",
+    attrs: {
+      "maskClosable": true,
+      "title": "提示",
+      "content": _vm.dialogContent,
+      "buttonType": "sticky",
+      "showCancelButton": _vm.isShowCancel,
+      "showConfirmButton": "",
+      "confirmButtonColor": _vm.brandColor || "#8c7fee",
+      "confirmButtonText": _vm.confirmButtonText
+    },
+    on: {
+      "confirm": _vm.handleContactConfirm
+    }
+  })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "000a6ab6");
+var Contact = __component__.exports;
+Contact.install = function(Vue) {
+  Vue.component(Contact.name, Contact);
+  Vue.prototype["$createContactBook"] = create(Contact, Vue);
+};
+export {
+  Contact as C
+};