增加经纪人查询

brokerQry/.editorconfig

+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

brokerQry/.gitignore

+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events.json
+speed-measure-plugin.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

brokerQry/README.md

+# BrokerQry
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.5.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

brokerQry/angular.json

+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "brokerQry": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "prefix": "app",
+      "schematics": {},
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/brokerQry",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.app.json",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "node_modules/bootstrap/dist/css/bootstrap.min.css",
+              "src/styles.css"
+            ],
+            "scripts": [],
+            "es5BrowserSupport": true
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "brokerQry:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "brokerQry:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "brokerQry:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.spec.json",
+            "karmaConfig": "src/karma.conf.js",
+            "styles": [
+              "src/styles.css"
+            ],
+            "scripts": [],
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "src/tsconfig.app.json",
+              "src/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
+    "brokerQry-e2e": {
+      "root": "e2e/",
+      "projectType": "application",
+      "prefix": "",
+      "architect": {
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "e2e/protractor.conf.js",
+            "devServerTarget": "brokerQry:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "brokerQry:serve:production"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": "e2e/tsconfig.e2e.json",
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "brokerQry"
+}

brokerQry/e2e/protractor.conf.js

+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './src/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: require('path').join(__dirname, './tsconfig.e2e.json')
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};
\ No newline at end of file

brokerQry/e2e/src/app.e2e-spec.ts

+import { AppPage } from './app.po';
+import { browser, logging } from 'protractor';
+
+describe('workspace-project App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getTitleText()).toEqual('Welcome to brokerQry!');
+  });
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
+    expect(logs).not.toContain(jasmine.objectContaining({
+      level: logging.Level.SEVERE,
+    } as logging.Entry));
+  });
+});

brokerQry/e2e/src/app.po.ts

+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+    return browser.get(browser.baseUrl) as Promise<any>;
+  }
+
+  getTitleText() {
+    return element(by.css('app-root h1')).getText() as Promise<string>;
+  }
+}

brokerQry/e2e/tsconfig.e2e.json

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}
\ No newline at end of file

brokerQry/package.json

+{
+  "name": "broker-qry",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "~7.2.0",
+    "@angular/common": "~7.2.0",
+    "@angular/compiler": "~7.2.0",
+    "@angular/core": "~7.2.0",
+    "@angular/forms": "~7.2.0",
+    "@angular/platform-browser": "~7.2.0",
+    "@angular/platform-browser-dynamic": "~7.2.0",
+    "@angular/router": "~7.2.0",
+    "bootstrap": "^3.4.1",
+    "core-js": "^2.5.4",
+    "rxjs": "~6.3.3",
+    "tslib": "^1.9.0",
+    "zone.js": "~0.8.26"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~0.13.0",
+    "@angular/cli": "~7.3.5",
+    "@angular/compiler-cli": "~7.2.0",
+    "@angular/language-service": "~7.2.0",
+    "@types/node": "~8.9.4",
+    "@types/jasmine": "~2.8.8",
+    "@types/jasminewd2": "~2.0.3",
+    "codelyzer": "~4.5.0",
+    "jasmine-core": "~2.99.1",
+    "jasmine-spec-reporter": "~4.2.1",
+    "karma": "~4.0.0",
+    "karma-chrome-launcher": "~2.2.0",
+    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma-jasmine": "~1.1.2",
+    "karma-jasmine-html-reporter": "^0.2.2",
+    "protractor": "~5.4.0",
+    "ts-node": "~7.0.0",
+    "tslint": "~5.11.0",
+    "typescript": "~3.2.2"
+  }
+}

brokerQry/src/app/app-routing.module.ts

+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule, Routes} from '@angular/router';
+import {BrokerQryComponent} from './broker-qry/broker-qry.component';
+import {BrokerDetailComponent} from './broker-detail/broker-detail.component';
+const routes: Routes = [
+  {
+    path: '', redirectTo: '/brokerQry', pathMatch: 'full'
+  },
+  {path: 'brokerQry', component: BrokerQryComponent},
+  {path: 'brokerDetail/:id', component: BrokerDetailComponent}
+];
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    RouterModule.forRoot(routes)
+  ],
+  exports: [ RouterModule ]
+})
+export class AppRoutingModule {
+}

brokerQry/src/app/app.component.html

+<router-outlet></router-outlet>

brokerQry/src/app/app.component.spec.ts

+import { TestBed, async } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  }));
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'brokerQry'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('brokerQry');
+  });
+
+  it('should render title in a h1 tag', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('Welcome to brokerQry!');
+  });
+});

brokerQry/src/app/app.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+
+}

brokerQry/src/app/app.module.ts

+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
+import { BrokerQryComponent } from './broker-qry/broker-qry.component';
+import { BrokerDetailComponent } from './broker-detail/broker-detail.component';
+import { MobileNoFormatPipe } from './mobile-no-format.pipe';
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    BrokerQryComponent,
+    BrokerDetailComponent,
+    MobileNoFormatPipe
+  ],
+  imports: [
+    BrowserModule,
+    AppRoutingModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

brokerQry/src/app/broker-detail/broker-detail.component.css

+.wrapper {
+  width: 750px;
+  margin: 50px auto;
+  border: 1px solid #dcdcdc;
+  padding: 30px;
+  border-radius: 6px;
+}
+
+.wrapper h4 {
+  font-weight: bold;
+}
+
+.wrapper section {
+  padding: 15px 0;
+  border-bottom: 1px solid #dcdcdc;
+}
+
+.wrapper section:last-child {
+  border: none;
+}
+
+.basicInfo {
+  justify-content: space-between;
+}
+
+.basicInfo .basicInfoWrapper {
+  width: 50%;
+}
+
+.cerPhoto {
+  width: 150px;
+}
+
+.basicInfo .basicInfoWrapper > div {
+  height: 42px;
+  line-height: 42px;
+  font-size: 16px;
+  border-bottom: 1px solid #dcdcdc;
+}
+
+.basicInfo .basicInfoWrapper > div:last-child {
+  border: none;
+}
+
+.basicInfo .basicInfoWrapper > div > strong {
+  display: inline-block;
+  width: 60%;
+  margin-right: 10px;
+}
+
+.honorList, .contactList {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: space-between;
+}
+
+.bioIntro {
+  text-align: justify;
+}
+
+.contactList > div {
+  width: 30%;
+}
+
+.contactList > div > strong {
+  margin-right: 10px;
+}
+
+.lifePhoto .lifePhotoList {
+  display: flex;
+}
+
+.lifePhoto .lifePhotoList > div {
+  width: 50%;
+  background-color: #ddd;
+  flex: 1;
+}
+
+.lifePhoto .lifePhotoList > div {
+  border-right: 3px solid #fff;
+}
+
+.lifePhoto .lifePhotoList > div:last-child {
+  border: none;
+}
+
+.lifePhoto .lifePhotoList > div.subPhoto {
+  display: flex;
+  flex-direction: column;
+}
+
+.lifePhoto .lifePhotoList > div.subPhoto > div {
+  flex: 1;
+  background-color: antiquewhite;
+}
+
+.lifePhoto .lifePhotoList > div.subPhoto > div:last-child {
+  background-color: #eee;
+}
+
+footer {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  padding-top: 15px;
+}
+
+.eqrocde {
+  display: flex;
+}
+
+.eqrocde > div {
+  width: 80px;
+}
+
+@media (max-width: 767px) {
+  .wrapper {
+    width: 350px;
+    margin: 0 auto;
+    border: none;
+    padding: 15px;
+  }
+
+  .basicInfo {
+    flex-direction: column-reverse;
+  }
+
+  .basicInfo .basicInfoWrapper {
+    width: 100%;
+  }
+
+  .contact .contactList {
+    flex-direction: column;
+  }
+
+  .contact .contactList > div {
+    width: 100%;
+    height: 28px;
+    line-height: 28px;
+  }
+
+  .eqrocde > div {
+    width: 50px;
+  }
+
+}

brokerQry/src/app/broker-detail/broker-detail.component.html

+<div class="container">
+  <div class="wrapper">
+    <h1 class="text-center">
+      <img src="assets/images/ydinsurance_logo.jpg" alt="">
+    </h1>
+    <!--经纪人基本信息-->
+    <section class="basicInfo flex-center">
+      <div class="basicInfoWrapper">
+        <div class="name">
+          <strong>姓名</strong>
+          <span>张三</span>
+        </div>
+        <div class="practitionerRegNoWrapper">
+          <strong>执业编号</strong>
+          <span>##12345678##</span>
+        </div>
+        <div class="effectiveEndDateWrapper">
+          <strong>有效截至日期</strong>
+          <span>2020-02-02</span>
+        </div>
+        <div class="areaWrapper">
+          <strong>所属区域</strong>
+          <span>江苏省南京市</span>
+        </div>
+      </div>
+      <div class="cerPhoto">
+        <img src="https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/1/head.jpg" alt="" class="img-responsive">
+      </div>
+    </section>
+    <!--经纪人荣誉-->
+    <section class="honor">
+      <h4>荣誉</h4>
+      <div class="honorList">
+        <div *ngFor="let honorList of hornorLists">
+          <img src="{{honorList.path}}" alt="{{honorList.certName}}">
+        </div>
+      </div>
+    </section>
+    <!--自我简介-->
+    <section class="bioIntro">
+      <h4>自我简介</h4>
+      <p>
+        如果我办得到，我一定把“保险”这两个字写在家家户户的门上，每一个公务员的手册上，以及每个公司的章程上。因为我深信通过保险，每一个家庭，每一个公务员，每一个团体，只要付出微小的代价，就可以免遭万劫不复的
+      </p>
+    </section>
+    <!--联系方式-->
+    <section class="contact">
+      <h4>联系方式</h4>
+      <div class="contactList">
+        <div>
+          <strong>手机号:</strong>
+          <span>13000000000</span>
+        </div>
+        <div>
+          <strong>微信号:</strong>
+          <span>13000000000</span>
+        </div>
+        <div>
+          <strong>QQ号:</strong>
+          <span>13000000000</span>
+        </div>
+      </div>
+    </section>
+    <!--生活照片-->
+    <section class="lifePhoto">
+      <h4>生活照片</h4>
+      <div class="lifePhotoList">
+        <div class="mainPhoto">
+          <img src="https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/1/20190321205635.jpg" alt="" class="img-responsive">
+        </div>
+        <div class="subPhoto">
+          <img src="https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/1/20190321205659.jpg" alt="" class="img-responsive">
+        </div>
+      </div>
+    </section>
+    <!--尾部-->
+    <footer>
+      <div class="eqrocde">
+        <div><img src="https://www.ydinsurance.cn/wp-content/uploads/2017/11/ydinsurance_qrcode.jpg" alt="" class="img-responsive"></div>
+        <div><img src="https://www.zuihuibi.cn/wp-content/uploads/2018/07/qrcode_zuihuibi.jpg" alt="" class="img-responsive"></div>
+      </div>
+      <div class="text-center" style="padding-top: 15px;font-size: 10px">上海银盾保险经纪有限公司</div>
+    </footer>
+  </div>
+</div>

brokerQry/src/app/broker-detail/broker-detail.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BrokerDetailComponent } from './broker-detail.component';
+
+describe('BrokerDetailComponent', () => {
+  let component: BrokerDetailComponent;
+  let fixture: ComponentFixture<BrokerDetailComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BrokerDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BrokerDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

brokerQry/src/app/broker-detail/broker-detail.component.ts

+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-broker-detail',
+  templateUrl: './broker-detail.component.html',
+  styleUrls: ['./broker-detail.component.css']
+})
+export class BrokerDetailComponent implements OnInit {
+  hornorLists: Array<any>;
+
+  constructor() {
+  }
+
+  ngOnInit() {
+    //   荣誉列表
+    this.hornorLists = [{
+      id: '1',
+      certName: 'RFC',
+      path: 'https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/cert/rfc.png'
+    },
+      {
+        id: '2',
+        certName: '人身保险经纪人',
+        path: 'https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/cert/human.png'
+      },
+      {
+        id: '3',
+        certName: '产险',
+        path: 'https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/cert/property.png'
+      }, {
+        id: '4',
+        certName: '投资',
+        path: 'https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/cert/invest.png'
+      }, {
+        id: '5',
+        certName: '外币',
+        path: 'https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/cert/currency.png'
+      }, {
+        id: '6',
+        certName: '寿险',
+        path: 'https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/broker/cert/life.png'
+      }];
+  }
+
+}

brokerQry/src/app/broker-qry/broker-qry.component.css

+.title {
+  width: 100%;
+  margin: 30px auto;
+  font-weight: 400;
+  position: relative;
+  font-size: 28px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.logo {
+  position: absolute;
+  left:0;
+  width: 191px;
+  height: 55px;
+  background: url("../../assets/images/ydinsurance_logo.png") no-repeat;
+  background-size: contain;
+}
+
+.panel .panel-body {
+  padding: 20px 30px;
+}
+
+.search {
+  width: 200px;
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+  margin: 0 auto;
+  cursor: pointer;
+  border: 1px solid #ec2d37;
+  border-radius: 20px;
+  letter-spacing: 5px;
+  font-size: 15px;
+}
+
+.form-control {
+  border: none;
+  outline: none;
+  box-shadow: none;
+}
+
+.brokerName {
+  border-bottom: 1px solid #dcdcdc;
+  display: flex;
+  align-items: center;
+}
+
+.brokerName > span {
+  font-size: 16px;
+}
+
+.queryItem {
+  display: flex;
+  justify-content: space-between;
+}
+
+.queryItem > div {
+  width: 60%;
+}
+
+.mResultContainer .media-left {
+  width: 100px;
+  height: 100px;
+}
+
+.mResultContainer .media {
+  padding: 0 10px;
+  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+.mResultContainer .media-body > div {
+  height: 28px;
+  line-height: 28px;
+}
+
+.mResultContainer .media-body > div > strong {
+  display: inline-block;
+  width: 25%;
+  margin-right: 10px;
+}
+
+@media (max-width: 767px) {
+  .wrapper {
+    width: 350px;
+    margin: 0 auto;
+    border: none;
+    padding: 5px;
+  }
+  .logo {
+    position: absolute;
+    left:0;
+    width: 55px;
+    height: 55px;
+    background: url("../../assets/images/ydinsurance.png") no-repeat;
+    background-size: contain;
+  }
+  .queryItem, .queryBox {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+  }
+
+  .queryItem > div {
+    width: 100%;
+    margin-bottom: 15px;
+  }
+}

brokerQry/src/app/broker-qry/broker-qry.component.html

+<div class="container">
+  <div class="wrapper">
+    <!--标题栏-->
+    <h1 class="title text-center">
+      <div class="logo"></div>
+      <div>经纪人查询</div>
+    </h1>
+    <!-- 查询条件-->
+    <div class="panel panel-default">
+      <div class="panel-body">
+        <div class="row flex-center queryBox">
+          <div class="col-md-8 col-sm-12 queryItem">
+            <div class="input-group brokerName">
+              <span class="glyphicon glyphicon-user"></span>
+              <input type="text" class="form-control" placeholder="请输入经纪人姓名">
+            </div>
+          </div>
+          <div class="col-md-4 col-sm-12">
+            <div class="search">查询</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 查询结果-->
+    <div class="resultContainer">
+     <!-- <div class="table-responsive">
+        <table class="table table-bordered">
+          <thead>
+          <tr>
+            <th>操作</th>
+            <th>姓名</th>
+            <th>执业登记号</th>
+            <th>有效截止日</th>
+            <th>所属区域</th>
+            <th>手机号</th>
+          </tr>
+          </thead>
+          <tbody>
+          <tr *ngFor="let brokerList of brokerLists">
+            <td><a class="viewDetail" (click)="viewDetail(brokerList.id)">查看</a></td>
+            <td>{{brokerList.name}}</td>
+            <td>{{brokerList.practitionerRegNo}}</td>
+            <td>{{brokerList.effectiveEndDate}}</td>
+            <td>{{brokerList.area}}</td>
+            <td>{{brokerList.mobileNo | mobileNoFormat}}</td>
+          </tr>
+          </tbody>
+        </table>
+      </div>-->
+      <div class="mResultContainer">
+        <div class="media" *ngFor="let brokerList of brokerLists">
+          <div class="media-body">
+            <div><strong>姓名</strong><span>{{brokerList.name}}</span></div>
+            <div><strong>执业编号</strong><span>{{brokerList.practitionerRegNo}}</span></div>
+            <div><strong>所属区域</strong><span>{{brokerList.area}}</span></div>
+            <div><strong>手机号</strong><span>{{brokerList.mobileNo | mobileNoFormat}}</span></div>
+            <div><a class="viewDetail" (click)="viewDetail(brokerList.id)">查看</a></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>

brokerQry/src/app/broker-qry/broker-qry.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BrokerQryComponent } from './broker-qry.component';
+
+describe('BrokerQryComponent', () => {
+  let component: BrokerQryComponent;
+  let fixture: ComponentFixture<BrokerQryComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BrokerQryComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BrokerQryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

brokerQry/src/app/broker-qry/broker-qry.component.ts

+import {Component, OnInit} from '@angular/core';
+import {CommonService} from '../../common.service';
+import {Router} from "@angular/router";
+
+@Component({
+  selector: 'app-broker-qry',
+  templateUrl: './broker-qry.component.html',
+  styleUrls: ['./broker-qry.component.css']
+})
+export class BrokerQryComponent implements OnInit {
+  brokerLists: Array<any>;
+
+  constructor(private router: Router) {
+  }
+
+  ngOnInit() {
+    //  假数据
+    this.brokerLists = [
+      {
+
+        id: '1',
+        name: '张三',
+        practitionerRegNo: '12345678912345',
+        effectiveEndDate: '2001-02-02',
+        area: '上海',
+        mobileNo: '13000000000'
+      }, {
+        id: '2',
+        name: '张三',
+        practitionerRegNo: '12345678912345',
+        effectiveEndDate: '2001-02-02',
+        area: '上海',
+        mobileNo: '4009209291'
+      }, {
+        id: '3',
+        name: '张三',
+        practitionerRegNo: '12345678912345',
+        effectiveEndDate: '2001-02-02',
+        area: '上海',
+        mobileNo: '0216602026'
+      }, {
+        id: '4',
+        name: '张三',
+        practitionerRegNo: '12345678912345',
+        effectiveEndDate: '2001-02-02',
+        area: '上海',
+        mobileNo: '13000000000'
+      }, {
+        id: '5',
+        name: '张三',
+        practitionerRegNo: '12345678912345',
+        effectiveEndDate: '2001-02-02',
+        area: '上海',
+        mobileNo: '13000000000'
+      },
+    ];
+  }
+
+  // 经纪人详情信息查询
+  viewDetail(id) {
+    this.router.navigate(['brokerDetail', id]);
+  }
+}

brokerQry/src/app/event-bus.service.spec.ts

+import { TestBed } from '@angular/core/testing';
+
+import { EventBusService } from './event-bus.service';
+
+describe('EventBusService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: EventBusService = TestBed.get(EventBusService);
+    expect(service).toBeTruthy();
+  });
+});

brokerQry/src/app/event-bus.service.ts

+import {Injectable} from '@angular/core';
+import {environment} from './../environments/environment';
+import {HttpClient, HttpErrorResponse, HttpHeaders} from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+import { catchError, retry } from 'rxjs/operators';
+@Injectable({
+  providedIn: 'root'
+})
+export class EventBusService {
+  private USER_API_URL = '';
+
+  constructor(private http: HttpClient) {
+    this.USER_API_URL = environment.apiUrl;
+  }
+
+  /**
+   * 获取TOKEN
+   */
+  obtainToken() {
+    const url = this.USER_API_URL + '/authorize/obtainToken';
+    const ticketObj = {
+      ticket: 'brokerQry'
+    };
+    return this.http.post(url, JSON.stringify(ticketObj),{ observe: 'response' })
+      .pipe(
+        response => {
+          return response;
+        }
+      );
+  }
+
+  /**
+   * 错误信息处理
+   * @param error
+   * @returns {Observable<never>}
+   */
+  private handleError(error: HttpErrorResponse) {
+    if (error.error instanceof ErrorEvent) {
+      // A client-side or network error occurred. Handle it accordingly.
+      console.error('An error occurred:', error.error.message);
+    } else {
+      // The backend returned an unsuccessful response code.
+      // The response body may contain clues as to what went wrong,
+      console.error(
+        `Backend returned code ${error.status}, ` +
+        `body was: ${error.error}`);
+    }
+    // return an observable with a user-facing error message
+    return throwError(
+      'Something bad happened; please try again later.');
+  };
+
+}

brokerQry/src/app/mobile-no-format.pipe.spec.ts

+import { MobileNoFormatPipe } from './mobile-no-format.pipe';
+
+describe('MobileNoFormatPipe', () => {
+  it('create an instance', () => {
+    const pipe = new MobileNoFormatPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

brokerQry/src/app/mobile-no-format.pipe.ts

+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'mobileNoFormat'
+})
+export class MobileNoFormatPipe implements PipeTransform {
+
+  transform(value: any, args?: any): any {
+    let str = value.toString().replace(/ /g, '');
+    const len = str.length;
+    switch (true) {
+      case len > 11:
+        str = str.substr(0, 3) + ' ' + str.substr(3, 4) + ' ' + str.substr(7, 4);
+        value = str;
+        break;
+      case len > 7:
+        str = str.substr(0, 3) + ' ' + str.substr(3, 4) + ' ' + str.substr(7);
+        value = str;
+        break;
+      case len > 3:
+        str = str.substr(0, 3) + ' ' + str.substr(3);
+        value = str;
+        break;
+      default:
+        value = str;
+    }
+    return value;
+  }
+
+}

brokerQry/src/browserslist

+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11
\ No newline at end of file

brokerQry/src/common.service.spec.ts

+import { TestBed } from '@angular/core/testing';
+
+import { CommonService } from './common.service';
+
+describe('CommonService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: CommonService = TestBed.get(CommonService);
+    expect(service).toBeTruthy();
+  });
+});

brokerQry/src/common.service.ts

+import {Injectable} from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CommonService {
+
+  constructor() {
+  }
+}

brokerQry/src/environments/environment.prod.ts

+export const environment = {
+  production: true,
+  apiUrl: 'https://m.zuihuibi.cn/api'
+};

brokerQry/src/environments/environment.stage.ts

+/**
+ * Created by Sweet on 2019/3/22.
+ */
+export const environment = {
+  production: false,
+  apiUrl: 'https://mstage.zuihuibi.cn/api'
+};

brokerQry/src/environments/environment.ts

+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false,
+  apiUrl: 'https://mdev.zuihuibi.cn/api'
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

brokerQry/src/index.html

+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>经纪人查询</title>
+  <base href="/">
+  <link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>

brokerQry/src/karma.conf.js

+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../coverage/brokerQry'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

brokerQry/src/main.ts

+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.error(err));

brokerQry/src/polyfills.ts

+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags.ts';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js/dist/zone';  // Included with Angular CLI.
+
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */

brokerQry/src/styles.css

+/* You can add global styles to this file, and also import other style files */
+html, body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
+  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.flex-center {
+  display: flex;
+  align-items: center;
+}
+.wrapper {
+  width: 80%;
+  min-height: 400px;
+  margin: 0 auto;
+  position: relative;
+}

brokerQry/src/test.ts

+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

brokerQry/src/tsconfig.app.json

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "types": []
+  },
+  "exclude": [
+    "test.ts",
+    "**/*.spec.ts"
+  ]
+}

brokerQry/src/tsconfig.spec.json

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "test.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

brokerQry/src/tslint.json

+{
+  "extends": "../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "app",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "app",
+      "kebab-case"
+    ]
+  }
+}

brokerQry/tsconfig.json

+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "module": "es2015",
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "es5",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2018",
+      "dom"
+    ]
+  }
+}

brokerQry/tslint.json

+{
+  "extends": "tslint:recommended",
+  "rulesDirectory": [
+    "codelyzer"
+  ],
+  "rules": {
+    "array-type": false,
+    "arrow-parens": false,
+    "deprecation": {
+      "severity": "warn"
+    },
+    "import-blacklist": [
+      true,
+      "rxjs/Rx"
+    ],
+    "interface-name": false,
+    "max-classes-per-file": false,
+    "max-line-length": [
+      true,
+      140
+    ],
+    "member-access": false,
+    "member-ordering": [
+      true,
+      {
+        "order": [
+          "static-field",
+          "instance-field",
+          "static-method",
+          "instance-method"
+        ]
+      }
+    ],
+    "no-consecutive-blank-lines": false,
+    "no-console": [
+      true,
+      "debug",
+      "info",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-empty": false,
+    "no-inferrable-types": [
+      true,
+      "ignore-params"
+    ],
+    "no-non-null-assertion": true,
+    "no-redundant-jsdoc": true,
+    "no-switch-case-fall-through": true,
+    "no-use-before-declare": true,
+    "no-var-requires": false,
+    "object-literal-key-quotes": [
+      true,
+      "as-needed"
+    ],
+    "object-literal-sort-keys": false,
+    "ordered-imports": false,
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "trailing-comma": false,
+    "no-output-on-prefix": true,
+    "use-input-property-decorator": true,
+    "use-output-property-decorator": true,
+    "use-host-property-decorator": true,
+    "no-input-rename": true,
+    "no-output-rename": true,
+    "use-life-cycle-interface": true,
+    "use-pipe-transform-interface": true,
+    "component-class-suffix": true,
+    "directive-class-suffix": true
+  }
+}

ci-campaign/.idea/workspace.xml

@@ -18,8 +18,8 @@
       <file leaf-file-name="index.html" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1898">
-              <caret line="73" column="28" lean-forward="false" selection-start-line="73" selection-start-column="28" selection-end-line="73" selection-end-column="28" />
+            <state relative-caret-position="386">
+              <caret line="16" column="20" lean-forward="true" selection-start-line="16" selection-start-column="20" selection-end-line="16" selection-end-column="20" />
               <folding />
             </state>
           </provider>
@@ -28,14 +28,14 @@
       <file leaf-file-name="style.css" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/style.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="3562">
-              <caret line="137" column="25" lean-forward="false" selection-start-line="137" selection-start-column="25" selection-end-line="137" selection-end-column="25" />
+            <state relative-caret-position="256">
+              <caret line="147" column="20" lean-forward="true" selection-start-line="147" selection-start-column="20" selection-end-line="147" selection-end-column="20" />
               <folding />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="mstyle.css" pinned="false" current-in-tab="false">
+      <file leaf-file-name="mstyle.css" pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/css/mstyle.css">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="296">
@@ -45,31 +45,13 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="base.js" pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/js/base.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="2418">
-              <caret line="160" column="29" lean-forward="true" selection-start-line="160" selection-start-column="29" selection-end-line="160" selection-end-column="29" />
-              <folding>
-                <element signature="e#417#666#0" expanded="false" />
-                <element signature="e#733#1082#0" expanded="false" />
-                <element signature="e#1138#1725#0" expanded="false" />
-                <element signature="e#1754#2349#0" expanded="false" />
-                <element signature="e#2375#2508#0" expanded="false" />
-                <element signature="e#2536#2714#0" expanded="false" />
-                <element signature="e#5947#6027#0" expanded="false" />
-                <element signature="e#6055#6423#0" expanded="false" />
-                <element signature="e#6459#6685#0" expanded="false" />
-                <element signature="e#6728#7179#0" expanded="false" />
-                <element signature="e#8934#9316#0" expanded="false" />
-                <marker date="1552298446567" expanded="true" signature="7076:7084" ph="..." />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
     </leaf>
   </component>
+  <component name="FindInProjectRecents">
+    <findStrings>
+      <find>pcbg_1.png</find>
+    </findStrings>
+  </component>
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
@@ -87,7 +69,7 @@
     <sorting>DEFINITION_ORDER</sorting>
   </component>
   <component name="ProjectFrameBounds">
-    <option name="x" value="-8" />
+    <option name="x" value="1912" />
     <option name="y" value="-8" />
     <option name="width" value="1936" />
     <option name="height" value="1056" />
@@ -265,14 +247,15 @@
       <workItem from="1552017361646" duration="11714000" />
       <workItem from="1552269917591" duration="705000" />
       <workItem from="1552298410014" duration="60000" />
+      <workItem from="1552448043257" duration="412000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="12479000" />
+    <option name="totallyTimeSpent" value="12891000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-8" y="-8" width="1936" height="1056" extended-state="6" />
+    <frame x="1912" y="-8" width="1936" height="1056" extended-state="6" />
     <editor active="true" />
     <layout>
       <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.09325606" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
@@ -330,6 +313,26 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/js/base.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2418">
+          <caret line="160" column="29" lean-forward="true" selection-start-line="160" selection-start-column="29" selection-end-line="160" selection-end-column="29" />
+          <folding>
+            <element signature="e#417#666#0" expanded="false" />
+            <element signature="e#733#1082#0" expanded="false" />
+            <element signature="e#1138#1725#0" expanded="false" />
+            <element signature="e#1754#2349#0" expanded="false" />
+            <element signature="e#2375#2508#0" expanded="false" />
+            <element signature="e#2536#2714#0" expanded="false" />
+            <element signature="e#5947#6027#0" expanded="false" />
+            <element signature="e#6055#6423#0" expanded="false" />
+            <element signature="e#6459#6685#0" expanded="false" />
+            <element signature="e#6728#7179#0" expanded="false" />
+            <marker date="1552448085585" expanded="true" signature="7076:7084" ph="..." />
+          </folding>
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="1898">
@@ -348,16 +351,32 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/css/mstyle.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="296">
+        <state relative-caret-position="6370">
           <caret line="245" column="16" lean-forward="false" selection-start-line="245" selection-start-column="16" selection-end-line="245" selection-end-column="16" />
           <folding />
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="386">
+          <caret line="16" column="20" lean-forward="true" selection-start-line="16" selection-start-column="20" selection-end-line="16" selection-end-column="20" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/style.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="256">
+          <caret line="147" column="20" lean-forward="true" selection-start-line="147" selection-start-column="20" selection-end-line="147" selection-end-column="20" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/js/base.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="2418">
-          <caret line="160" column="29" lean-forward="true" selection-start-line="160" selection-start-column="29" selection-end-line="160" selection-end-column="29" />
+        <state relative-caret-position="107">
+          <caret line="269" column="5" lean-forward="true" selection-start-line="269" selection-start-column="5" selection-end-line="269" selection-end-column="5" />
           <folding>
             <element signature="e#417#666#0" expanded="false" />
             <element signature="e#733#1082#0" expanded="false" />
@@ -369,11 +388,18 @@
             <element signature="e#6055#6423#0" expanded="false" />
             <element signature="e#6459#6685#0" expanded="false" />
             <element signature="e#6728#7179#0" expanded="false" />
-            <element signature="e#8934#9316#0" expanded="false" />
-            <marker date="1552298446567" expanded="true" signature="7076:7084" ph="..." />
+            <marker date="1552448085585" expanded="true" signature="7076:7084" ph="..." />
           </folding>
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/css/mstyle.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="296">
+          <caret line="245" column="16" lean-forward="false" selection-start-line="245" selection-start-column="16" selection-end-line="245" selection-end-column="16" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file

ci-campaign/js/base.js

@@ -274,7 +274,7 @@ $(function () {
             $(".pbanner").attr('src', './images/pbanner.jpg')
             $(".btn1").attr('src', './images/pcbtn1.png')
             $(".testBtn").attr('src', './images/pcbtn3.png')
-            $(".bg").attr('src', './images/pcbg_1.png')
+            $(".bg").attr('src', './images/pcbg_1.jpg')
             $(".bottom").hide();
             $("#orderBtn,#btn3").attr('src', './images/pcbtn2.png')
         }

occupationQry/.idea/inspectionProfiles/Project_Default.xml

+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+  </profile>
+</component>
\ No newline at end of file

occupationQry/.idea/misc.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JsFlowSettings">
+    <service-enabled>false</service-enabled>
+    <exe-path />
+    <annotation-enable>false</annotation-enable>
+    <other-services-enabled>false</other-services-enabled>
+  </component>
+  <component name="ProjectInspectionProfilesVisibleTreeState">
+    <entry key="Project Default">
+      <profile-state>
+        <expanded-state>
+          <State>
+            <id />
+          </State>
+        </expanded-state>
+        <selected-state>
+          <State>
+            <id>TypeScript</id>
+          </State>
+        </selected-state>
+      </profile-state>
+    </entry>
+  </component>
+</project>
\ No newline at end of file

occupationQry/.idea/modules.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/occupationQry.iml" filepath="$PROJECT_DIR$/.idea/occupationQry.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file

occupationQry/.idea/occupationQry.iml

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file

occupationQry/index.html

-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
-    <meta http-equiv="Pragma" content="no-cache">
-    <meta http-equiv="Expires" content="0">
-    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
-    <title>职业类别查询</title>
-    <link rel="stylesheet" href="./css/bootstrap.min.css">
-    <!-- <link rel="stylesheet" href="./css/style.css"> -->
-</head>
-<body>
-    <div class="container">
-        <div class="wrapper">
-            <h1 class="row title">
-                <div class="col-md-4"> <img src="images/ydinsurance_logo.jpg" /></div>
-                <div class="col-md-8"> <span> 职业类别查询</span> </div> 
-            </h1>
-            <div class="condition row">
-                <div class='title2'>查询条件</div>
-                <div class="content">
-                    <div class="category">
-                        <select class="form-control" id="chose" value="null">
-                        </select>
-                        <select class="form-control" id="choseTwo" class="disabled" disabled>
-                        </select>
-                    </div>
-                    <div class="search">
-                        <input type="text" class="form-control" placeholder="请输入职业名称"/>
-                        <div class="reset">重置</div>
-                    </div>
-                    <div class="searchBtn"></div>
-                </div>
-                <div class="total">查询结果：共<span>0</span>条</div>
-            </div>
-            <div class="table-responsive">
-                <table id='table' border="1" cellspacing="0" style="display: none;" class="table text-nowrap">
-                    <thead>
-                            <tr>
-                                <th>行业</th>
-                                <th>职业类别</th>
-                                <th>职业名称</th>
-                                <th>职业代码</th>
-                                <th>职业分类</th>
-                            </tr>
-                    </thead>
-                    <tbody>
+name	String			姓名
+idTypeId	Long			证件类型《通用代码7.0》
+idNo	String			证件号码
+birthdate	String			出生年月
+gender	Integer			性别
+mobileNo	String			手机号码
+wechatId	String			微信号
 
-                    </tbody>
-                </table>
-            </div>
-        </div>
-            <div class="noResult" style="display: none;text-align: center">无搜索结果</div>
-        </div>
 
-    <script src="./js/jquery.min.js"></script>
-    <script src="./js/bootstrap.min.js"></script>
-    <script src="./js/base.js"></script>
-</body>
-</html>
\ No newline at end of file
+  <span [ngSwitch]="upDate.customerIdTypeId">
+                   <input type="text" class="form-control" *ngSwitchCase="1" readonly value="身份证">
+                   <input type="text" class="form-control" *ngSwitchCase="2" readonly value="护照">
+                   <input type="text" class="form-control" *ngSwitchCase="3" readonly value="港澳通行证">
+                   <input type="text" class="form-control" *ngSwitchCase="4" readonly value="台胞证">
+                   <input type="text" class="form-control" *ngSwitchCase="5" readonly value="香港身份证">
+                   <input type="text" class="form-control" *ngSwitchCase="9" readonly value="其他">
+                   <input type="text" class="form-control" *ngSwitchCase="20" readonly value="统一社会信用代码">
+                   <input type="text" class="form-control" *ngSwitchDefault readonly value="">
+                </span>
+
+
+          <span [ngSwitch]="cus.customer['idTypeId']">
+            <span *ngSwitchCase="1">身份证</span>
+            <span *ngSwitchCase="2">护照</span>
+            <span *ngSwitchCase="3">港澳通行证</span>
+            <span *ngSwitchCase="4">台胞证</span>
+            <span *ngSwitchCase="5">香港身份证</span>
+            <span *ngSwitchCase="9">其他</span>
+            <span *ngSwitchCase="20">统一社会信用代码</span>
+            <span *ngSwitchDefault>/</span>
+          </span>
+		  
+		  
+		  requestor
+		  customer
+		  payTo
+		  
+		  report_unpaid ---record-payment
\ No newline at end of file

physical-campaign/js/base.js

@@ -28,8 +28,6 @@ $(function () {
         choseMale();
         //选女
         choseFemale();
-        // 获取预约人数
-        getCount();
     }
 
     var deviceType = checkDeviceType();
@@ -42,9 +40,11 @@ $(function () {
             data: JSON.stringify({ticket: 'job'}),
             async: false,
             success: function (res) {
-                token = res.data.token
+                token = res.data.token;
+                // 获取预约人数
+                getCount();
             }
-        })
+        });
         return token;
     }