h5-cli/build/pages/search.js

hello

"use strict";

define(function (require, exports, module) {
	var VModule = require("component/VModule");

	var page = VModule.render({
		init: function init() {
			if (!this.query.corpId) {
				this.util.alert("\u7f3a\u5c11corpId");
			}

			this.corpId = this.query.corpId;
			this.unionId = this.query.unionId;

			var searchHis = localStorage.getItem('searchHistory') || "";
			// \u5224\u65ad\u662f\u5426\u662f\u4ece\u8be6\u60c5\u9875\u8fc7\u6765\u7684
			var isDetailPage = JSON.parse(localStorage.getItem('isDetail')) || {};
			var DetailPageSearchContent = "";
			var DetailPageLoading = false;
			if (isDetailPage.isDetail) {
				isDetailPage.isDetail = false;
				DetailPageSearchContent = isDetailPage.searchContent;
				DetailPageLoading = true;
				this.getResult(isDetailPage.corpId, isDetailPage.searchContent);
				localStorage.setItem('isDetail', JSON.stringify(isDetailPage));
			}
			// --- end
			this.state = {
				loading: DetailPageLoading,
				success: true,
				history: searchHis,
				searchResult: [],
				searchContent: DetailPageSearchContent
			};

			this.module = this.initModule(this.state, "#J_Page");

			this.regEvent();
		},
		getResult: function getResult(corpId, keyWord) {
			this.getCache2("/user-web/restapi/common/doct/searchDoctSch", {
				corpId: corpId,
				likeName: keyWord
			});
		},

		regEvent: function regEvent() {
			var _this = this;

			var self = this;
			//\u5728\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u8ba9input\u83b7\u53d6\u5230\u7126\u70b9
			$(document).ready(function () {
				$('#J_formInput').val(self.state.searchContent);
			});
			$(document).delegate('#cancle', 'click', function () {
				_this.util.goBack();
			});

			$('#search-label').click(function () {
				$('#J_formInput').focus();
			});

			$(document).delegate('#J_formInput', 'input', function (event) {
				if (event.target.value === "") {
					_this.setState({
						success: true,
						searchResult: []
					});
				}
			});

			$(document).delegate('.ui-searchbar', 'click', function (event) {
				$('#J_formInput').focus();
			});

			$('#J_form').submit(function (event) {
				event.preventDefault();
				_this.setState({
					loading: true
				});
				var searchContent = $('#J_formInput').val().trim();
				_this.setState({
					searchContent: searchContent
				});
				// \u672c\u5730\u5b58\u50a8
				if (localStorage.getItem('searchHistory')) {
					var haved = localStorage.getItem('searchHistory');
					if (haved.indexOf(searchContent) === -1) {
						haved += '@' + searchContent;
						localStorage.setItem('searchHistory', haved);
						_this.setState({
							history: haved
						});
					}
				} else {
					localStorage.setItem('searchHistory', searchContent);
					_this.setState({
						history: localStorage.getItem('searchHistory')
					});
				}
				// \u53d1\u8d77\u8bf7\u6c42
				_this.getResult(_this.corpId, searchContent);
			});
			$('#J_Page').delegate('.delete-btn', 'click', function () {
				localStorage.setItem('searchHistory', "");
				_this.setState({
					history: ""
				});
			});
			//\u5feb\u901f\u641c\u7d22
			$('#J_Page').delegate('.fast-search', 'click', function (event) {
				var fastSearchContent = $(event.target);

				_this.setState({
					loading: true,
					searchContent: fastSearchContent.text()
				});

				$('#J_formInput').val(fastSearchContent.text());

				_this.getResult(_this.corpId, fastSearchContent.text());
			});
			$('#J_Page').delegate('#moreDoct', 'click', function () {

				window.location.href = "./search-detail.html?corpId=" + _this.corpId + "&id=" + _this.query.unionId + "&searchContent=" + _this.state.searchContent + "&type=doct";
			});
			$('#J_Page').delegate('#moreDept', 'click', function () {
				window.location.href = "./search-detail.html?corpId=" + _this.corpId + "&id=" + _this.query.unionId + "&searchContent=" + _this.state.searchContent + "&type=dept";
			});
		},
		onSuccess: function onSuccess(result) {
			this.setState({
				loading: false,
				success: true,
				searchResult: result.data
			});
		},
		onError: function onError(result) {
			this.setState({
				loading: false,
				success: false,
				msg: result.msg || "\u7f51\u7edc\u9519\u8bef\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5\uff01"
			});
		},
		render: function render(state) {
			var searchResult = state.searchResult;
			var searchHistory;
			var self = this;
			if (state.history === "") {
				searchHistory = [];
			} else {
				searchHistory = state.history.split('@').reverse();
			}
			searchHistory = searchHistory.filter(function (item) {
				return item !== "";
			});
			return "\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t" + (searchResult.length === 0 ? "\n\t\t\t\t\t\t" + (searchHistory.length !== 0 ? "\n\t\t\t\t\t\t\t\t\t\t<div class=\"search-history\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"search-history-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"search-history-title-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2>\u641C\u7D22\u5386\u53F2</h2>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"search-history-title-right\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"delete-btn\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ui-icon-delete\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\u6E05\u7A7A\u8BB0\u5F55</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"search-history-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"ui-list ui-list-text ui-list-active ui-list-cover ui-border-tb\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" + searchHistory.map(function (item) {
				return "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"ui-border-t fast-search\" data-history=\"" + item + "\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t    <i class=\"ui-icon-history\"></i><p>" + item + "</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
			}).join("") + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t" : "\n\t\t\t\t\t\t\t\t\t\t<div class=\"non-history\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"non-history-title\">\u5728\u8FD9\u91CC\u53EF\u4EE5\u641C\u7D22\u5230</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"non-history-line\"></div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"non-history-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"non-history-content-dept\"></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\u79D1\u5BA4</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"non-history-content-doct\"></div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\u533B\u751F</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t") : "\n\t\t\t\t\t\t\t\t<div class=\"search-result\">\n\t\t\t\t\t\t\t\t" + (searchResult.doctList.length > 0 ? "\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"related related-doctor\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"related-title ui-border-tb\">\u76F8\u5173\u533B\u751F</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t\t\t" + searchResult.doctList.slice(0, 3).map(function (item) {
				return "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"./doctor.html?corpId=" + item.corpId + "&unionId=" + self.unionId + "&doctCode=" + item.doctCode + "&deptCode=" + item.deptCode + "&target=_blank&searchContent=" + state.searchContent + "\"><li class=\"ui-row ui-border-b\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img img-doct ui-col ui-col-50\" style=\"" + (item.logo ? "background-image:url(" + item.logo + ")" : "") + "\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"content ui-col ui-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" + item.name + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"label\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" + item.label + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"corp-name\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" + item.corpName + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li></a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
			}).join("") + "\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t" + (searchResult.doctList.length > 3 ? "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id='moreDoct' class='more'>\u70B9\u51FB\u663E\u793A\u66F4\u591A</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t" : '') + "\n\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t" : "") + "\n\t\t\t\t\t\t\t\t\t" + (searchResult.deptList.length > 0 ? "\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"related related-depart\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"related-title ui-border-tb\">\u76F8\u5173\u79D1\u5BA4</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ul> \n\t\t\t\t\t\t\t\t\t\t\t\t\t" + searchResult.deptList.slice(0, 3).map(function (item) {
				return "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"./dept.html?corpId=" + item.corpId + "&deptCode=" + item.deptCode + "&target=_blank&searchContent=" + state.searchContent + "\"><li class=\"ui-row ui-border-b\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"img img-dept ui-col ui-col-50\" style=\"" + (item.logo ? "background-image: url(" + item.logo + ")" : "") + "\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"content ui-col ui-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" + item.name + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" + (item.label ? item.label : "<div id='hold'>\u65e0</div>") + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t" + item.corpName + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li></a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
			}).join("") + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t" + (searchResult.deptList.length > 3 ? "\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class='more' id='moreDept'>\u70B9\u51FB\u663E\u793A\u66F4\u591A</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t" : '') + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t" : "") + "\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t" + (searchResult.doctList.length === 0 && searchResult.deptList.length === 0 ? "\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"non-result\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"non-result-img\"></div>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"non-result-details\">\u672A\u627E\u5230\u7B26\u5408\u6761\u4EF6\u7684\u641C\u7D22\u7ED3\u679C</p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p>\u8BF7\u66F4\u6362\u641C\u7D22\u8BCD\u67E5\u8BE2</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t" : "") + "\n\t\t\t\t\t\t") + "\n\t\t\t\t</div>\n\t\t\t";
		}
	});

	page.init();

	module.exports = page;
});