enterprise.html 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935
  1. <div class="loading" ng-class="{'in': loading}">
  2. <!--<i></i>-->
  3. <div class="wrap">
  4. <div class="outer"></div>
  5. </div>
  6. </div>
  7. <link rel="stylesheet" href="static/css/add.css " />
  8. <style>
  9. .com_title {
  10. width: 100%;
  11. margin: 0px auto;
  12. height: 40px;
  13. line-height: 40px;
  14. font-size: 14px;
  15. color: #323232;
  16. background: #f5f5f5;
  17. }
  18. .com_title font {
  19. color: #3f84f6;
  20. }
  21. .com_title01 {
  22. height: 50px;
  23. line-height: 50px;
  24. width: 100%;
  25. margin: 0 auto;
  26. border-bottom: #5078cb 1px dotted;
  27. }
  28. .com_title01 span {
  29. margin-left: 20px;
  30. font-size: 14px;
  31. line-height: 50px;
  32. color: #555;
  33. font-weight: bold;
  34. }
  35. .com_title01 a {
  36. margin-right: 20px;
  37. line-height: 50px;
  38. }
  39. #company .com-text {
  40. height: 35px;
  41. line-height: 35px;
  42. }
  43. #company .com-text .title {
  44. font-size: 14px;
  45. font-weight: inherit;
  46. color: #323232;
  47. width: 120px;
  48. padding-left: 5px;
  49. }
  50. #company .com-text .content {
  51. font-size: 14px;
  52. color: #969595;
  53. }
  54. #company .logo-load {
  55. width: 100px;
  56. height: 100px;
  57. background: url("static/img/purc/upload.png") no-repeat center;
  58. display: inline-block;
  59. border: #ccc 1px solid;
  60. float: left;
  61. margin-left: 0;
  62. }
  63. #company .logo-load input {
  64. width: 100px !important;
  65. height: 100px;
  66. filter: alpha(opacity = 0);
  67. -moz-opacity: 0;
  68. opacity: 0;
  69. }
  70. #company .logo-img {
  71. height: 100px;
  72. }
  73. #company .logo-img .well {
  74. float: left;
  75. width: 100px;
  76. height: 100px;
  77. background: #fff;
  78. }
  79. #company .input-group-addon {
  80. display: inline-block;
  81. height: 26px;
  82. width: 50px;
  83. float: left;
  84. margin-top: 5px;
  85. }
  86. #company .content {
  87. width: 72%;
  88. height: 35px;
  89. overflow: hidden;
  90. text-overflow: ellipsis;
  91. }
  92. #company .form-control {
  93. border: #bfbfbf 1px solid;
  94. margin-top: 5px;
  95. font-size: 14px;
  96. border-radius: 3px;
  97. }
  98. #company .col-xs-4 p {
  99. color: #959595;
  100. }
  101. #company .col-xs-4 .title {
  102. padding: 0;
  103. }
  104. #company .row-sm {
  105. border-bottom: #e8e8e8 1px solid;
  106. padding-bottom: 20px;
  107. }
  108. #company .com-list .row-sm:hover{
  109. border: #3f84f6 2px solid;
  110. }
  111. .bule {
  112. color: #3f84f6;
  113. font-size: 14px;
  114. padding-left: 20px;
  115. }
  116. .save-btn {
  117. width: 100%;
  118. height: 40px;
  119. }
  120. .save-btn .btn01 {
  121. border: 1px;
  122. width: 94px;
  123. height: 36px;
  124. line-height: 36px;
  125. font-size: 14px;
  126. display: inline-block;
  127. text-align: center;
  128. float: right;
  129. background: #3f84f6;
  130. color: #fff;
  131. margin-right: 20px;
  132. }
  133. .com_title01 a.color01 {
  134. color: #d32526;
  135. }
  136. .com_title01 a.color02 {
  137. color: #3a89d1;
  138. }
  139. .com-list .row {
  140. position: relative;
  141. }
  142. .com-list .edit-icon {
  143. display: none;
  144. }
  145. .com-list .row:hover .edit-icon{
  146. display: inline-block;
  147. }
  148. .com-list .edit-icon {
  149. position: absolute;
  150. top: 10px;
  151. right: 0;
  152. width: 100px !important;
  153. }
  154. .com-list .content span {
  155. font-size: 14px;
  156. }
  157. .com-list .edit-icon a {
  158. width: 42px;
  159. height: 24px;
  160. display: inline-block;
  161. background: #8bc6f7;
  162. font-size: 12px;
  163. color: #fff;
  164. margin: 0 0 0 3px;
  165. float: left;
  166. border-radius: 1px;
  167. line-height: 24px;
  168. text-align: center;
  169. }
  170. .com-list .row:hover {
  171. border: #d32526 1px solid;
  172. }
  173. .com-list .edit-icon a:hover {
  174. background: #3a89d1;
  175. }
  176. .com_title01 a {
  177. color: #3a89d1;
  178. font-size: 14px;
  179. float: right;
  180. }
  181. .addrs-open a.open,.company-open a.open {
  182. float: right;
  183. }
  184. .addrs-open a.open i ,.company-open a.open i{
  185. margin-left: 5px;
  186. }
  187. .com_title01 {
  188. border-top: none;
  189. }
  190. .com-list {
  191. height: 186px;
  192. width: 100%;
  193. overflow: hidden;
  194. }
  195. .input-group-xs>.input-group-addon{
  196. border: #bfbfbf 1px solid;
  197. }
  198. .com_title01 a span{
  199. font-weight: normal;
  200. color: #5078cb;
  201. margin-right: 3px;
  202. }
  203. .address.active,.company.active{
  204. height: auto !important;
  205. }
  206. .enterprise-area span{
  207. margin-right: 5px;
  208. font-size: 12px;
  209. padding: 0 5px;
  210. display: inline-block;
  211. border: #5078cb 1px solid;
  212. border-radius: 4px;
  213. line-height: 25px;
  214. color: #5078cb;
  215. position: relative;
  216. float: left;
  217. margin: 5px;
  218. }
  219. .enterprise-area span i{
  220. position: absolute;
  221. top: -5px;
  222. right: -7px;
  223. margin-left: 3px;
  224. font-size: 18px;
  225. color: #f00;
  226. background: #fff;
  227. border-radius: 100%;
  228. height: 12px;
  229. }
  230. .enterprise-area span i:hover{
  231. cursor: pointer;
  232. }
  233. .enterprise-area span:first-child{
  234. margin-left: 0;
  235. }
  236. .enterprise-area .form-control{
  237. height: 26px;
  238. padding: 0 5px;
  239. width: 103px;
  240. float: left;
  241. margin-right: 5px;
  242. }
  243. #company .add-tag{
  244. padding-left: 124px;
  245. position: relative;
  246. }
  247. #company .add-tag input{
  248. width: 318px;
  249. }
  250. #company .add-tag a{
  251. width: 75px;
  252. height: 34px;
  253. position: absolute;
  254. top: 5px;
  255. left: 363px;
  256. line-height: 31px;
  257. border: none;
  258. background: no-repeat;
  259. color: #5078cb;
  260. cursor: pointer;
  261. }
  262. .choose-body {
  263. display: table;
  264. width: 33.333333%;
  265. margin-top: 10px;
  266. /*margin-left: 120px;*/
  267. padding: 10px;
  268. table-layout: fixed;
  269. border-collapse: separate;
  270. border: 1px solid #ccc;
  271. position: relative;
  272. background: #fff;
  273. z-index: 1000;
  274. padding-right: 2px;
  275. float: left;
  276. }
  277. .choose-body>.choose-item {
  278. display: table-cell;
  279. }
  280. .choose-body>.choose-item>ul {
  281. height: 200px;
  282. overflow-x: hidden;
  283. overflow-y: scroll;
  284. }
  285. .choose-body>.choose-item>ul>li {
  286. line-height: 30px;
  287. padding-left: 5px;
  288. position: relative;
  289. }
  290. .choose-body>.choose-item>ul>li.add {
  291. margin: 10px 5px;
  292. text-align: center;
  293. border: 1px solid #ff7300;
  294. color: #ff7300;
  295. border-radius: 4px;
  296. cursor: pointer;
  297. }
  298. .choose-body>.choose-item>ul>li:hover {
  299. background: #f1f1f1;
  300. }
  301. .choose-body>.choose-item>ul>li.active {
  302. background: #fff1d0;
  303. }
  304. .choose-body>.choose-item>ul>li.active a {
  305. color: #ff7300;
  306. }
  307. .choose-body>.choose-item>ul>li>a {
  308. display: block;
  309. color: #666666;
  310. }
  311. .choose-body>.choose-item .caret {
  312. float: right;
  313. margin-top: 14px;
  314. margin-right: 8px;
  315. border-left: 3px solid;
  316. border-right: none;
  317. border-top: 3px solid transparent;
  318. border-bottom: 3px solid transparent;
  319. }
  320. .choose-body>.choose-item .setting {
  321. display: none;
  322. position: absolute;
  323. right: 20px;
  324. top: 1px;
  325. }
  326. .choose-body>.choose-item>ul>li:hover .setting {
  327. display: block;
  328. }
  329. .area-bg{
  330. background: url("static/img/all/dot.png") no-repeat right center;
  331. background-position: 302px;
  332. }
  333. .area-list{
  334. position: absolute;
  335. top: 26px;
  336. left: 125px;
  337. width: 630px;
  338. }
  339. </style>
  340. <!--<div class="com_title">设置&gt;企业设置<font>&gt;企业信息</font></div>-->
  341. <div class="com_head"><span>企业信息</span></div>
  342. <div class="pane base-info" id="company" ng-click="hideList()">
  343. <div class="com_title01"><span>基本信息</span></div>
  344. <div class="pane-body">
  345. <div class="row row-sm item">
  346. <div class="col-xs-12">
  347. <div class="com-text col-xs-6">
  348. <span class="title">企业名称:</span>
  349. <div class="content" ng-bind="::enterprise.enName"></div>
  350. </div>
  351. <div class="com-text col-xs-6">
  352. <span class="title">营业执照号:</span>
  353. <div class="content" ng-bind="::enterprise.enBussinessCode"></div>
  354. </div>
  355. <div class="com-text col-xs-6">
  356. <span class="title">法定代表人:</span>
  357. <div class="content" ng-bind="::enterprise.enCorporation"></div>
  358. </div>
  359. <div class="com-text col-xs-6">
  360. <span class="title">企业地址:</span>
  361. <div class="content" ng-bind="::enterprise.enAddress"></div>
  362. </div>
  363. <div class="com-text col-xs-6">
  364. <span class="title">企业UU号:</span>
  365. <div class="content" ng-bind="::enterprise.uu"></div>
  366. </div>
  367. <div class="com-text col-xs-6">
  368. <span class="title">注册时间:</span>
  369. <div class="content" ng-bind="::enterprise.enDate | date:'yyyy-MM-dd HH:mm:ss'"></div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. <div class="com_title01"><span>详细信息</span>
  375. <a ng-show="!connectionEditing" ng-click="connectionEditing = true;copyData()" class="pull-right text-simple"><i
  376. class="fa fa-pencil fa-fw fa-lg"></i>编辑</a>
  377. <a ng-show="connectionEditing" ng-click="connectionEditing = false;copyData()" class="pull-right text-simple color01"><i
  378. class="fa fa-reply-all fa-fw"></i>取消</a>
  379. <a ng-show="connectionEditing" ng-click="updateDetailInfo()" class="pull-right text-simple color02"><i
  380. class="fa fa-save fa-fw"></i>保存</a>
  381. </div>
  382. <!--详细信息-->
  383. <div class="pane-body">
  384. <form name="detailForm">
  385. <div class="row row-sm item">
  386. <div class="col-xs-12">
  387. <div class="com-text col-xs-6">
  388. <span class="title">联系人:</span>
  389. <div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.contactMan"></div>
  390. <div class="content" ng-show="connectionEditing">
  391. <input ng-model="copyEnterprise.contactMan" type="text" class="form-control input-xs" placeholder="联系人" maxlength="20"/>
  392. </div>
  393. </div>
  394. <div class="com-text col-xs-6">
  395. <span class="title">联系电话:</span>
  396. <div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.contactTel"></div>
  397. <div class="content" ng-show="connectionEditing">
  398. <input required="required" ng-model="copyEnterprise.contactTel" type="text" class="form-control input-xs" placeholder="企业电话" />
  399. </div>
  400. </div>
  401. </div>
  402. <div class="col-xs-12">
  403. <div class="com-text col-xs-6">
  404. <span class="title">邮箱:</span>
  405. <div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.contactEmail"></div>
  406. <div class="content" ng-show="connectionEditing">
  407. <input required="required" ng-model="copyEnterprise.contactEmail" type="text" class="form-control input-xs" placeholder="邮箱" />
  408. </div>
  409. </div>
  410. <div class="com-text col-xs-6">
  411. <span class="title">传真:</span>
  412. <div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.enFax"></div>
  413. <div class="content" ng-show="connectionEditing">
  414. <div class="input-group input-group-xs" style="width: 320px;">
  415. <input required="required" ng-model="copyEnterprise.enFax" type="text" class="form-control input-xs" placeholder="企业传真信息">
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="col-xs-12">
  421. <div class="com-text col-xs-6">
  422. <span class="title">官网:</span>
  423. <a ng-show="!connectionEditing" class="content" ng-bind="::enterprise.enUrl"
  424. href="http://{{::enterprise.enUrl}}"
  425. target="_blank">
  426. </a>
  427. <div class="content" ng-show="connectionEditing">
  428. <div class="input-group input-group-xs" style="width: 320px;">
  429. <span class="input-group-addon">http://</span>
  430. <input required="required" ng-model="copyEnterprise.enUrl" type="text" class="form-control input-xs" style="width: 270px;" placeholder="企业官方网站网址">
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435. <!--<div class="col-xs-12">-->
  436. <!--<div class="com-text col-xs-6">-->
  437. <!--<span class="title">企业电话:</span>-->
  438. <!--<div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.enTel"></div>-->
  439. <!--<div class="content" ng-show="connectionEditing">-->
  440. <!--<input required="required" ng-model="enterprise.enTel" type="text" class="form-control input-xs" placeholder="企业电话" />-->
  441. <!--</div>-->
  442. <!--</div>-->
  443. <!--<div class="com-text col-xs-6">-->
  444. <!--<span class="title">开户银行:</span>-->
  445. <!--<div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.enbank"></div>-->
  446. <!--<div class="content" ng-show="connectionEditing">-->
  447. <!--<input required="required" type="text" class="form-control input-xs" placeholder="开户银行" ng-model="enterprise.enbank"/>-->
  448. <!--</div>-->
  449. <!--</div>-->
  450. <!--</div>-->
  451. <!--<div class="col-xs-12">-->
  452. <!--<div class="com-text col-xs-6">-->
  453. <!--<span class="title">员工人数:</span>-->
  454. <!--<div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.emcount"></div>-->
  455. <!--<div class="content" ng-show="connectionEditing">-->
  456. <!--<input required="required" type="text" class="form-control input-xs" placeholder="员工人数" ng-model="enterprise.emcount"/>-->
  457. <!--</div>-->
  458. <!--</div>-->
  459. <!--<div class="com-text col-xs-6">-->
  460. <!--<span class="title">地址:</span>-->
  461. <!--<div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.enAddress"></div>-->
  462. <!--<div class="content" ng-show="connectionEditing" style="width: 320px;">-->
  463. <!--<input ng-model="enterprise.enAddress" placeholder="详细地址"-->
  464. <!--class="form-control input-xs" type="text" />-->
  465. <!--</div>-->
  466. <!--</div>-->
  467. <!--</div>-->
  468. <div class="col-xs-12" >
  469. <div class="com-text col-xs-6">
  470. <span class="title">行业:</span>
  471. <div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.profession">
  472. <!--{{enterprise.enIndustry=='make'?'制造型':'贸易型'}}-->
  473. </div>
  474. <div class="content" ng-show="connectionEditing">
  475. <input ng-model="copyEnterprise.profession" placeholder="所属行业" ng-mouseenter="isInInput = true" ng-mouseleave="isInInput = false"
  476. class="area-bg form-control input-xs" type="text" style="width: 320px;"
  477. ng-click="selectProfession()">
  478. <!--<option value="make">制造型</option>-->
  479. <!--<option value="trade">贸易型</option>-->
  480. </input>
  481. </div>
  482. <div ng-show="showProfession" ng-mouseenter="isInList = true" ng-mouseleave="isInList = false" class="area-list">
  483. <div class="choose-body">
  484. <div class="choose-item">
  485. <ul class="list-unstyled">
  486. <li ng-repeat="(key, value) in profession[0]" ng-class="{active: key == active[0]}">
  487. <a ng-click="onItemClick(key, 0, value)">{{key}}
  488. <span class="caret" ></span>
  489. </a>
  490. </li>
  491. </ul>
  492. </div>
  493. </div>
  494. <div class="choose-body" ng-show="profession[1]">
  495. <div class="choose-item">
  496. <ul class="list-unstyled">
  497. <li ng-repeat="(key, value) in profession[1]" ng-class="{active: key == active[1]}">
  498. <a ng-click="onItemClick(key, 1, value)">{{key}}
  499. <span ng-show="!isString(value)" class="caret" ></span>
  500. </a>
  501. </li>
  502. </ul>
  503. </div>
  504. </div>
  505. <div class="choose-body" ng-show="profession[2]" style="border-left:0;">
  506. <div class="choose-item">
  507. <ul class="list-unstyled">
  508. <li ng-repeat="(key, value) in profession[2]" ng-class="{active: key == active[2]}">
  509. <a ng-click="onItemClick(key, 2, value)">{{key}}
  510. <span ng-show="!isString(value)" class="caret" ></span>
  511. </a>
  512. </li>
  513. </ul>
  514. </div>
  515. </div>
  516. <div class="choose-body" ng-show="professionArray.length > 0" style="border-left:0;">
  517. <div class="choose-item">
  518. <ul class="list-unstyled">
  519. <li ng-repeat="value in professionArray" ng-class="{active: false}">
  520. <a ng-click="onItemClick(null, -1, value)">{{value}}</a>
  521. </li>
  522. </ul>
  523. </div>
  524. </div>
  525. </div>
  526. </div>
  527. </div>
  528. <div class="col-xs-12" style="height: auto">
  529. <div class="com-text col-xs-12" style="height: auto">
  530. <span class="title">经营范围:</span>
  531. <div class="content enterprise-area" style="height: auto" ng-model="::enterprise.tags">
  532. <span ng-if="tags.length == 0" style="background: #5078cb; color: #ffffff">暂无标签</span>
  533. <span ng-repeat="tag in tags track by $index">{{tag}}
  534. <i class="fa fa-times-circle" ng-show="connectionEditing" ng-click="removeTag(tag)"></i>
  535. </span>
  536. </div>
  537. </div>
  538. <div class="com-text col-xs-12 add-tag" ng-show="connectionEditing">
  539. <input type="text" ng-model="tag" class="form-control" maxlength="10" placeholder="不大于10个字符"/>
  540. <a ng-click="addTag()">+添加标签</a>
  541. </div>
  542. </div>
  543. </div>
  544. </form>
  545. </div>
  546. <div ng-show="false" class="com_title01"><span>开票信息</span>
  547. <a ng-show="!apBillOutInfoEditing" ng-click="apBillOutInfoEditing = true" class="pull-right text-simple"><i
  548. class="fa fa-pencil fa-fw fa-lg"></i>编辑</a>
  549. <a ng-show="apBillOutInfoEditing" ng-click="apBillOutInfoEditing = false" class="pull-right text-simple color01"><i
  550. class="fa fa-reply-all fa-fw"></i>取消</a>
  551. <a ng-show="apBillOutInfoEditing" ng-click="updateApBillOutInfo(enterprise.uu)" class="pull-right text-simple color02"><i
  552. class="fa fa-save fa-fw"></i>保存</a>
  553. </div>
  554. <!--开票信息-->
  555. <div ng-show="false" class="pane-body">
  556. <form name="detailForm">
  557. <div class="row row-sm item">
  558. <div class="col-xs-12">
  559. <!--<div class="com-text col-xs-6">
  560. <span class="title">企业UU号:</span>
  561. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.uu"></div>
  562. <div class="content" ng-show="apBillOutInfoEditing">
  563. <div class="input-group input-group-xs" style="width: 320px;">
  564. <input required="required" ng-model="apBillOutInfo.uu" type="text" class="form-control input-xs" placeholder="企业UU号">
  565. </div>
  566. </div>
  567. </div>-->
  568. <div class="com-text col-xs-6">
  569. <span class="title">公司名称:</span>
  570. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.enName"></div>
  571. <div class="content" ng-show="apBillOutInfoEditing">
  572. <div class="input-group input-group-xs" style="width: 320px;">
  573. <input required="required" ng-model="apBillOutInfo.enName" type="text" class="form-control input-xs" placeholder="公司名称">
  574. </div>
  575. </div>
  576. </div>
  577. <div class="com-text col-xs-6">
  578. <span class="title">纳税人识别号:</span>
  579. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.taxNr"></div>
  580. <div class="content" ng-show="apBillOutInfoEditing">
  581. <div class="input-group input-group-xs" style="width: 320px;">
  582. <input required="required" ng-model="apBillOutInfo.taxNr" type="text" class="form-control input-xs" placeholder="纳税人识别号">
  583. </div>
  584. </div>
  585. </div>
  586. <div class="com-text col-xs-6">
  587. <span class="title">银行账号:</span>
  588. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.bankAccountNr"></div>
  589. <div class="content" ng-show="apBillOutInfoEditing">
  590. <div class="input-group input-group-xs" style="width: 320px;">
  591. <input required="required" ng-model="apBillOutInfo.bankAccountNr" type="text" class="form-control input-xs" placeholder="银行账号">
  592. </div>
  593. </div>
  594. </div>
  595. <div class="com-text col-xs-6">
  596. <span class="title">注册地址:</span>
  597. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.address"></div>
  598. <div class="content" ng-show="apBillOutInfoEditing">
  599. <div class="input-group input-group-xs" style="width: 320px;">
  600. <input required="required" ng-model="apBillOutInfo.address" type="text" class="form-control input-xs" placeholder="注册地址">
  601. </div>
  602. </div>
  603. </div>
  604. <div class="com-text col-xs-6">
  605. <span class="title">公司电话:</span>
  606. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.tel"></div>
  607. <div class="content" ng-show="apBillOutInfoEditing">
  608. <div class="input-group input-group-xs" style="width: 320px;">
  609. <input required="required" ng-model="apBillOutInfo.tel" type="text" class="form-control input-xs" placeholder="公司电话">
  610. </div>
  611. </div>
  612. </div>
  613. <div class="com-text col-xs-6">
  614. <span class="title">收款人:</span>
  615. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.payee"></div>
  616. <div class="content" ng-show="apBillOutInfoEditing">
  617. <div class="input-group input-group-xs" style="width: 320px;">
  618. <input required="required" ng-model="apBillOutInfo.payee" type="text" class="form-control input-xs" placeholder="收款人">
  619. </div>
  620. </div>
  621. </div>
  622. <div class="com-text col-xs-6">
  623. <span class="title">复核人:</span>
  624. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.checker"></div>
  625. <div class="content" ng-show="apBillOutInfoEditing">
  626. <div class="input-group input-group-xs" style="width: 320px;">
  627. <input required="required" ng-model="apBillOutInfo.checker" type="text" class="form-control input-xs" placeholder="复款人">
  628. </div>
  629. </div>
  630. </div>
  631. <div class="com-text col-xs-6">
  632. <span class="title">开票机IP:</span>
  633. <div ng-show="!apBillOutInfoEditing" class="content" ng-bind="::apBillOutInfo.ip"></div>
  634. <div class="content" ng-show="apBillOutInfoEditing">
  635. <div class="input-group input-group-xs" style="width: 320px;">
  636. <input required="required" ng-model="apBillOutInfo.ip" type="text" class="form-control input-xs" placeholder="能被外网访问到的IP地址">
  637. </div>
  638. </div>
  639. </div>
  640. </div>
  641. </div>
  642. </form>
  643. </div>
  644. <div class="com_title01"><span>管理员信息</span>
  645. <a href="https://sso.ubtob.com/change/changeManager?appId=b2b" class="pull-right text-simple" target="_blank"><i class="fa fa-exchange fa-fw fa-lg"></i>更换管理员</a>
  646. </div>
  647. <div class="pane-body">
  648. <form name="detailForm">
  649. <div class="row row-sm item">
  650. <div class="col-xs-12">
  651. <div class="com-text col-xs-6">
  652. <span class="title">姓名:</span>
  653. <div class="content" ng-bind="::enterprise.admin.userName">陈虎</div>
  654. </div>
  655. <!--<div class="com-text col-xs-6">-->
  656. <!--<span class="title">性别:</span>-->
  657. <!--<div class="content">{{enterprise.admin.userSex === 'F' ? '女' : '男'}}</div>-->
  658. <!--</div>-->
  659. </div>
  660. <div class="col-xs-12">
  661. <div class="com-text col-xs-6">
  662. <span class="title">电话:</span>
  663. <div class="content" ng-bind="::enterprise.admin.userTel"></div>
  664. </div>
  665. <div class="com-text col-xs-6">
  666. <span class="title">邮箱:</span>
  667. <div class="content" ng-bind="::enterprise.admin.userEmail"></div>
  668. </div>
  669. </div>
  670. </div>
  671. </form>
  672. </div>
  673. <div class="com_title01"><span>收货人信息</span>
  674. <a ng-click="$open = !$open" ng-show="ships.length>1"><span ng-bind="$open ? '收起' : '展开'"></span><i class="fa fa-angle-down" ng-class="{'fa-angle-up':$open, 'fa-angle-down': !$open}"></i></a>
  675. <a ng-show="!connectionEditings" class="pull-right add-address" href="javascript:void(0);"><i class="fa fa-plus-square fa-fw"></i>新增收货人</a>
  676. <a ng-show="connectionEditings" ng-click="connectionEditings = false" class="pull-right text-simple color01"><i
  677. class="fa fa-reply-all fa-fw"></i>取消</a>
  678. <a ng-show="connectionEditings" ng-click="updateDetailInfo()" class="pull-right text-simple color02"><i
  679. class="fa fa-save fa-fw"></i>保存</a>
  680. </div>
  681. <!--收货人信息-->
  682. <div class="address com-list pane-body" id="address-list" ng-class="{'active':$open}">
  683. <form name="detailForm" ng-if="ships.length != 0">
  684. <div class="row row-sm item" ng-repeat="ship in ships| orderBy: '-id'">
  685. <div class="col-xs-12">
  686. <div class="com-text col-xs-6">
  687. <span class="title">收货人:</span>
  688. <div class="content">
  689. <span ng-bind="ship.receiver"></span>
  690. </div>
  691. </div>
  692. <div class="com-text col-xs-6">
  693. <span class="title">手机:</span>
  694. <div class="content">
  695. <span ng-bind="ship.usertel"></span>
  696. </div>
  697. </div>
  698. </div>
  699. <div class="col-xs-12">
  700. <div class="com-text col-xs-6">
  701. <span class="title">固定电话:</span>
  702. <div class="content">
  703. <span ng-bind="ship.phone"></span>
  704. </div>
  705. </div>
  706. <div class="com-text col-xs-6">
  707. <span class="title">邮箱:</span>
  708. <div class="content">
  709. <span ng-bind="ship.email"></span>
  710. </div>
  711. </div>
  712. </div>
  713. <div class="col-xs-12">
  714. <div class="com-text col-xs-6">
  715. <span class="title">地址:</span>
  716. <div class="content">
  717. <span ng-bind="ship.address"></span>
  718. </div>
  719. </div>
  720. <div class="com-text col-xs-6">
  721. <span class="title">详细地址:</span>
  722. <div class="content">
  723. <span ng-bind="ship.addressdet"></span>
  724. </div>
  725. </div>
  726. </div>
  727. <div class="col-xs-12">
  728. <div class="com-text col-xs-6">
  729. <span class="title">地址别名:</span>
  730. <div class="content">
  731. <span ng-bind="ship.addalias"></span>
  732. </div>
  733. </div>
  734. </div>
  735. <div class="edit-icon">
  736. <a ng-click="editShip(ship)">编辑</a>
  737. <a ng-click="removeShip(ship.id, $index)">删除</a>
  738. </div>
  739. </div>
  740. </form>
  741. <form ng-if="ships.length == 0">
  742. <div class="row row-sm item" style="padding-bottom: 0;">
  743. <span style="line-height: 160px;text-align: center;font-size: 16px;width: 100%;display: inline-block;color: #999;"><i class="fa fa-spinner"></i> 暂未设置收货人信息</span>
  744. </div>
  745. </form>
  746. </div>
  747. <div ng-if="deputyEnter.deputyEnterprise">
  748. <div class="com_title01"><span>付款企业信息</span>
  749. <a ng-click="$open01 = !$open01" ng-show="pays.length>1"><span ng-bind="$open01 ? '收起' : '展开'"></span><i class="fa fa-angle-down" ng-class="{'fa-angle-up':$open01, 'fa-angle-down': !$open01}"></i></a>
  750. <a ng-show="!connectionEditings" class="pull-right add-paycompany" ng-click="addPayCompany()"><i class="fa fa-plus-square fa-fw"></i>新增付款企业</a>
  751. <a ng-show="connectionEditings" ng-click="connectionEditings = false" class="pull-right text-simple color01"><i
  752. class="fa fa-reply-all fa-fw"></i>取消</a>
  753. <a ng-show="connectionEditings" ng-click="updateDetailInfo()" class="pull-right text-simple color02"><i
  754. class="fa fa-save fa-fw"></i>保存</a>
  755. </div>
  756. <!--收货人信息-->
  757. <div class="company com-list pane-body" id="company-list" style="height: 116px;" ng-class="{'active':$open01}">
  758. <form name="detailForm" ng-if="pays.length != 0">
  759. <div class="row row-sm item" ng-repeat="pay in pays| orderBy: '-id'">
  760. <div class="col-xs-12">
  761. <div class="com-text col-xs-6">
  762. <span class="title">企业名称:</span>
  763. <div class="content">
  764. <span ng-bind="pay.enname"></span>
  765. </div>
  766. </div>
  767. <div class="com-text col-xs-6">
  768. <span class="title">联系人:</span>
  769. <div class="content">
  770. <span ng-bind="pay.user"></span>
  771. </div>
  772. </div>
  773. </div>
  774. <div class="col-xs-12">
  775. <div class="com-text col-xs-6">
  776. <span class="title">电话:</span>
  777. <div class="content">
  778. <span ng-bind="pay.usertel"></span>
  779. </div>
  780. </div>
  781. <div class="com-text col-xs-6">
  782. <span class="title">地址:</span>
  783. <div class="content">
  784. <span ng-bind="pay.address"></span>
  785. </div>
  786. </div>
  787. </div>
  788. <div class="edit-icon">
  789. <a ng-click="editPay(pay, enterprise.uu)">编辑</a>
  790. <a ng-click="removePay(pay.id, $index)">删除</a>
  791. </div>
  792. </div>
  793. </form>
  794. <form ng-if="pays.length == 0">
  795. <div class="row row-sm item" >
  796. <span style="line-height: 75px;text-align: center;font-size: 16px;width: 100%;display: inline-block;color: #999;"><i class="fa fa-spinner"></i> 暂未设置付款企业信息</span>
  797. </div>
  798. </form>
  799. </div>
  800. </div>
  801. <div class="com_title01"><span>已开通服务</span></div>
  802. <div class="pane-body">
  803. <div class="row">
  804. <div class="col-xs-4"><a href="http://b2b.usoftchina.com/" class="bule" title="B2B商务平台">B2B商务平台</a></div>
  805. <div class="col-xs-4"><a href="http://mall.usoftchina.com/" class="bule" target="_blank" title="优软商城">优软商城</a></div>
  806. <div class="col-xs-4"><a class="bule" title="UU互联">UU互联</a></div>
  807. </div>
  808. </div>
  809. <div class="save-btn">
  810. <!-- <button class="btn01">保存</button> -->
  811. </div>
  812. </div>
  813. <div class="bomb-box" style="display: none" id="ship">
  814. <form class="box04 box" name="shipAddress" id="shipAddress">
  815. <i class="off"><img src="static/img/purc/close.png" alt="" /></i>
  816. <p>收货人资料</p>
  817. <ul>
  818. <li class="line01">
  819. <div class="fl">
  820. <span class="fl"><em>*</em>收货人:</span>
  821. <span class="fr"><input type="text" placeholder="填写收货人" ng-model="ship.receiver" required="true"/></span>
  822. </div>
  823. <div class="fr">
  824. <span class="fl"><em>*</em>手机:</span>
  825. <span class="fr"><input type="text" ng-model="ship.usertel" required="true" ng-pattern="/^1(3|4|5|7|8)\d{9}$/"/></span>
  826. </div>
  827. </li>
  828. <li class="line01">
  829. <div class="fl">
  830. <span class="fl">固定电话<em></em>:</span>
  831. <span class="fr"><input type="text" ng-model="ship.phone" ng-pattern="/([0-9]{3,4}-)?[0-9]{7,8}/"/></span>
  832. </div>
  833. <div class="fr">
  834. <span class="fl">邮箱:</span>
  835. <span class="fr emaill"><input type="text" ng-model="ship.email" ng-pattern="/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/"/><i>用于接收订单提醒邮件,便于您及时了解订单状态</i></span>
  836. </div>
  837. </li>
  838. <li class="line02 margin-top40">
  839. <div class="fl"><em>*</em>所在地址:</div>
  840. <!--<div class="select fr"><input type="text" placeholder="请选择" ng-model="ship.address" required="true"/><i class="fa fa-angle-down"></i></div>-->
  841. <div class="select fr">
  842. <select required="" class="area-select" ng-model="ship.province" ng-options="key as key for (key,value) in provinces"
  843. ng-change="ship.city='';ship.district='';" required="true">
  844. <option value="">省</option>
  845. </select>
  846. <select class="area-select" ng-model="ship.city" ng-options="key as key for (key,value) in provinces[ship.province]"
  847. ng-change="ship.district='';" required="true">
  848. <option value="">市</option>
  849. </select>
  850. <select class="area-select" ng-model="ship.district" ng-options="value as value for value in provinces[ship.province][ship.city]" required="true">
  851. <option value="">区</option>
  852. </select>
  853. </div>
  854. </li>
  855. <li class="line02">
  856. <div class="fl"><em>*</em>详细地址:</div>
  857. <div class="fr"><input type="text" ng-model="ship.addressdet" required="true"/></div>
  858. </li>
  859. <li class="line02">
  860. <div class="fl">地址别名:</div>
  861. <div class="fr address"><input type="text" ng-model="ship.addalias"/><i>建议填写常用名称:家里/父母家/公司</i></div>
  862. </li>
  863. </ul>
  864. <div class="many-file-btn">
  865. <button class="btn01" ng-click="saveShipAddress(ship)" ng-disabled="shipAddress.$invalid">保存</button><a class="btn02" ng-click="">取消</a>
  866. </div>
  867. </form>
  868. </div>
  869. <script src="static/lib/jquery/jquery.min.js"></script>
  870. <script>
  871. $(function(){
  872. //新增收货地址
  873. $(".com_title01 .add-address").click(function(){
  874. document.getElementById('shipAddress').reset();
  875. $("#ship").show();
  876. });
  877. $("#message .add-address").click(function(){
  878. document.getElementById('shipAddress').reset();
  879. $("#ship").show();
  880. });
  881. $(".bomb-box .box04 .off,.box04 .many-file-btn .btn02").click(function(){
  882. $(".bomb-box").hide();
  883. })
  884. $(".bomb-box .box04 .off,.box04 .many-file-btn .btn01").click(function(){
  885. $(".bomb-box").hide();
  886. })
  887. })
  888. </script>