enterprise.html 33 KB

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