detail_modal.ejs 186 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324
  1. <!--标段设置-标段属性-->
  2. <div class="modal fade" id="bd-set-1" data-backdrop="static">
  3. <div class="modal-dialog" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header">
  6. <h5 class="modal-title">标段属性</h5>
  7. </div>
  8. <div class="modal-height-500" style="overflow-y: auto">
  9. <div class="modal-body">
  10. <ul class="nav nav-tabs nav-justified mb-2">
  11. <li class="nav-item">
  12. <a class="nav-link active" data-toggle="tab" href="#htxx" role="tab" aria-selected="true">合同信息</a>
  13. </li>
  14. <li class="nav-item">
  15. <a class="nav-link" data-toggle="tab" href="#cjdw" role="tab" aria-selected="false">参建单位</a>
  16. </li>
  17. <li class="nav-item">
  18. <a class="nav-link" data-toggle="tab" href="#jscs" role="tab">技术参数</a>
  19. </li>
  20. <li class="nav-item">
  21. <a class="nav-link" data-toggle="tab" href="#zbxx" role="tab">中标信息</a>
  22. </li>
  23. </ul>
  24. <div class="tab-content">
  25. <div class="tab-pane active" id="htxx">
  26. <div class="form-group">
  27. <div class="row">
  28. <div class="col-12 mb-2">
  29. <div class="input-group input-group-sm">
  30. <div class="input-group-prepend">
  31. <span class="input-group-text">建设项目名称</span>
  32. </div>
  33. <input type="text" class="form-control" value="项目A" id="build-name" maxlength="100" oninput="limitReturn(this)">
  34. </div>
  35. </div>
  36. <div class="col-12 mb-2">
  37. <div class="input-group input-group-sm">
  38. <div class="input-group-prepend">
  39. <span class="input-group-text" style="width:90px">合同编号</span>
  40. </div>
  41. <input type="text" class="form-control" value="" id="deal-code" maxlength="100" oninput="limitReturn(this)">
  42. </div>
  43. </div>
  44. <div class="col-12 mb-2">
  45. <div class="input-group input-group-sm">
  46. <div class="input-group-prepend">
  47. <span class="input-group-text" style="width:90px">合同名称</span>
  48. </div>
  49. <input type="text" class="form-control" value="" id="deal-name" maxlength="100" oninput="limitReturn(this)">
  50. </div>
  51. </div>
  52. <div class="col-12 mb-2">
  53. <div class="input-group input-group-sm">
  54. <div class="input-group-prepend">
  55. <span class="input-group-text" style="width:90px">工程类别</span>
  56. </div>
  57. <select class="form-control" id="project-type">
  58. <option value="">请选择</option>
  59. <option value="设计">设计</option>
  60. <option value="监理">监理</option>
  61. <option value="施工">施工</option>
  62. <option value="检测">检测</option>
  63. <option value="其他">其他</option>
  64. </select>
  65. </div>
  66. </div>
  67. <div class="col-12 mb-2">
  68. <div class="input-group input-group-sm">
  69. <div class="input-group-prepend">
  70. <span class="input-group-text" style="width:90px">合同类别</span>
  71. </div>
  72. <input type="text" class="form-control" value="" id="deal-type">
  73. </div>
  74. </div>
  75. <div class="col-12 mb-2">
  76. <div class="input-group input-group-sm">
  77. <div class="input-group-prepend">
  78. <span class="input-group-text" style="width:90px">结算书编号</span>
  79. </div>
  80. <input type="text" class="form-control" value="" id="final-code">
  81. </div>
  82. </div>
  83. <div class="col-12 mb-2">
  84. <div class="input-group input-group-sm">
  85. <div class="input-group-prepend">
  86. <span class="input-group-text" style="width:90px">概算批复编号</span>
  87. </div>
  88. <input type="text" class="form-control" value="" id="budget-approval-code">
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="tab-pane" id="cjdw">
  95. <div class="form-group mb-4">
  96. <label>建设单位:</label>
  97. <div class="row">
  98. <div class="col-12 mb-2">
  99. <div class="input-group input-group-sm">
  100. <div class="input-group-prepend">
  101. <span class="input-group-text">单位名称</span>
  102. </div>
  103. <input type="text" class="form-control" value="" id="build-company" maxlength="100" oninput="limitReturn(this)">
  104. </div>
  105. </div>
  106. <div class="col-6 pr-0">
  107. <div class="input-group input-group-sm">
  108. <div class="input-group-prepend">
  109. <span class="input-group-text">法人代表</span>
  110. </div>
  111. <input type="text" class="form-control" value="" id="build-corporation" maxlength="100" oninput="limitReturn(this)">
  112. </div>
  113. </div>
  114. <div class="col-6">
  115. <div class="input-group input-group-sm">
  116. <div class="input-group-prepend">
  117. <span class="input-group-text">签订日期</span>
  118. </div>
  119. <input type="date" class="form-control" value="" id="build-date">
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="form-group mb-4">
  125. <label>代建单位:</label>
  126. <div class="row">
  127. <div class="col-12 mb-2">
  128. <div class="input-group input-group-sm">
  129. <div class="input-group-prepend">
  130. <span class="input-group-text">单位名称</span>
  131. </div>
  132. <input type="text" class="form-control" value="" id="sub-build-company" maxlength="100" oninput="limitReturn(this)">
  133. </div>
  134. </div>
  135. <div class="col-6 pr-0">
  136. <div class="input-group input-group-sm">
  137. <div class="input-group-prepend">
  138. <span class="input-group-text">法人代表</span>
  139. </div>
  140. <input type="text" class="form-control" value="" id="sub-build-corporation" maxlength="100" oninput="limitReturn(this)">
  141. </div>
  142. </div>
  143. <div class="col-6">
  144. <div class="input-group input-group-sm">
  145. <div class="input-group-prepend">
  146. <span class="input-group-text">签订日期</span>
  147. </div>
  148. <input type="date" class="form-control" value="" id="sub-build-date">
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. <div class="form-group mb-4">
  154. <label>承包单位1:</label>
  155. <div class="row">
  156. <div class="col-12 mb-2">
  157. <div class="input-group input-group-sm">
  158. <div class="input-group-prepend">
  159. <span class="input-group-text">单位名称</span>
  160. </div>
  161. <input type="text" class="form-control" value="" id="contract1-company" maxlength="100" oninput="limitReturn(this)">
  162. </div>
  163. </div>
  164. <div class="col-6 pr-0">
  165. <div class="input-group input-group-sm">
  166. <div class="input-group-prepend">
  167. <span class="input-group-text">法人代表</span>
  168. </div>
  169. <input type="text" class="form-control" value="" id="contract1-corporation" maxlength="100" oninput="limitReturn(this)">
  170. </div>
  171. </div>
  172. <div class="col-6">
  173. <div class="input-group input-group-sm">
  174. <div class="input-group-prepend">
  175. <span class="input-group-text">签订日期</span>
  176. </div>
  177. <input type="date" class="form-control" value="" id="contract1-date">
  178. </div>
  179. </div>
  180. <div class="col-12 mt-2">
  181. <div class="input-group input-group-sm">
  182. <div class="input-group-prepend">
  183. <span class="input-group-text">项目经理部</span>
  184. </div>
  185. <input type="text" class="form-control" value="" id="contract1-management" maxlength="100" oninput="limitReturn(this)">
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. <div class="form-group mb-4">
  191. <label>承包单位2:</label>
  192. <div class="row">
  193. <div class="col-12 mb-2">
  194. <div class="input-group input-group-sm">
  195. <div class="input-group-prepend">
  196. <span class="input-group-text">单位名称</span>
  197. </div>
  198. <input type="text" class="form-control" value="" id="contract2-company" maxlength="100" oninput="limitReturn(this)">
  199. </div>
  200. </div>
  201. <div class="col-6 pr-0">
  202. <div class="input-group input-group-sm">
  203. <div class="input-group-prepend">
  204. <span class="input-group-text">法人代表</span>
  205. </div>
  206. <input type="text" class="form-control" value="" id="contract2-corporation" maxlength="100" oninput="limitReturn(this)">
  207. </div>
  208. </div>
  209. <div class="col-6">
  210. <div class="input-group input-group-sm">
  211. <div class="input-group-prepend">
  212. <span class="input-group-text">签订日期</span>
  213. </div>
  214. <input type="date" class="form-control" value="" id="contract2-date">
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <div class="form-group mb-4">
  220. <label>监理单位1:</label>
  221. <div class="row">
  222. <div class="col-12 mb-2">
  223. <div class="input-group input-group-sm">
  224. <div class="input-group-prepend">
  225. <span class="input-group-text">单位名称</span>
  226. </div>
  227. <input type="text" class="form-control" value="" id="supervision1-company" maxlength="100" oninput="limitReturn(this)">
  228. </div>
  229. </div>
  230. <div class="col-6 pr-0">
  231. <div class="input-group input-group-sm">
  232. <div class="input-group-prepend">
  233. <span class="input-group-text">法人代表</span>
  234. </div>
  235. <input type="text" class="form-control" value="" id="supervision1-corporation" maxlength="100" oninput="limitReturn(this)">
  236. </div>
  237. </div>
  238. <div class="col-6">
  239. <div class="input-group input-group-sm">
  240. <div class="input-group-prepend">
  241. <span class="input-group-text">签订日期</span>
  242. </div>
  243. <input type="date" class="form-control" value="" id="supervision1-date">
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. <div class="form-group mb-4">
  249. <label>监理单位2:</label>
  250. <div class="row">
  251. <div class="col-12 mb-2">
  252. <div class="input-group input-group-sm">
  253. <div class="input-group-prepend">
  254. <span class="input-group-text">单位名称</span>
  255. </div>
  256. <input type="text" class="form-control" value="" id="supervision2-company" maxlength="100" oninput="limitReturn(this)">
  257. </div>
  258. </div>
  259. <div class="col-6 pr-0">
  260. <div class="input-group input-group-sm">
  261. <div class="input-group-prepend">
  262. <span class="input-group-text">法人代表</span>
  263. </div>
  264. <input type="text" class="form-control" value="" id="supervision2-corporation" maxlength="100" oninput="limitReturn(this)">
  265. </div>
  266. </div>
  267. <div class="col-6">
  268. <div class="input-group input-group-sm">
  269. <div class="input-group-prepend">
  270. <span class="input-group-text">签订日期</span>
  271. </div>
  272. <input type="date" class="form-control" value="" id="supervision2-date">
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. <div class="form-group mb-4">
  278. <label>检测单位:</label>
  279. <div class="row">
  280. <div class="col-12 mb-2">
  281. <div class="input-group input-group-sm">
  282. <div class="input-group-prepend">
  283. <span class="input-group-text">单位名称</span>
  284. </div>
  285. <input type="text" class="form-control" value="" id="detect-company" maxlength="100" oninput="limitReturn(this)">
  286. </div>
  287. </div>
  288. <div class="col-6 pr-0">
  289. <div class="input-group input-group-sm">
  290. <div class="input-group-prepend">
  291. <span class="input-group-text">法人代表</span>
  292. </div>
  293. <input type="text" class="form-control" value="" id="detect-corporation" maxlength="100" oninput="limitReturn(this)">
  294. </div>
  295. </div>
  296. <div class="col-6">
  297. <div class="input-group input-group-sm">
  298. <div class="input-group-prepend">
  299. <span class="input-group-text">签订日期</span>
  300. </div>
  301. <input type="date" class="form-control" value="" id="detect-date">
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. <div class="form-group mb-4">
  307. <label>跟踪审计单位:</label>
  308. <div class="row">
  309. <div class="col-12 mb-2">
  310. <div class="input-group input-group-sm">
  311. <div class="input-group-prepend">
  312. <span class="input-group-text">单位名称</span>
  313. </div>
  314. <input type="text" class="form-control" value="" id="audit-company" maxlength="100" oninput="limitReturn(this)">
  315. </div>
  316. </div>
  317. <div class="col-6 pr-0">
  318. <div class="input-group input-group-sm">
  319. <div class="input-group-prepend">
  320. <span class="input-group-text">法人代表</span>
  321. </div>
  322. <input type="text" class="form-control" value="" id="audit-corporation" maxlength="100" oninput="limitReturn(this)">
  323. </div>
  324. </div>
  325. <div class="col-6">
  326. <div class="input-group input-group-sm">
  327. <div class="input-group-prepend">
  328. <span class="input-group-text">签订日期</span>
  329. </div>
  330. <input type="date" class="form-control" value="" id="audit-date">
  331. </div>
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336. <div class="tab-pane" id="jscs">
  337. <div class="form-group">
  338. <div class="row">
  339. <div class="col-6 pr-0 mb-2">
  340. <div class="input-group input-group-sm">
  341. <div class="input-group-prepend">
  342. <span class="input-group-text">公路等级</span>
  343. </div>
  344. <select class="form-control" id="load-level">
  345. <option>高速公路</option>
  346. <option>一级公路</option>
  347. <option>二级公路</option>
  348. <option>三级公路</option>
  349. <option>四级公路</option>
  350. </select>
  351. </div>
  352. </div>
  353. <div class="col-6">
  354. <div class="input-group input-group-sm">
  355. <div class="input-group-prepend">
  356. <span class="input-group-text" style="width:90px">长度(KM)</span>
  357. </div>
  358. <input type="text" class="form-control" value="" id="length" min="0" max="10000"
  359. oninput="limitDealParamLength(this);limitReturn(this);" onchange="checkNumberValid(this)">
  360. </div>
  361. </div>
  362. <div class="col-6 pr-0 mb-2">
  363. <div class="input-group input-group-sm">
  364. <div class="input-group-prepend">
  365. <span class="input-group-text">起始桩号</span>
  366. </div>
  367. <input type="text" class="form-control" value="" id="start-peg" maxlength="100" oninput="limitReturn(this)">
  368. </div>
  369. </div>
  370. <div class="col-6">
  371. <div class="input-group input-group-sm">
  372. <div class="input-group-prepend">
  373. <span class="input-group-text" style="width:90px">终止桩号</span>
  374. </div>
  375. <input type="text" class="form-control" value="" id="end-peg" maxlength="100" oninput="limitReturn(this)">
  376. </div>
  377. </div>
  378. <div class="col-6 pr-0 mb-2">
  379. <div class="input-group input-group-sm">
  380. <div class="input-group-prepend">
  381. <span class="input-group-text" style="width:66px">车道数</span>
  382. </div>
  383. <input type="text" class="form-control" value="" id="lane-count" maxlength="100" oninput="limitReturn(this)">
  384. </div>
  385. </div>
  386. <div class="col-6">
  387. <div class="input-group input-group-sm">
  388. <div class="input-group-prepend">
  389. <span class="input-group-text" style="width:90px">合同工期</span>
  390. </div>
  391. <input type="text" class="form-control" value="" id="deal-period" maxlength="100" oninput="limitReturn(this)">
  392. </div>
  393. </div>
  394. <div class="col-6 pr-0 mb-2">
  395. <div class="input-group input-group-sm">
  396. <div class="input-group-prepend">
  397. <span class="input-group-text">开工日期</span>
  398. </div>
  399. <input type="date" class="form-control" value="" id="start-date">
  400. </div>
  401. </div>
  402. <div class="col-6">
  403. <div class="input-group input-group-sm">
  404. <div class="input-group-prepend">
  405. <span class="input-group-text">计划完工日期</span>
  406. </div>
  407. <input type="date" class="form-control" value="" id="plan-end-date">
  408. </div>
  409. </div>
  410. <div class="col-6 pr-0 mb-2">
  411. <div class="input-group input-group-sm">
  412. <div class="input-group-prepend">
  413. <span class="input-group-text">实际开工日期</span>
  414. </div>
  415. <input type="date" class="form-control" value="" id="real-start-date">
  416. </div>
  417. </div>
  418. <div class="col-6">
  419. <div class="input-group input-group-sm">
  420. <div class="input-group-prepend">
  421. <span class="input-group-text">实际完工日期</span>
  422. </div>
  423. <input type="date" class="form-control" value="" id="real-end-date">
  424. </div>
  425. </div>
  426. <div class="col-12 mb-2">
  427. <div class="input-group input-group-sm">
  428. <div class="input-group-prepend">
  429. <span class="input-group-text">构造物规模</span>
  430. </div>
  431. <textarea class="form-control" id="structure-scale"></textarea>
  432. </div>
  433. </div>
  434. <div class="col-12 mb-2">
  435. <div class="input-group input-group-sm">
  436. <div class="input-group-prepend">
  437. <span class="input-group-text">主要工作内容</span>
  438. </div>
  439. <textarea class="form-control" id="main-content"></textarea>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. </div>
  445. <div class="tab-pane" id="zbxx">
  446. <div class="form-group">
  447. <div class="row">
  448. <div class="col-12 mb-2">
  449. <div class="input-group input-group-sm">
  450. <div class="input-group-prepend">
  451. <span class="input-group-text">招标清单预算</span>
  452. </div>
  453. <input type="number" class="form-control nospin" value="" id="control-price" onchange="checkNumberValid(this)">
  454. <a class="ml-1 btn btn-sm btn-primary" href="/tender/<%= ctx.tender.id %>/ctrl-price"><i class="fa fa-list"></i></a>
  455. </div>
  456. </div>
  457. <div class="col-12 mb-2">
  458. <div class="input-group input-group-sm">
  459. <div class="input-group-prepend">
  460. <span class="input-group-text" >招标方式</span>
  461. </div>
  462. <select class="form-control" id="bid-type">
  463. <option>公开招标</option>
  464. <option>邀请招标</option>
  465. <option>询价采购</option>
  466. <option>直接采购</option>
  467. </select>
  468. </div>
  469. </div>
  470. <div class="col-12 mb-2">
  471. <div class="input-group input-group-sm">
  472. <div class="input-group-prepend">
  473. <span class="input-group-text">标底或最高投标限价</span>
  474. </div>
  475. <input type="number" class="form-control nospin" value="" id="bid-yu-price" onchange="checkNumberValid(this)">
  476. </div>
  477. </div>
  478. <div class="col-12 mb-2">
  479. <div class="input-group input-group-sm">
  480. <div class="input-group-prepend">
  481. <span class="input-group-text">中标价</span>
  482. </div>
  483. <input type="number" class="form-control nospin" value="" id="bid-price" onchange="checkNumberValid(this)">
  484. </div>
  485. </div>
  486. <div class="col-12 mb-2">
  487. <div class="input-group input-group-sm">
  488. <div class="input-group-prepend">
  489. <span class="input-group-text">开标日期</span>
  490. </div>
  491. <input type="date" class="form-control" value="" id="bid-start-date">
  492. </div>
  493. </div>
  494. <div class="col-12 mb-2">
  495. <div class="input-group input-group-sm">
  496. <div class="input-group-prepend">
  497. <span class="input-group-text" style="width:90px">合同计价方式</span>
  498. </div>
  499. <select class="form-control" id="deal-calc-type">
  500. <option>总价合同</option>
  501. <option>单价合同</option>
  502. </select>
  503. </div>
  504. </div>
  505. </div>
  506. </div>
  507. </div>
  508. </div>
  509. </div>
  510. </div>
  511. <div class="modal-footer">
  512. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  513. <button type="button" class="btn btn-sm btn-primary" onclick="post1();">确认修改</button>
  514. </div>
  515. </div>
  516. </div>
  517. </div>
  518. <% if (
  519. ((tender.ledger_status === audit.ledger.status.uncheck || tender.ledger_status === audit.ledger.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId) ||
  520. (lastStage && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck)) ||
  521. (!lastStage && revise && revise.valid && (revise.status === audit.revise.status.uncheck || revise.status === audit.revise.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId)
  522. ) { %>
  523. <!--标段设置-小数位数-->
  524. <div class="modal fade" id="bd-set-2" data-backdrop="static">
  525. <div class="modal-dialog" role="document">
  526. <div class="modal-content">
  527. <div class="modal-header">
  528. <h5 class="modal-title">小数位数</h5>
  529. </div>
  530. <div class="modal-body">
  531. <div class="form-group">
  532. <label>全局设置</label>
  533. <div class="row">
  534. <div class="col-4">
  535. <div class="input-group input-group-sm">
  536. <div class="input-group-prepend">
  537. <span class="input-group-text">单价</span>
  538. </div>
  539. <input type="number" class="form-control" value="3" id="decimal-up"
  540. min="0" max="4" maxlength="1" oninput="limitDecimal(this)">
  541. </div>
  542. </div>
  543. <div class="col-4">
  544. <div class="input-group input-group-sm">
  545. <div class="input-group-prepend">
  546. <span class="input-group-text">金额</span>
  547. </div>
  548. <input type="number" class="form-control" value="2" id="decimal-tp"
  549. oninput="limitDecimal(this)" min="0" max="4" maxlength="1">
  550. </div>
  551. </div>
  552. </div>
  553. </div>
  554. <div class="form-group">
  555. <label>单独设置</label>
  556. <div class="row">
  557. <div class="col-auto pr-0">
  558. <div class="form-group form-check pl-0">
  559. <div class="custom-control custom-switch">
  560. <input type="checkbox" class="custom-control-input" id="decimal-pay">
  561. <label class="custom-control-label" for="decimal-pay">合同支付</label>
  562. </div>
  563. </div>
  564. </div>
  565. <div class="col-4">
  566. <div class="input-group input-group-sm">
  567. <div class="input-group-prepend">
  568. <span class="input-group-text">金额</span>
  569. </div>
  570. <input type="number" class="form-control" value="2" id="decimal-pay-tp"
  571. oninput="limitDecimal(this)" min="0" max="4" maxlength="1">
  572. </div>
  573. </div>
  574. </div>
  575. <div class="row mt-1">
  576. <div class="col-auto pr-0">
  577. <div class="form-group form-check pl-0">
  578. <div class="custom-control custom-switch">
  579. <input type="checkbox" class="custom-control-input" id="decimal-extra">
  580. <label class="custom-control-label" for="decimal-extra">其他台账</label>
  581. </div>
  582. </div>
  583. </div>
  584. <div class="col-4">
  585. <div class="input-group input-group-sm">
  586. <div class="input-group-prepend">
  587. <span class="input-group-text">金额</span>
  588. </div>
  589. <input type="number" class="form-control" value="2" id="decimal-extra-tp"
  590. oninput="limitDecimal(this)" min="0" max="4" maxlength="1">
  591. </div>
  592. </div>
  593. </div>
  594. </div>
  595. </div>
  596. <div class="modal-footer">
  597. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  598. <button type="button" class="btn btn-sm btn-primary" onclick="post2();">确认修改</button>
  599. </div>
  600. </div>
  601. </div>
  602. </div>
  603. <!--标段设置-清单精度-->
  604. <div class="modal fade" id="bd-set-3" data-backdrop="static">
  605. <div class="modal-dialog" role="document">
  606. <div class="modal-content">
  607. <div class="modal-header">
  608. <h5 class="modal-title">数量精度</h5>
  609. </div>
  610. <div class="modal-body">
  611. <div class="form-group" id="precision-spread" style="height: 397px; width: 465px;">
  612. </div>
  613. </div>
  614. <div class="modal-footer">
  615. <div id="hint-3" class="text-danger fa fa-exclamation-circle" style="display: none;"></div>
  616. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  617. <button type="button" class="btn btn-sm btn-primary" onclick="post3();">确认修改</button>
  618. </div>
  619. </div>
  620. </div>
  621. </div>
  622. <% } else { %>
  623. <!--标段设置-小数位数-->
  624. <div class="modal fade" id="bd-set-2" data-backdrop="static">
  625. <div class="modal-dialog" role="document">
  626. <div class="modal-content">
  627. <div class="modal-header">
  628. <h5 class="modal-title">小数位数</h5>
  629. </div>
  630. <div class="modal-body">
  631. <div class="form-group">
  632. <label>全局设置</label>
  633. <div class="row">
  634. <div class="col-4">
  635. <div class="input-group input-group-sm">
  636. <div class="input-group-prepend">
  637. <span class="input-group-text">单价</span>
  638. </div>
  639. <input type="number" class="form-control" value="3" id="decimal-up" readonly="">
  640. </div>
  641. </div>
  642. <div class="col-4">
  643. <div class="input-group input-group-sm">
  644. <div class="input-group-prepend">
  645. <span class="input-group-text">金额</span>
  646. </div>
  647. <input type="number" class="form-control" value="2" id="decimal-tp" readonly="">
  648. </div>
  649. </div>
  650. </div>
  651. </div>
  652. <div class="form-group">
  653. <label>单独设置</label>
  654. <div class="row">
  655. <div class="col-auto pr-0">
  656. <div class="form-group form-check pl-0">
  657. <div class="custom-control custom-switch">
  658. <input type="checkbox" class="custom-control-input" id="decimal-pay" disabled>
  659. <label class="custom-control-label" for="decimal-pay">合同支付</label>
  660. </div>
  661. </div>
  662. </div>
  663. <div class="col-4">
  664. <div class="input-group input-group-sm">
  665. <div class="input-group-prepend">
  666. <span class="input-group-text">金额</span>
  667. </div>
  668. <input type="number" class="form-control" value="2" id="decimal-pay-tp" readonly="">
  669. </div>
  670. </div>
  671. </div>
  672. <div class="row mt-1">
  673. <div class="col-auto pr-0">
  674. <div class="form-group form-check pl-0">
  675. <div class="custom-control custom-switch">
  676. <input type="checkbox" class="custom-control-input" id="decimal-extra" disabled>
  677. <label class="custom-control-label" for="decimal-extra">其他台账</label>
  678. </div>
  679. </div>
  680. </div>
  681. <div class="col-4">
  682. <div class="input-group input-group-sm">
  683. <div class="input-group-prepend">
  684. <span class="input-group-text">金额</span>
  685. </div>
  686. <input type="number" class="form-control" value="2" id="decimal-extra-tp" readonly="">
  687. </div>
  688. </div>
  689. </div>
  690. </div>
  691. </div>
  692. <div class="modal-footer">
  693. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">确定</button>
  694. </div>
  695. </div>
  696. </div>
  697. </div>
  698. <!--标段设置-清单精度-->
  699. <div class="modal fade" id="bd-set-3" data-backdrop="static">
  700. <div class="modal-dialog" role="document">
  701. <div class="modal-content">
  702. <div class="modal-header">
  703. <h5 class="modal-title">数量精度</h5>
  704. </div>
  705. <div class="modal-body">
  706. <div class="sjs-option-height" id="precision-spread" style="height: 397px; width: 465px;">
  707. </div>
  708. </div>
  709. <div class="modal-footer">
  710. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">确定</button>
  711. </div>
  712. </div>
  713. </div>
  714. </div>
  715. <% } %>
  716. <% if (ctx.session.sessionUser.is_admin || !lastStage || (lastStage.order === 1 && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck))) { %>
  717. <!--标段设置-合同参数-->
  718. <div class="modal fade" id="bd-set-4" data-backdrop="static">
  719. <div class="modal-dialog" role="document">
  720. <div class="modal-content">
  721. <div class="modal-header">
  722. <h5 class="modal-title">合同参数</h5>
  723. </div>
  724. <div class="modal-body">
  725. <ul class="nav nav-tabs nav-justified mb-2">
  726. <li class="nav-item">
  727. <a class="nav-link active" data-toggle="tab" href="#htcs" role="tab" aria-selected="true">合同参数</a>
  728. </li>
  729. <li class="nav-item">
  730. <a class="nav-link" data-toggle="tab" href="#bzqd" role="tab" aria-selected="false">100章清单</a>
  731. </li>
  732. </ul>
  733. <div class="tab-content">
  734. <div class="tab-pane active" id="htcs">
  735. <div class="modal-height-300" style="overflow-y: auto">
  736. <div class="form-group">
  737. <!--默认显示-->
  738. <div class="form-group" id="param-spread" style="height: 230px; width: 465px;">
  739. </div>
  740. </div>
  741. </div>
  742. </div>
  743. <div class="tab-pane" id="bzqd">
  744. <div class="modal-height-300" style="overflow-y: auto">
  745. <div class="form-group">
  746. <div class="form-group" id="cap100-spread" style="height: 230px; width: 465px;">
  747. </div>
  748. </div>
  749. </div>
  750. </div>
  751. </div>
  752. </div>
  753. <div class="modal-footer">
  754. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  755. <button type="button" class="btn btn-sm btn-primary" onclick="post4()">确认修改</button>
  756. </div>
  757. </div>
  758. </div>
  759. </div>
  760. <% } else { %>
  761. <!--标段设置-合同参数-->
  762. <div class="modal fade" id="bd-set-4" data-backdrop="static">
  763. <div class="modal-dialog" role="document">
  764. <div class="modal-content">
  765. <div class="modal-header">
  766. <h5 class="modal-title">合同参数</h5>
  767. </div>
  768. <div class="modal-body">
  769. <ul class="nav nav-tabs nav-justified mb-2">
  770. <li class="nav-item">
  771. <a class="nav-link active" data-toggle="tab" href="#htcs" role="tab" aria-selected="true">合同参数</a>
  772. </li>
  773. <li class="nav-item">
  774. <a class="nav-link" data-toggle="tab" href="#bzqd" role="tab" aria-selected="false">100章清单</a>
  775. </li>
  776. </ul>
  777. <div class="tab-content">
  778. <div class="tab-pane active" id="htcs">
  779. <div class="modal-height-300" style="overflow-y: auto">
  780. <div class="form-group">
  781. <!--默认显示-->
  782. <div class="form-group" id="param-spread" style="height: 230px; width: 465px;">
  783. </div>
  784. </div>
  785. </div>
  786. </div>
  787. <div class="tab-pane" id="bzqd">
  788. <div class="modal-height-300" style="overflow-y: auto">
  789. <div class="form-group">
  790. <div class="form-group" id="cap100-spread" style="height: 230px; width: 465px;">
  791. </div>
  792. </div>
  793. </div>
  794. </div>
  795. </div>
  796. </div>
  797. <div class="modal-footer">
  798. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">确定</button>
  799. </div>
  800. </div>
  801. </div>
  802. </div>
  803. <% } %>
  804. <!--标段设置-显示设置-->
  805. <div class="modal fade" id="bd-set-5" data-backdrop="static">
  806. <div class="modal-dialog" role="document">
  807. <div class="modal-content">
  808. <div class="modal-header">
  809. <h5 class="modal-title">显示设置</h5>
  810. </div>
  811. <div class="modal-body">
  812. <div class="form-group">
  813. <div class="custom-control custom-checkbox mb-2">
  814. <input type="checkbox" class="custom-control-input" id="ledger-deal" checked="">
  815. <label class="custom-control-label" for="ledger-deal">签约数量、金额</label>
  816. </div>
  817. <div class="custom-control custom-checkbox mb-2">
  818. <input type="checkbox" class="custom-control-input" id="ledger-dgn-qty" checked="">
  819. <label class="custom-control-label" for="ledger-dgn-qty">项目节数量</label>
  820. </div>
  821. <div class="custom-control custom-checkbox mb-2">
  822. <input type="checkbox" class="custom-control-input" id="ledger-cl-qty" checked="">
  823. <label class="custom-control-label" for="ledger-cl-qty">错漏增减</label>
  824. </div>
  825. <div class="custom-control custom-checkbox mb-2">
  826. <input type="checkbox" class="custom-control-input" id="ancillary-gcl" checked="">
  827. <label class="custom-control-label" for="ancillary-gcl">附属工程量</label>
  828. </div>
  829. <div class="custom-control custom-checkbox mb-2">
  830. <input type="checkbox" class="custom-control-input" id="thousandth" checked="">
  831. <label class="custom-control-label" for="thousandth">千分位</label>
  832. </div>
  833. <div class="custom-control custom-checkbox mb-2">
  834. <input type="checkbox" class="custom-control-input" id="stage-rc" checked="">
  835. <label class="custom-control-label" for="stage-rc">实际完成量与预计变更</label>
  836. </div>
  837. <div class="custom-control custom-checkbox mb-2">
  838. <input type="checkbox" class="custom-control-input" checked="" id="stage-priceDiff">
  839. <label class="custom-control-label" for="stage-priceDiff">显示“本期补差”列</label>
  840. </div>
  841. <div class="custom-control custom-checkbox mb-2">
  842. <input type="checkbox" class="custom-control-input" checked="" id="stage-pos-contract-expr">
  843. <label class="custom-control-label" for="stage-pos-contract-expr">显示计量单元“合同公示”列</label>
  844. </div>
  845. <div class="custom-control custom-checkbox mb-2">
  846. <input type="checkbox" class="custom-control-input" checked="" id="stage-correct">
  847. <label class="custom-control-label" for="stage-correct">使用数量纠正完成率</label>
  848. </div>
  849. <div class="custom-control custom-checkbox mb-2">
  850. <input type="checkbox" class="custom-control-input" checked="" id="dayMode">
  851. <label class="custom-control-label" for="dayMode">标段概况-浅色模式</label>
  852. </div>
  853. </div>
  854. </div>
  855. <div class="modal-footer">
  856. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  857. <button type="button" class="btn btn-sm btn-primary" onclick="post5()">确认修改</button>
  858. </div>
  859. </div>
  860. </div>
  861. </div>
  862. <!--标段设置-章节设置-->
  863. <div class="modal fade" id="bd-set-6" data-backdrop="static">
  864. <div class="modal-dialog" role="document">
  865. <div class="modal-content">
  866. <div class="modal-header">
  867. <h5 class="modal-title">章节设置</h5>
  868. </div>
  869. <div class="modal-body">
  870. <div class="form-group" id="chapter-spread" style="height: 330px; width: 465px;">
  871. </div>
  872. </div>
  873. <div class="modal-footer">
  874. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  875. <button type="button" class="btn btn-sm btn-primary" onclick="post6()">确认修改</button>
  876. </div>
  877. </div>
  878. </div>
  879. </div>
  880. <!--标段设置-付款账号-->
  881. <div class="modal fade" id="bd-set-7" data-backdrop="static">
  882. <div class="modal-dialog" role="document">
  883. <div class="modal-content">
  884. <div class="modal-header">
  885. <h5 class="modal-title">付款账号</h5>
  886. </div>
  887. <div class="modal-body">
  888. <div class="sjs-option-height">
  889. <table class="table table-bordered">
  890. <tr><th colspan="2" class="text-center">工程款账户</th></tr>
  891. <tr><td>开户名称</td><td><input type="text" id="project-name" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  892. <tr><td>开户银行</td><td><input type="text" id="project-bank" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  893. <tr><td>开户账号</td><td><input type="text" id="project-account" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  894. <tr><td>分账划拨比例(%)</td><td><input type="text" id="project-rate" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  895. <tr><td>联系人</td><td><input type="text" id="project-contact" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  896. <tr><td>联系电话</td><td><input type="text" id="project-phone" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  897. <tr><td>行号</td><td><input type="text" id="project-num" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  898. <tr><th colspan="2" class="text-center">农民工工资专用账户</th></tr>
  899. <tr><td>开户名称</td><td><input type="text" id="worker-name" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  900. <tr><td>开户银行</td><td><input type="text" id="worker-bank" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  901. <tr><td>开户账号</td><td><input type="text" id="worker-account" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  902. <tr><td>分账划拨比例(%)</td><td><input type="text" id="worker-rate" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  903. <tr><td>联系人</td><td><input type="text" id="worker-contact" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  904. <tr><td>联系电话</td><td><input type="text" id="worker-phone" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  905. <tr><td>行号</td><td><input type="text" id="worker-num" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
  906. </table>
  907. </div>
  908. </div>
  909. <div class="modal-footer">
  910. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  911. <button type="button" class="btn btn-sm btn-primary" onclick="post7()" >确认修改</button>
  912. </div>
  913. </div>
  914. </div>
  915. </div>
  916. <!--批量设置-->
  917. <div class="modal fade" id="bd-set-8" data-backdrop="static">
  918. <div class="modal-dialog" role="document">
  919. <div class="modal-content">
  920. <div class="modal-header">
  921. <h5 class="modal-title">从其他标段拷贝设置</h5>
  922. </div>
  923. <div class="modal-body">
  924. <div class="alert alert-warning mb-1">从以下标段拷贝设置</div>
  925. <div class="mb-1" id="setting-custom">
  926. <a class="btn btn-sm btn-light">
  927. <div class="custom-control custom-checkbox">
  928. <input type="checkbox" class="custom-control-input" checked data-type="tender">
  929. <label class="custom-control-label text-primary" for="customCheckDisabld">标段属性</label>
  930. </div>
  931. </a>
  932. <a class="btn btn-sm btn-light">
  933. <div class="custom-control custom-checkbox">
  934. <input type="checkbox" class="custom-control-input" checked data-type="chapter">
  935. <label class="custom-control-label text-primary" for="customCheckDisabld2">章节设置</label>
  936. </div>
  937. </a>
  938. <a class="btn btn-sm btn-light">
  939. <div class="custom-control custom-checkbox">
  940. <input type="checkbox" class="custom-control-input" checked data-type="pay_account">
  941. <label class="custom-control-label text-primary" for="customCheckDisabld3">付款账号</label>
  942. </div>
  943. </a>
  944. </div>
  945. <div class="modal-height-300" id="copyModalContent">
  946. </div>
  947. </div>
  948. <div class="modal-footer">
  949. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  950. <button type="button" class="btn btn-sm btn-primary" id="copy_comfirm_btn">确认</button>
  951. </div>
  952. </div>
  953. </div>
  954. </div>
  955. <div class="modal fade" id="sp-list" data-backdrop="static">
  956. <div class="modal-dialog" role="document">
  957. <div class="modal-content">
  958. <div class="modal-header <% if (!ctx.tender.info.display.dayMode) { %>bg-dark text-white border-secondary<% } %>">
  959. <h5 class="modal-title">审批进度详情</h5>
  960. </div>
  961. <div class="modal-body <% if (!ctx.tender.info.display.dayMode) { %>bg-dark text-white<% } %>">
  962. <div class="modal-height-500" style="overflow: auto" id="audit-list">
  963. </div>
  964. </div>
  965. <div class="modal-footer <% if (!ctx.tender.info.display.dayMode) { %>bg-dark text-white border-secondary<% } %>">
  966. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  967. </div>
  968. </div>
  969. </div>
  970. </div>
  971. <script>
  972. let property = JSON.parse(unescape('<%- escape(JSON.stringify(tenderInfo)) %>'));
  973. let ledgerChecked = <%- (tender.ledger_status === audit.ledger.status.checked) && ((lastStage !== undefined && lastStage !== null) || !revise || !revise.valid || revise.status === audit.revise.status.checked) %>;
  974. let firstStageChecked = <%- lastStage !== undefined && lastStage !== null && (lastStage.order > 1 || (lastStage.order === 1 && lastStage.status === audit.stage.status.checked)) %>;
  975. // 根据Min Max限制Input输入
  976. function limitInputMinMax (obj) {
  977. if (_.toNumber(obj.value) > _.toNumber(obj.max)) {
  978. obj.value = obj.max;
  979. }
  980. if(_.toNumber(obj.value) < _.toNumber(obj.min)) {
  981. obj.value = obj.min;
  982. }
  983. }
  984. // 根据Maxlength限制input输入
  985. function limitMaxLength (obj) {
  986. if (obj.value.length > obj.maxLength) {
  987. obj.value = obj.value.substr(0, obj.maxLength);
  988. }
  989. }
  990. // 根据正则限制输入
  991. function limitReg(obj, reg) {
  992. obj.value = obj.value.replace(reg, '');
  993. }
  994. // 小数位数 input 输入限制
  995. function limitDecimal(obj) {
  996. limitReg(obj, /[^\d]/g);
  997. limitMaxLength(obj);
  998. limitInputMinMax(obj);
  999. }
  1000. function limitDealParamLength(obj) {
  1001. limitReg(obj, /[^\d\.]/g); // 过滤数字和.
  1002. limitReg(obj, /\.{2,}/g); // 过滤第二个.
  1003. limitInputMinMax(obj);
  1004. }
  1005. function limitReturn(obj) {
  1006. limitReg(obj, /\s/g);
  1007. }
  1008. function checkNumberValid(obj) {
  1009. const value = _.toNumber(obj.value);
  1010. obj.value = value ? value : '';
  1011. }
  1012. // 属性
  1013. function loadCommonProperty () {
  1014. // 合同信息
  1015. $('#build-name').val(property.deal_info.buildName);
  1016. $('#deal-code').val(property.deal_info.dealCode);
  1017. $('#deal-name').val(property.deal_info.dealName);
  1018. $('#project-type').val(property.deal_info.projectType);
  1019. $('#deal-type').val(property.deal_info.dealType);
  1020. $('#final-code').val(property.deal_info.finalCode);
  1021. $('#budget-approval-code').val(property.deal_info.budgetApprovalCode);
  1022. // 参建单位
  1023. // 建设单位
  1024. $('#build-company').val(property.construction_unit.build.company);
  1025. $('#build-corporation').val(property.construction_unit.build.corporation);
  1026. $('#build-date').val(property.construction_unit.build.date);
  1027. // 代建单位
  1028. $('#sub-build-company').val(property.construction_unit.sub_build.company);
  1029. $('#sub-build-corporation').val(property.construction_unit.sub_build.corporation);
  1030. $('#sub-build-date').val(property.construction_unit.sub_build.date);
  1031. // 承包单位1
  1032. $('#contract1-company').val(property.construction_unit.contract1.company);
  1033. $('#contract1-corporation').val(property.construction_unit.contract1.corporation);
  1034. $('#contract1-date').val(property.construction_unit.contract1.date);
  1035. $('#contract1-management').val(property.construction_unit.contract1.management);
  1036. // 承包单位2
  1037. $('#contract2-company').val(property.construction_unit.contract2.company);
  1038. $('#contract2-corporation').val(property.construction_unit.contract2.corporation);
  1039. $('#contract2-date').val(property.construction_unit.contract2.date);
  1040. // 监理单位1
  1041. $('#supervision1-company').val(property.construction_unit.supervision1.company);
  1042. $('#supervision1-corporation').val(property.construction_unit.supervision1.corporation);
  1043. $('#supervision1-date').val(property.construction_unit.supervision1.date);
  1044. // 监理单位2
  1045. $('#supervision2-company').val(property.construction_unit.supervision2.company);
  1046. $('#supervision2-corporation').val(property.construction_unit.supervision2.corporation);
  1047. $('#supervision2-date').val(property.construction_unit.supervision2.date);
  1048. // 检测单位
  1049. $('#detect-company').val(property.construction_unit.detect.company);
  1050. $('#detect-corporation').val(property.construction_unit.detect.corporation);
  1051. $('#detect-date').val(property.construction_unit.detect.date);
  1052. // 检测单位
  1053. $('#audit-company').val(property.construction_unit.audit.company);
  1054. $('#audit-corporation').val(property.construction_unit.audit.corporation);
  1055. $('#audit-date').val(property.construction_unit.audit.date);
  1056. // 技术参数
  1057. $('#load-level').find("option:contains('" + property.tech_param.loadLevel + "')").attr("selected",true);
  1058. $('#length').val(property.tech_param.loadLength);
  1059. $('#start-peg').val(property.tech_param.startPeg);
  1060. $('#end-peg').val(property.tech_param.endPeg);
  1061. $('#lane-count').val(property.tech_param.laneCount);
  1062. $('#deal-period').val(property.tech_param.dealPeriod);
  1063. $('#start-date').val(property.tech_param.startDate);
  1064. $('#plan-end-date').val(property.tech_param.planEndDate);
  1065. $('#real-start-date').val(property.tech_param.realStartDate);
  1066. $('#real-end-date').val(property.tech_param.realEndDate);
  1067. $('#structure-scale').val(property.tech_param.structureScale);
  1068. $('#main-content').val(property.tech_param.mainContent);
  1069. // 中标信息
  1070. $('#control-price').val(property.bid_info.controlPrice);
  1071. $('#bid-price').val(property.bid_info.bidPrice);
  1072. $('#bid-yu-price').val(property.bid_info.bidYuPrice);
  1073. $('#bid-start-date').val(property.bid_info.bidStartDate);
  1074. $('#bid-type').find("option:contains('" + property.bid_info.bidType + "')").attr("selected",true);
  1075. $('#deal-calc-type').find("option:contains('" + property.bid_info.dealCalcType + "')").attr("selected",true);
  1076. }
  1077. $('#bd-set-1').on('show.bs.modal', function () {
  1078. loadCommonProperty();
  1079. })
  1080. function post1 () {
  1081. const prop = {
  1082. deal_info: {
  1083. buildName: $('#build-name').val(),
  1084. dealCode: $('#deal-code').val(),
  1085. dealName: $('#deal-name').val(),
  1086. projectType: $('#project-type').val(),
  1087. dealType: $('#deal-type').val(),
  1088. finalCode: $('#final-code').val(),
  1089. budgetApprovalCode: $('#budget-approval-code').val(),
  1090. },
  1091. construction_unit: {
  1092. build: {
  1093. company: $('#build-company').val(),
  1094. corporation: $('#build-corporation').val(),
  1095. date: $('#build-date').val(),
  1096. },
  1097. sub_build: {
  1098. company: $('#sub-build-company').val(),
  1099. corporation: $('#sub-build-corporation').val(),
  1100. date: $('#sub-build-date').val(),
  1101. },
  1102. contract1: {
  1103. company: $('#contract1-company').val(),
  1104. corporation: $('#contract1-corporation').val(),
  1105. date: $('#contract1-date').val(),
  1106. management: $('#contract1-management').val(),
  1107. },
  1108. contract2: {
  1109. company: $('#contract2-company').val(),
  1110. corporation: $('#contract2-corporation').val(),
  1111. date: $('#contract2-date').val(),
  1112. },
  1113. supervision1: {
  1114. company: $('#supervision1-company').val(),
  1115. corporation: $('#supervision1-corporation').val(),
  1116. date: $('#supervision1-date').val(),
  1117. },
  1118. supervision2: {
  1119. company: $('#supervision2-company').val(),
  1120. corporation: $('#supervision2-corporation').val(),
  1121. date: $('#supervision2-date').val(),
  1122. },
  1123. detect: {
  1124. company: $('#detect-company').val(),
  1125. corporation: $('#detect-corporation').val(),
  1126. date: $('#detect-date').val(),
  1127. },
  1128. audit: {
  1129. company: $('#audit-company').val(),
  1130. corporation: $('#audit-corporation').val(),
  1131. date: $('#audit-date').val(),
  1132. },
  1133. },
  1134. tech_param: {
  1135. loadLevel: $('#load-level').find("option:selected").text(),
  1136. loadLength: _.toNumber($('#length').val()),
  1137. startPeg: $('#start-peg').val(),
  1138. endPeg: $('#end-peg').val(),
  1139. laneCount: _.toNumber($('#lane-count').val()),
  1140. dealPeriod: $('#deal-period').val(),
  1141. startDate: $('#start-date').val(),
  1142. planEndDate: $('#plan-end-date').val(),
  1143. realStartDate: $('#real-start-date').val(),
  1144. realEndDate: $('#real-end-date').val(),
  1145. structureScale: $('#structure-scale').val(),
  1146. mainContent: $('#main-content').val(),
  1147. },
  1148. bid_info: {
  1149. controlPrice: _.toNumber($('#control-price').val()),
  1150. bidPrice: _.toNumber($('#bid-price').val()),
  1151. bidStartDate: $('#bid-start-date').val(),
  1152. bidType: $('#bid-type').find("option:selected").text(),
  1153. dealCalcType: $('#deal-calc-type').find("option:selected").text(),
  1154. bidYuPrice: _.toNumber($('#bid-yu-price').val()),
  1155. }
  1156. };
  1157. const tenderId = window.location.pathname.split('/')[2];
  1158. postData('/tender/' + tenderId + '/save', prop, function (data) {
  1159. property.deal_info = data.deal_info;
  1160. property.construction_unit = data.construction_unit;
  1161. property.tech_param = data.tech_param;
  1162. property.bid_info = data.bid_info;
  1163. $('#bd-set-1').modal('hide');
  1164. });
  1165. }
  1166. // 小数位数
  1167. function loadCalculateProperty () {
  1168. $('#decimal-up').val(property.decimal.up);
  1169. $('#decimal-tp').val(property.decimal.tp);
  1170. $('#decimal-pay')[0].checked = property.decimal.pay;
  1171. $('#decimal-pay-tp').val(property.decimal.payTp);
  1172. $('#decimal-pay-tp')[0].disabled = !property.decimal.pay;
  1173. $('#decimal-extra')[0].checked = property.decimal.extra;
  1174. $('#decimal-extra-tp').val(property.decimal.extraTp);
  1175. $('#decimal-extra-tp')[0].disabled = !property.decimal.extra;
  1176. }
  1177. $('#decimal-pay').change(() => {
  1178. $('#decimal-pay-tp')[0].disabled = !$('#decimal-pay')[0].checked;
  1179. });
  1180. $('#decimal-extra').change(() => {
  1181. $('#decimal-extra-tp')[0].disabled = !$('#decimal-extra')[0].checked;
  1182. });
  1183. $('#bd-set-2').on('show.bs.modal', function () {
  1184. loadCalculateProperty();
  1185. });
  1186. function post2() {
  1187. const prop = {
  1188. decimal: {
  1189. up: _.toNumber($('#decimal-up').val()),
  1190. tp: _.toNumber($('#decimal-tp').val()),
  1191. pay: $('#decimal-pay')[0].checked,
  1192. payTp: _.toNumber($('#decimal-pay-tp').val()),
  1193. extra: $('#decimal-extra')[0].checked,
  1194. extraTp: _.toNumber($('#decimal-extra-tp').val()),
  1195. }
  1196. };
  1197. if (ledgerChecked) {
  1198. if (prop.decimal.up < property.decimal.up) {
  1199. toastr.warning('台账已审批完成,单价的小数位数,不可小于' + property.decimal.up);
  1200. return;
  1201. }
  1202. if (prop.decimal.tp < property.decimal.tp) {
  1203. toastr.warning('台账已审批完成,金额的小数位数,不可小于' + property.decimal.tp);
  1204. return;
  1205. }
  1206. }
  1207. if (firstStageChecked) {
  1208. if (property.decimal.pay) {
  1209. if (!prop.decimal.pay) {
  1210. toastr.warning('第一期已审批完成,不可取消合同支付单独设置');
  1211. return;
  1212. }
  1213. if (prop.decimal.payTp < property.decimal.payTp) {
  1214. toastr.warning('第一期已审批完成,单独设置的合同支付小数位数,不可小于' + property.decimal.payTp);
  1215. return;
  1216. }
  1217. } else {
  1218. if (prop.decimal.pay) {
  1219. toastr.warning('第一期已审批完成,合同支付不可单独设置');
  1220. return;
  1221. }
  1222. }
  1223. if (property.decimal.extra) {
  1224. if (!prop.decimal.extra) {
  1225. toastr.warning('第一期已审批完成,不可取消其他台账单独设置');
  1226. return;
  1227. }
  1228. if (prop.decimal.extraTp < property.decimal.extraTp) {
  1229. toastr.warning('第一期已审批完成,单独设置的其他台账小数位数,不可小于' + property.decimal.extraTp);
  1230. return;
  1231. }
  1232. } else {
  1233. if (prop.decimal.extra) {
  1234. toastr.warning('第一期已审批完成,其他台账不可单独设置');
  1235. return;
  1236. }
  1237. }
  1238. }
  1239. const tenderId = window.location.pathname.split('/')[2];
  1240. postData('/tender/' + tenderId + '/save', prop, function (data) {
  1241. property.decimal = data.decimal;
  1242. $('#bd-set-2').modal('hide');
  1243. }, null, true);
  1244. }
  1245. // 清单精度
  1246. const precisionObj = (function () {
  1247. const spread = SpreadJsObj.createNewSpread($('#precision-spread')[0]);
  1248. spread.options.showVerticalScrollbar = false;
  1249. spread.options.showHorizontalScrollbar = false;
  1250. const sheet = spread.getActiveSheet();
  1251. SpreadJsObj.protectedSheet(sheet);
  1252. sheet.setText(0, 0, '单位', spreadNS.SheetArea.colHeader);
  1253. sheet.setText(0, 1, '精度', spreadNS.SheetArea.colHeader);
  1254. sheet.setRowHeight(0, 32, spreadNS.SheetArea.colHeader);
  1255. const vStyle = new spreadNS.Style();
  1256. vStyle.font = '12px 微软雅黑';
  1257. sheet.setDefaultStyle(vStyle, spreadNS.SheetArea.viewport);
  1258. const xStyle = new spreadNS.Style();
  1259. xStyle.font = '12px 微软雅黑';
  1260. xStyle.vAlign = 1;
  1261. xStyle.hAlign = 1;
  1262. sheet.setDefaultStyle(xStyle, spreadNS.SheetArea.colHeader);
  1263. const yStyle = new spreadNS.Style();
  1264. yStyle.font = '12px 微软雅黑';
  1265. yStyle.vAlign = 1;
  1266. yStyle.hAlign = 1;
  1267. sheet.setDefaultStyle(yStyle, spreadNS.SheetArea.rowHeader);
  1268. SpreadJsObj.massOperationSheet(sheet, function () {
  1269. sheet.defaults.rowHeight = 21;
  1270. sheet.setColumnCount(2);
  1271. sheet.setRowCount(13);
  1272. sheet.setColumnWidth(0, 100);
  1273. sheet.setColumnWidth(1, 60);
  1274. sheet.getRange(0, 0, 13, 1).vAlign(1).backColor('#e4e7ea').locked(true);
  1275. sheet.getRange(0, 1, 13, 1).vAlign(1).hAlign(2).locked(false);
  1276. sheet.setText(0, 0, 't');
  1277. sheet.setText(1, 0, 'km');
  1278. sheet.setText(2, 0, 'm');
  1279. sheet.setText(3, 0, 'm2');
  1280. sheet.setText(4, 0, 'm3');
  1281. sheet.setText(5, 0, 'kg');
  1282. sheet.setText(6, 0, '个');
  1283. sheet.setText(7, 0, '台');
  1284. sheet.setText(8, 0, '套');
  1285. sheet.setText(9, 0, '棵');
  1286. sheet.setText(10, 0, '组');
  1287. sheet.setText(11, 0, '系统');
  1288. sheet.setText(12, 0, '其他未列单位');
  1289. const lineBorder = new spreadNS.LineBorder('#dee2e6', spreadNS.LineStyle.thin);
  1290. sheet.getRange(0, 0, 13, 2).setBorder(lineBorder, {all: true});
  1291. sheet.getRange(0, 0, 13, 2).formatter('@');
  1292. sheet.setSelection(0, 1, 1, 1);
  1293. });
  1294. spread.bind(spreadNS.Events.EditEnded, function (e, info) {
  1295. const value = _.toNumber(info.editingText);
  1296. if (!_.isInteger(value)) {
  1297. toastr.warning('请输入0-6的整数');
  1298. sheet.setText(info.row, info.col, '0');
  1299. } else if (value > 6) {
  1300. toastr.warning('请输入0-6的整数');
  1301. sheet.setText(info.row, info.col, '6');
  1302. } else if (value < 0) {
  1303. toastr.warning('请输入0-6的整数');
  1304. sheet.setText(info.row, info.col, '0');
  1305. }
  1306. });
  1307. SpreadJsObj.addDeleteBind(spread, function (sheet) {
  1308. const sel = sheet.getSelections()[0];
  1309. if (sel) {
  1310. for (let iRow = sel.row, iRowLength = sel.row + sel.rowCount; iRow < iRowLength; iRow++) {
  1311. for (let iCol = sel.col, iColLength = sel.col + sel.colCount; iCol < iColLength; iCol++) {
  1312. if (iCol !== 1) continue;
  1313. sheet.setText(iRow, iCol, '0');
  1314. }
  1315. }
  1316. }
  1317. });
  1318. spread.bind(spreadNS.Events.ClipboardPasted, function (e, info) {
  1319. let bHint = false;
  1320. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
  1321. const curRow = info.cellRange.row + iRow;
  1322. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  1323. const curCol = info.cellRange.col + iCol;
  1324. const value = _.toNumber(info.sheet.getText(curRow, curCol));
  1325. if (_.isNaN(value) || !_.isInteger(value)) {
  1326. bHint = true;
  1327. info.sheet.setText(curRow, curCol, '0');
  1328. } else if (value > 6) {
  1329. bHint = true;
  1330. info.sheet.setText(curRow, curCol, '6');
  1331. } else if (value < 0) {
  1332. bHint = true;
  1333. info.sheet.setText(curRow, curCol, '0');
  1334. }
  1335. }
  1336. }
  1337. if (bHint) {
  1338. toastr.warning('请输入0-6的整数');
  1339. }
  1340. });
  1341. function loadPrecisonProperty() {
  1342. $('#hint-3').hide();
  1343. sheet.setValue(0, 1, property.precision.t.value);
  1344. sheet.setValue(1, 1, property.precision.km.value);
  1345. sheet.setValue(2, 1, property.precision.m.value);
  1346. sheet.setValue(3, 1, property.precision.m2.value);
  1347. sheet.setValue(4, 1, property.precision.m3.value);
  1348. sheet.setValue(5, 1, property.precision.kg.value);
  1349. sheet.setValue(6, 1, property.precision.ge.value);
  1350. sheet.setValue(7, 1, property.precision.tai.value);
  1351. sheet.setValue(8, 1, property.precision.tao.value);
  1352. sheet.setValue(9, 1, property.precision.ke.value);
  1353. sheet.setValue(10, 1, property.precision.zu.value);
  1354. sheet.setValue(11, 1, property.precision.xitong.value);
  1355. sheet.setValue(12, 1, property.precision.other.value);
  1356. }
  1357. function setReadOnly(readOnly) {
  1358. sheet.getRange(0, 1, 13, 1).locked(readOnly);
  1359. }
  1360. function getNewPrecisionData() {
  1361. const precision = JSON.parse(JSON.stringify(property.precision));
  1362. precision.t.value = _.toNumber(sheet.getText(0, 1));
  1363. precision.km.value = _.toNumber(sheet.getText(1, 1));
  1364. precision.m.value = _.toNumber(sheet.getText(2, 1));
  1365. precision.m2.value = _.toNumber(sheet.getText(3, 1));
  1366. precision.m3.value = _.toNumber(sheet.getText(4, 1));
  1367. precision.kg.value = _.toNumber(sheet.getText(5, 1));
  1368. precision.ge.value = _.toNumber(sheet.getText(6, 1));
  1369. precision.tai.value = _.toNumber(sheet.getText(7, 1));
  1370. precision.tao.value = _.toNumber(sheet.getText(8, 1));
  1371. precision.ke.value = _.toNumber(sheet.getText(9, 1));
  1372. precision.zu.value = _.toNumber(sheet.getText(10, 1));
  1373. precision.xitong.value = _.toNumber(sheet.getText(11, 1));
  1374. precision.other.value = _.toNumber(sheet.getText(12, 1));
  1375. return precision;
  1376. }
  1377. function checkPrecisionMinLimit(precision, limit) {
  1378. for (const unit in precision) {
  1379. if (precision[unit].value < limit[unit].value) {
  1380. if (precision[unit].unit) {
  1381. toastr.warning('台账已审批通过,清单精度不可减少,单位为' + limit[unit].unit + '的清单的精度不可小于' + limit[unit].value);
  1382. } else {
  1383. toastr.warning('台账已审批通过,清单精度不可减少,其他清单的精度不可小于' + limit[unit].value);
  1384. }
  1385. return false;
  1386. }
  1387. }
  1388. return true;
  1389. };
  1390. return {loadPrecisonProperty, setReadOnly, getNewPrecisionData, checkPrecisionMinLimit};
  1391. })();
  1392. $('#bd-set-3').on('show.bs.modal', function () {
  1393. <% if (!(
  1394. ((tender.ledger_status === audit.ledger.status.uncheck || tender.ledger_status === audit.ledger.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId) ||
  1395. (lastStage && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck)) ||
  1396. (!lastStage && revise && revise.valid && (revise.status === audit.revise.status.uncheck || revise.status === audit.revise.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId)
  1397. )) { %>
  1398. precisionObj.setReadOnly(true);
  1399. <% } %>
  1400. precisionObj.loadPrecisonProperty();
  1401. });
  1402. function post3 () {
  1403. const prop = { precision: precisionObj.getNewPrecisionData() };
  1404. if (ledgerChecked && !precisionObj.checkPrecisionMinLimit(prop.precision, property.precision)) return;
  1405. const tenderId = window.location.pathname.split('/')[2];
  1406. postData('/tender/' + tenderId + '/save', prop, function (data) {
  1407. property.precision = data.precision;
  1408. $('#bd-set-3').modal('hide');
  1409. }, null, true);
  1410. }
  1411. // 合同参数
  1412. const dealObj = (function () {
  1413. const spread = SpreadJsObj.createNewSpread($('#param-spread')[0]);
  1414. spread.options.showVerticalScrollbar = false;
  1415. spread.options.showHorizontalScrollbar = false;
  1416. const sheet = spread.getActiveSheet();
  1417. SpreadJsObj.protectedSheet(sheet);
  1418. sheet.setText(0, 0, '参数名', spreadNS.SheetArea.colHeader);
  1419. sheet.setText(0, 1, '参数值', spreadNS.SheetArea.colHeader);
  1420. sheet.setRowHeight(0, 32, spreadNS.SheetArea.colHeader);
  1421. const vStyle = new spreadNS.Style();
  1422. vStyle.font = '12px 微软雅黑';
  1423. sheet.setDefaultStyle(vStyle, spreadNS.SheetArea.viewport);
  1424. const xStyle = new spreadNS.Style();
  1425. xStyle.font = '12px 微软雅黑';
  1426. xStyle.vAlign = 1;
  1427. xStyle.hAlign = 1;
  1428. sheet.setDefaultStyle(xStyle, spreadNS.SheetArea.colHeader);
  1429. const yStyle = new spreadNS.Style();
  1430. yStyle.font = '12px 微软雅黑';
  1431. yStyle.vAlign = 1;
  1432. yStyle.hAlign = 1;
  1433. sheet.setDefaultStyle(yStyle, spreadNS.SheetArea.rowHeader);
  1434. SpreadJsObj.massOperationSheet(sheet, function () {
  1435. sheet.defaults.rowHeight = 21;
  1436. sheet.setColumnCount(2);
  1437. sheet.setRowCount(6);
  1438. sheet.setColumnWidth(0, 200);
  1439. sheet.setColumnWidth(1, 200);
  1440. sheet.getRange(0, 0, 6, 1).vAlign(1).backColor('#e4e7ea').locked(true);
  1441. sheet.getRange(0, 1, 6, 1).vAlign(1).hAlign(2).locked(false);
  1442. sheet.setText(0, 0, '签约合同价');
  1443. sheet.setText(1, 0, '暂列金额');
  1444. sheet.setText(2, 0, '计日工');
  1445. sheet.setText(3, 0, '签约合同价(不含暂列金、计日工)');
  1446. sheet.setText(4, 0, '签约开工预付款');
  1447. sheet.setText(5, 0, '签约材料预付款');
  1448. sheet.setText(6, 0, '安全生产费');
  1449. sheet.getCell(3, 1).locked(true);
  1450. const lineBorder = new spreadNS.LineBorder('#dee2e6', spreadNS.LineStyle.thin);
  1451. sheet.getRange(0, 0, 6, 2).setBorder(lineBorder, {all: true});
  1452. sheet.getRange(0, 0, 6, 2).formatter('@');
  1453. sheet.setSelection(0, 1, 1, 1);
  1454. });
  1455. const cap100spread = SpreadJsObj.createNewSpread($('#cap100-spread')[0]);
  1456. cap100spread.options.showVerticalScrollbar = false;
  1457. cap100spread.options.showHorizontalScrollbar = false;
  1458. const cap100sheet = cap100spread.getActiveSheet();
  1459. SpreadJsObj.protectedSheet(cap100sheet);
  1460. cap100sheet.setText(0, 0, '参数名', spreadNS.SheetArea.colHeader);
  1461. cap100sheet.setText(0, 1, '参数值', spreadNS.SheetArea.colHeader);
  1462. cap100sheet.setRowHeight(0, 32, spreadNS.SheetArea.colHeader);
  1463. cap100sheet.setDefaultStyle(vStyle, spreadNS.SheetArea.viewport);
  1464. cap100sheet.setDefaultStyle(xStyle, spreadNS.SheetArea.colHeader);
  1465. cap100sheet.setDefaultStyle(yStyle, spreadNS.SheetArea.rowHeader);
  1466. SpreadJsObj.massOperationSheet(cap100sheet, function () {
  1467. cap100sheet.defaults.rowHeight = 21;
  1468. cap100sheet.setColumnCount(2);
  1469. cap100sheet.setRowCount(2);
  1470. cap100sheet.setColumnWidth(0, 200);
  1471. cap100sheet.setColumnWidth(1, 200);
  1472. cap100sheet.getRange(0, 0, 2, 1).vAlign(1).backColor('#e4e7ea').locked(true);
  1473. cap100sheet.getRange(0, 1, 2, 1).vAlign(1).hAlign(2).locked(false);
  1474. cap100sheet.setText(0, 0, '安全生产费预付款');
  1475. cap100sheet.setText(1, 0, '扬尘污染费预付款');
  1476. const cap100lineBorder = new spreadNS.LineBorder('#dee2e6', spreadNS.LineStyle.thin);
  1477. cap100sheet.getRange(0, 0, 2, 2).setBorder(cap100lineBorder, {all: true});
  1478. cap100sheet.getRange(0, 0, 2, 2).formatter('@');
  1479. cap100sheet.setSelection(0, 1, 1, 1);
  1480. });
  1481. function calcHtjMinusZlj() {
  1482. const htj = _.toNumber(sheet.getText(0, 1));
  1483. const zlj = _.toNumber(sheet.getText(1, 1));
  1484. const jrg = _.toNumber(sheet.getText(2, 1));
  1485. sheet.setValue(3, 1, ZhCalc.sub(ZhCalc.sub(htj, zlj), jrg));
  1486. }
  1487. spread.bind(spreadNS.Events.EditEnded, function (e, info) {
  1488. const value = _.toNumber(info.editingText);
  1489. if (_.isNaN(value)) {
  1490. toastr.warning('请输入不超过万亿的数字');
  1491. info.sheet.setText(info.row, info.col, '0');
  1492. } else if (value > Math.pow(10, 13)) {
  1493. toastr.warning('请输入不超过万亿的数字');
  1494. info.sheet.setText(info.row, info.col, '0');
  1495. }
  1496. if ([0, 1, 2].indexOf(info.row) >= 0) {
  1497. calcHtjMinusZlj();
  1498. }
  1499. });
  1500. SpreadJsObj.addDeleteBind(spread, function (sheet) {
  1501. const sel = sheet.getSelections()[0];
  1502. let calc = false;
  1503. if (sel) {
  1504. for (let iRow = sel.row, iRowLength = sel.row + sel.rowCount; iRow < iRowLength; iRow++) {
  1505. if (iRow === 2) continue;
  1506. for (let iCol = sel.col, iColLength = sel.col + sel.colCount; iCol < iColLength; iCol++) {
  1507. if (iCol !== 1) continue;
  1508. sheet.setText(iRow, iCol, '0');
  1509. if (iRow === 0 || iRow === 1) calc = true;
  1510. }
  1511. }
  1512. }
  1513. if (calc) calcHtjMinusZlj();
  1514. });
  1515. spread.bind(spreadNS.Events.ClipboardPasted, function (e, info) {
  1516. let bHint = false;
  1517. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
  1518. const curRow = info.cellRange.row + iRow;
  1519. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  1520. const curCol = info.cellRange.col + iCol;
  1521. const value = _.toNumber(info.sheet.getText(curRow, curCol));
  1522. if (_.isNaN(value) || value > Math.pow(10, 13)) {
  1523. bHint = true;
  1524. info.sheet.setText(curRow, curCol, '0');
  1525. }
  1526. }
  1527. }
  1528. if (bHint) {
  1529. toastr.warning('请输入不超过万亿的数字');
  1530. }
  1531. calcHtjMinusZlj();
  1532. });
  1533. cap100spread.bind(spreadNS.Events.EditEnded, function (e, info) {
  1534. const value = _.toNumber(info.editingText);
  1535. if (_.isNaN(value)) {
  1536. toastr.warning('请输入不超过万亿的数字');
  1537. info.sheet.setText(info.row, info.col, '0');
  1538. } else if (value > Math.pow(10, 13)) {
  1539. toastr.warning('请输入不超过万亿的数字');
  1540. info.sheet.setText(info.row, info.col, '0');
  1541. }
  1542. // if (info.row === 0 || info.row === 1) {
  1543. // calcHtjMinusZlj();
  1544. // }
  1545. });
  1546. SpreadJsObj.addDeleteBind(cap100spread, function (sheet) {
  1547. const sel = sheet.getSelections()[0];
  1548. // let calc = false;
  1549. if (sel) {
  1550. for (let iRow = sel.row, iRowLength = sel.row + sel.rowCount; iRow < iRowLength; iRow++) {
  1551. if (iRow === 2) continue;
  1552. for (let iCol = sel.col, iColLength = sel.col + sel.colCount; iCol < iColLength; iCol++) {
  1553. if (iCol !== 1) continue;
  1554. sheet.setText(iRow, iCol, '0');
  1555. // if (iRow === 0 || iRow === 1) calc = true;
  1556. }
  1557. }
  1558. }
  1559. // if (calc) calcHtjMinusZlj();
  1560. });
  1561. cap100spread.bind(spreadNS.Events.ClipboardPasted, function (e, info) {
  1562. let bHint = false;
  1563. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
  1564. const curRow = info.cellRange.row + iRow;
  1565. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  1566. const curCol = info.cellRange.col + iCol;
  1567. const value = _.toNumber(info.sheet.getText(curRow, curCol));
  1568. if (_.isNaN(value) || value > Math.pow(10, 13)) {
  1569. bHint = true;
  1570. info.sheet.setText(curRow, curCol, '0');
  1571. }
  1572. }
  1573. }
  1574. if (bHint) {
  1575. toastr.warning('请输入不超过万亿的数字');
  1576. }
  1577. });
  1578. function loadDealProperty() {
  1579. sheet.setValue(0, 1, property.deal_param.contractPrice);
  1580. sheet.setValue(1, 1, property.deal_param.zanLiePrice);
  1581. sheet.setValue(2, 1, property.deal_param.jrgPrice);
  1582. sheet.setValue(3, 1, ZhCalc.sub(ZhCalc.sub(property.deal_param.contractPrice, property.deal_param.zanLiePrice), property.deal_param.jrgPrice));
  1583. sheet.setValue(4, 1, property.deal_param.startAdvance);
  1584. sheet.setValue(5, 1, property.deal_param.materialAdvance);
  1585. // sheet.setValue(5, 1, property.deal_param.safeAdvance);
  1586. cap100sheet.setValue(0, 1, property.deal_param.safeAdvance);
  1587. cap100sheet.setValue(1, 1, property.deal_param.dustAdvance);
  1588. }
  1589. function setReadOnly (readOnly) {
  1590. sheet.getCell(0, 1).locked(readOnly);
  1591. sheet.getCell(1, 1).locked(readOnly);
  1592. sheet.getCell(2, 1).locked(readOnly);
  1593. sheet.getCell(4, 1).locked(readOnly);
  1594. sheet.getCell(5, 1).locked(readOnly);
  1595. // sheet.getCell(5, 1).locked(readOnly);
  1596. cap100sheet.getCell(0, 1).locked(readOnly);
  1597. cap100sheet.getCell(1, 1).locked(readOnly);
  1598. }
  1599. function getNewDealData () {
  1600. const result = {};
  1601. result.contractPrice = _.toNumber(sheet.getText(0, 1));
  1602. result.zanLiePrice = _.toNumber(sheet.getText(1, 1));
  1603. result.jrgPrice = _.toNumber(sheet.getText(2, 1));
  1604. result.startAdvance = _.toNumber(sheet.getText(4, 1));
  1605. result.materialAdvance = _.toNumber(sheet.getText(5, 1));
  1606. // result.safeAdvance = _.toNumber(sheet.getText(5, 1));
  1607. result.safeAdvance = _.toNumber(cap100sheet.getText(0, 1));
  1608. result.dustAdvance = _.toNumber(cap100sheet.getText(1, 1));
  1609. return result;
  1610. }
  1611. return { loadDealProperty, setReadOnly, getNewDealData, };
  1612. })();
  1613. $('#bd-set-4').on('show.bs.modal', function () {
  1614. dealObj.loadDealProperty();
  1615. <% if (!ctx.session.sessionUser.is_admin && lastStage !== undefined && lastStage !== null && (lastStage.user_id !== ctx.session.sessionUser.accountId || lastStage.order > 1 || (lastStage.order === 1 && (lastStage.status !== audit.stage.status.uncheck && lastStage.status !== audit.stage.status.checkNo)))) { %>
  1616. dealObj.setReadOnly(true);
  1617. <% } %>
  1618. });
  1619. function post4 () {
  1620. <% if (!ctx.session.sessionUser.is_admin) {%>
  1621. if (firstStageChecked) return;
  1622. <% } %>
  1623. const prop = { deal_param: dealObj.getNewDealData() };
  1624. const tenderId = window.location.pathname.split('/')[2];
  1625. postData('/tender/' + tenderId + '/save', prop, function (data) {
  1626. property.deal_param = data.deal_param;
  1627. $('#bd-set-4').modal('hide');
  1628. window.location.reload();
  1629. });
  1630. }
  1631. // 显示设置
  1632. function loadDisplayProperty () {
  1633. $('#ledger-deal')[0].checked = property.display.ledger.deal;
  1634. $('#ledger-dgn-qty')[0].checked = property.display.ledger.dgnQty;
  1635. $('#ledger-cl-qty')[0].checked = property.display.ledger.clQty;
  1636. $('#ancillary-gcl')[0].checked = property.display.ledger.ancillaryGcl;
  1637. $('#thousandth')[0].checked = property.display.thousandth;
  1638. $('#stage-rc')[0].checked = property.display.stage.realComplete;
  1639. $('#stage-priceDiff')[0].checked = property.display.stage.priceDiff;
  1640. $('#stage-pos-contract-expr')[0].checked = property.display.stage.posContractExpr;
  1641. $('#stage-correct')[0].checked = property.display.stage.correct;
  1642. $('#dayMode')[0].checked = property.display.dayMode;
  1643. }
  1644. $('#bd-set-5').on('show.bs.modal', function () {
  1645. loadDisplayProperty();
  1646. });
  1647. function post5 () {
  1648. const prop = {
  1649. display: {
  1650. ledger: { deal: $('#ledger-deal')[0].checked, dgnQty: $('#ledger-dgn-qty')[0].checked, clQty: $('#ledger-cl-qty')[0].checked, ancillaryGcl: $('#ancillary-gcl')[0].checked, },
  1651. thousandth: $('#thousandth')[0].checked,
  1652. stage: {
  1653. realComplete: $('#stage-rc')[0].checked, correct: $('#stage-correct')[0].checked,
  1654. priceDiff: $('#stage-priceDiff')[0].checked, posContractExpr: $('#stage-pos-contract-expr')[0].checked,
  1655. },
  1656. dayMode: $('#dayMode')[0].checked,
  1657. },
  1658. };
  1659. const tenderId = window.location.pathname.split('/')[2];
  1660. postData('/tender/' + tenderId + '/save', prop, function (data) {
  1661. if (data.display.dayMode !== property.display.dayMode) {
  1662. window.location.reload();
  1663. } else {
  1664. property.display = data.display;
  1665. $('#bd-set-5').modal('hide');
  1666. }
  1667. });
  1668. }
  1669. // 章节设置
  1670. const chapterObj = (function () {
  1671. const spreadSetting = {
  1672. cols: [
  1673. {title: '章节', colSpan: '1', rowSpan: '1', field: 'code', hAlign: 0, width: 100, formatter: '@', readOnly: true},
  1674. {title: '名称', colSpan: '1', rowSpan: '1', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true},
  1675. ],
  1676. emptyRows: 0,
  1677. headRows: 1,
  1678. headRowHeight: [32],
  1679. defaultRowHeight: 21,
  1680. headerFont: '12px 微软雅黑',
  1681. font: '12px 微软雅黑',
  1682. };
  1683. const spread = SpreadJsObj.createNewSpread($('#chapter-spread')[0]);
  1684. spread.options.showVerticalScrollbar = false;
  1685. spread.options.showHorizontalScrollbar = false;
  1686. SpreadJsObj.initSheet(spread.getActiveSheet(), spreadSetting);
  1687. function checkSheetData(sheet) {
  1688. let hint = '';
  1689. for (let iRow = 0; iRow < sheet.getRowCount(); iRow++) {
  1690. const cell = sheet.getCell(iRow, 1);
  1691. const defaultStype = sheet.getDefaultStyle();
  1692. cell.text(cell.text().replace(/\s/g, ''))
  1693. if (cell.text().length > 50) {
  1694. cell.backColor('#f8d7da');
  1695. hint = '章节名称的长度超出范围,请重新输入';
  1696. } else {
  1697. cell.backColor(defaultStype.backColor);
  1698. }
  1699. }
  1700. if (hint === '') {
  1701. $('#hint-6').hide();
  1702. } else {
  1703. $('#hint-6').html('<i class="fa fa-smile-o mr-2"></i>' + hint).show();
  1704. }
  1705. }
  1706. spread.bind(spreadNS.Events.EditEnding, function (e, info) {
  1707. checkSheetData(info.sheet);
  1708. });
  1709. spread.bind(spreadNS.Events.EditEnded, function (e, info) {
  1710. checkSheetData(info.sheet);
  1711. });
  1712. spread.bind(spreadNS.Events.ClipboardPasted, function (e, info) {
  1713. checkSheetData(info.sheet);
  1714. });
  1715. function loadChapterProperty() {
  1716. SpreadJsObj.loadSheetData(spread.getActiveSheet(), SpreadJsObj.DataType.Data, property.chapter);
  1717. $('#hint-6').hide();
  1718. const sheet = spread.getActiveSheet();
  1719. const defaultStype = sheet.getDefaultStyle();
  1720. sheet.getRange(0, 0, sheet.getRowCount(), sheet.getColumnCount()).backColor(defaultStype.backColor);
  1721. }
  1722. function setReadOnly(readOnly) {
  1723. SpreadJsObj.resetFieldReadOnly(spread.getActiveSheet(), 'name', readOnly);
  1724. }
  1725. function getNewChapterData() {
  1726. const result = [];
  1727. const sheet = spread.getActiveSheet();
  1728. for (let iRow = 0; iRow < sheet.getRowCount(); iRow++) {
  1729. const data = {};
  1730. for (let iCol = 0; iCol < sheet.getColumnCount(); iCol++) {
  1731. const col = spreadSetting.cols[iCol];
  1732. data[col.field] = sheet.getText(iRow, iCol).replace(/\s/g, '');
  1733. if (col.field === 'name') {
  1734. if (data.name.length > 50) {
  1735. return null;
  1736. }
  1737. }
  1738. }
  1739. result.push(data);
  1740. }
  1741. return result;
  1742. }
  1743. return { loadChapterProperty, setReadOnly, getNewChapterData, }
  1744. })();
  1745. $('#bd-set-6').on('show.bs.modal', function () {
  1746. chapterObj.loadChapterProperty();
  1747. chapterObj.setReadOnly(false);
  1748. });
  1749. function post6 () {
  1750. const chapter = chapterObj.getNewChapterData();
  1751. if (!chapter) { return; }
  1752. const tenderId = window.location.pathname.split('/')[2];
  1753. postData('/tender/' + tenderId + '/save', { chapter: chapter }, function (data) {
  1754. property.chapter = data.chapter;
  1755. $('#bd-set-6').modal('hide');
  1756. });
  1757. }
  1758. // 属性
  1759. function loadPayProperty () {
  1760. // 付款账号
  1761. $('#project-name').val(property.pay_account.project.name);
  1762. $('#project-bank').val(property.pay_account.project.bank);
  1763. $('#project-account').val(property.pay_account.project.account);
  1764. $('#project-rate').val(property.pay_account.project.rate);
  1765. $('#project-contact').val(property.pay_account.project.contact);
  1766. $('#project-phone').val(property.pay_account.project.phone);
  1767. $('#project-num').val(property.pay_account.project.num);
  1768. $('#worker-name').val(property.pay_account.worker.name);
  1769. $('#worker-bank').val(property.pay_account.worker.bank);
  1770. $('#worker-account').val(property.pay_account.worker.account);
  1771. $('#worker-rate').val(property.pay_account.worker.rate);
  1772. $('#worker-contact').val(property.pay_account.worker.contact);
  1773. $('#worker-phone').val(property.pay_account.worker.phone);
  1774. $('#worker-num').val(property.pay_account.worker.num);
  1775. }
  1776. $('#bd-set-7').on('show.bs.modal', function () {
  1777. loadPayProperty();
  1778. })
  1779. function post7 () {
  1780. let flag = false;
  1781. const rate_reg = /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2}))|)$/;
  1782. const phone_reg = /^((0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/;
  1783. const project_rate = $('#project-rate').val();
  1784. if (!rate_reg.test(project_rate) && project_rate !== '') {
  1785. toastr.error('工程款账户分账划拨比例数字格式有误且最多保留2位小数');
  1786. flag = true;
  1787. }
  1788. const project_phone = $('#project-phone').val();
  1789. if (!phone_reg.test(project_phone) && project_phone !== '') {
  1790. toastr.error('工程款账户联系电话格式有误');
  1791. flag = true;
  1792. }
  1793. const worker_rate = $('#worker-rate').val();
  1794. if (!rate_reg.test(worker_rate) && worker_rate !== '') {
  1795. toastr.error('农民工工资专用账户分账划拨比例数字格式有误且最多保留2位小数');
  1796. flag = true;
  1797. }
  1798. const worker_phone = $('#worker-phone').val();
  1799. if (!phone_reg.test(worker_phone) && worker_phone !== '') {
  1800. toastr.error('农民工工资专用账户联系电话格式有误');
  1801. flag = true;
  1802. }
  1803. if (flag) {
  1804. return false;
  1805. }
  1806. const prop = {
  1807. pay_account: {
  1808. project: {
  1809. name: $('#project-name').val(),
  1810. bank: $('#project-bank').val(),
  1811. account: $('#project-account').val(),
  1812. rate: $('#project-rate').val(),
  1813. contact: $('#project-contact').val(),
  1814. phone: $('#project-phone').val(),
  1815. num: $('#project-num').val(),
  1816. },
  1817. worker: {
  1818. name: $('#worker-name').val(),
  1819. bank: $('#worker-bank').val(),
  1820. account: $('#worker-account').val(),
  1821. rate: $('#worker-rate').val(),
  1822. contact: $('#worker-contact').val(),
  1823. phone: $('#worker-phone').val(),
  1824. num: $('#worker-num').val(),
  1825. },
  1826. },
  1827. };
  1828. const tenderId = window.location.pathname.split('/')[2];
  1829. postData('/tender/' + tenderId + '/save', prop, function (data) {
  1830. property.pay_account = data.pay_account;
  1831. $('#bd-set-7').modal('hide');
  1832. });
  1833. }
  1834. </script>
  1835. <% if (ctx.session.sessionUser.is_admin) { %>
  1836. <!--标段类型-->
  1837. <div class="modal fade" id="bd-set-13" data-backdrop="static">
  1838. <div class="modal-dialog" role="document">
  1839. <div class="modal-content">
  1840. <div class="modal-header">
  1841. <h5 class="modal-title">标段类型</h5>
  1842. </div>
  1843. <div class="modal-body">
  1844. <div class="row">
  1845. <div class="col-6 mb-2">
  1846. <div class="input-group input-group-sm">
  1847. <div class="input-group-prepend">
  1848. <span class="input-group-text" style="width:90px">标段类型</span>
  1849. </div>
  1850. <select class="form-control" id="tender-s-type">
  1851. <option value="">请选择</option>
  1852. <% for (const ps of projectSpread) { %>
  1853. <option value="<%- ps.code %>"><%- ps.name %></option>
  1854. <% } %>
  1855. </select>
  1856. </div>
  1857. </div>
  1858. </div>
  1859. <div class="row">
  1860. <div class="col-6 mb-2">
  1861. <div class="input-group input-group-sm">
  1862. <div class="input-group-prepend">
  1863. <span class="input-group-text" style="width:90px">计价类型</span>
  1864. </div>
  1865. <select class="form-control" id="tender-calc-type">
  1866. <option value="up">单价合同</option>
  1867. <option value="tp">总价合同</option>
  1868. </select>
  1869. </div>
  1870. </div>
  1871. </div>
  1872. </div>
  1873. <div class="modal-footer">
  1874. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  1875. <button type="button" class="btn btn-sm btn-primary" onclick="post13();">确认修改</button>
  1876. </div>
  1877. </div>
  1878. </div>
  1879. </div>
  1880. <div class="modal fade" id="bd-set-14" data-backdrop="static">
  1881. <div class="modal-dialog" role="document">
  1882. <div class="modal-content">
  1883. <div class="modal-header">
  1884. <h5 class="modal-title">超计判断条件</h5>
  1885. </div>
  1886. <div class="modal-body">
  1887. <div class="in-2">
  1888. <label for="" class="mr-4">超计判断依据:</label>
  1889. <div class="form-check form-check-inline ">
  1890. <input class="form-check-input" name="oc-field" type="radio" id="oc-field-deal" value="deal">
  1891. <label class="form-check-label" for="oc-field-deal">签约</label>
  1892. </div>
  1893. <div class="form-check form-check-inline">
  1894. <input class="form-check-input" name="oc-field" type="radio" id="oc-field-tz" value="tz">
  1895. <label class="form-check-label" for="oc-field-tz">台账</label>
  1896. </div>
  1897. <div class="form-check form-check-inline">
  1898. <input class="form-check-input" name="oc-field" type="radio" id="oc-field-both" value="both">
  1899. <label class="form-check-label" for="oc-field-both">签约或台账</label>
  1900. </div>
  1901. </div>
  1902. <div class="in-2">
  1903. <label>含计量单元的清单:</label>
  1904. <div class="form-check form-check-inline ">
  1905. <input class="form-check-input" name="oc-bp" type="radio" id="oc-bp-bills" value="bills">
  1906. <label class="form-check-label" for="oc-bp-bills">清单</label>
  1907. </div>
  1908. <div class="form-check form-check-inline">
  1909. <input class="form-check-input" name="oc-bp" type="radio" id="oc-bp-pos" value="pos">
  1910. <label class="form-check-label" for="oc-bp-pos">计量单元</label>
  1911. </div>
  1912. <div class="form-check form-check-inline">
  1913. <input class="form-check-input" name="oc-bp" type="radio" id="oc-bp-both" value="both">
  1914. <label class="form-check-label" for="oc-bp-both">清单和计量单元</label>
  1915. </div>
  1916. </div>
  1917. <div class="in-2" style="vertical-align: middle;">
  1918. <label class="mr-5">数据比例:</label>
  1919. <div class="form-check form-check-inline">
  1920. <div class="input-group input-group-sm" style="width:100px">
  1921. <input type="number" class="form-control" name="oc-percent" max="100" min="0" step="2" value="100">
  1922. <div class="input-group-append">
  1923. <span class="input-group-text">%</span>
  1924. </div>
  1925. </div>
  1926. </div>
  1927. </div>
  1928. </div>
  1929. <div class="modal-footer">
  1930. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  1931. <button type="button" class="btn btn-sm btn-primary" onclick="post14();">确认修改</button>
  1932. </div>
  1933. </div>
  1934. </div>
  1935. </div>
  1936. <!--游客账号-->
  1937. <div class="modal fade" id="bd-set-9" data-backdrop="static">
  1938. <div class="modal-dialog" role="document">
  1939. <div class="modal-content">
  1940. <div class="modal-header">
  1941. <h5 class="modal-title">游客账号</h5>
  1942. </div>
  1943. <div class="modal-body">
  1944. <div class="dropdown text-right">
  1945. <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="tourist_dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  1946. 添加游客
  1947. </button>
  1948. <div class="dropdown-menu dropdown-menu-right" id="tourist_dropdownMenu" aria-labelledby="tourist_dropdownMenuButton" style="width:220px">
  1949. <div class="mb-2 p-2"><input class="form-control form-control-sm gr-search"
  1950. placeholder="姓名/手机 检索" autocomplete="off"></div>
  1951. <dl class="list-unstyled book-list">
  1952. <% accountGroup.forEach((group, idx) => { %>
  1953. <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>" data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
  1954. <div class="dd-content" data-toggleid="<%- idx %>">
  1955. <% group.groupList.forEach(item => { %>
  1956. <% if (item.id !== ctx.tender.data.user_id) { %>
  1957. <dd class="border-bottom p-2 mb-0 " data-id="<%- item.id %>" >
  1958. <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
  1959. class="ml-auto"><%- item.mobile %></span></p>
  1960. <span class="text-muted"><%- item.role %></span>
  1961. </dd>
  1962. <% } %>
  1963. <% });%>
  1964. </div>
  1965. <% }) %>
  1966. </dl>
  1967. </div>
  1968. </div>
  1969. <div class="mt-3">
  1970. <!-- <div class="card-header">
  1971. 游客列表
  1972. </div> -->
  1973. <div class="">
  1974. <table class="table table-bordered">
  1975. <tr><th>用户</th><th>附件</th><th >书签</th><th>设置</th></tr>
  1976. <tbody id="tourist-users">
  1977. <% for (const t of tourists) { %>
  1978. <tr data-id="<%- t.user_id %>">
  1979. <td><b class="col-3 pl-0"><%- t.user_name %></b></td>
  1980. <td>
  1981. <div class="custom-control custom-checkbox mb-2">
  1982. <input type="checkbox" id="<%- t.id %>_file" data-id="<%- t.id %>" name="file" class="custom-control-input set-tourist-permission" <% if(t.permission.file) { %>checked<% } %>>
  1983. <label class="custom-control-label" for="<%- t.id %>_file"></label>
  1984. </div>
  1985. </td>
  1986. <td>
  1987. <div class="custom-control custom-checkbox mb-2">
  1988. <input type="checkbox" id="<%- t.id %>_tag" data-id="<%- t.id %>" name="tag" class="custom-control-input set-tourist-permission" <% if(t.permission.tag) { %>checked<% } %>>
  1989. <label class="custom-control-label" for="<%- t.id %>_tag"></label>
  1990. </div>
  1991. </td>
  1992. <td><a href="javascript:void(0);" data-id="<%- t.id %>" class="text-danger remove-tourist-user">移除</a></td>
  1993. </tr>
  1994. <% } %>
  1995. </tbody>
  1996. </table>
  1997. </div>
  1998. </div>
  1999. </div>
  2000. <div class="modal-footer">
  2001. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  2002. </div>
  2003. </div>
  2004. </div>
  2005. </div>
  2006. <!--上报控制-->
  2007. <div class="modal fade" id="bd-set-10" data-backdrop="static">
  2008. <div class="modal-dialog" role="document">
  2009. <div class="modal-content">
  2010. <div class="modal-header">
  2011. <h5 class="modal-title">上报控制</h5>
  2012. </div>
  2013. <div class="modal-body">
  2014. <div class="form-group">
  2015. <div class="custom-control custom-checkbox mb-2">
  2016. <input type="checkbox" class="custom-control-input" id="lc_same_code" checked="">
  2017. <label class="custom-control-label" for="lc_same_code">重复项目节</label>
  2018. </div>
  2019. <div class="custom-control custom-checkbox mb-2">
  2020. <input type="checkbox" class="custom-control-input" id="lc_sibling" checked="">
  2021. <label class="custom-control-label" for="lc_sibling">项目节清单同层次</label>
  2022. </div>
  2023. <div class="custom-control custom-checkbox mb-2">
  2024. <input type="checkbox" class="custom-control-input" id="lc_over" checked="">
  2025. <label class="custom-control-label" for="lc_over">超计判断</label>
  2026. </div>
  2027. <div class="custom-control custom-checkbox mb-2">
  2028. <input type="checkbox" class="custom-control-input" id="lc_banMinusChangeBills" checked="">
  2029. <label class="custom-control-label" for="lc_banMinusChangeBills">强制调用负变更(限制上报审批/审批通过)</label>
  2030. </div>
  2031. </div>
  2032. </div>
  2033. <div class="modal-footer">
  2034. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  2035. <button type="button" class="btn btn-sm btn-primary" onclick="post10()">确认修改</button>
  2036. </div>
  2037. </div>
  2038. </div>
  2039. </div>
  2040. <div class="modal fade" id="bd-set-12" data-backdrop="static">
  2041. <div class="modal-dialog" role="document">
  2042. <div class="modal-content">
  2043. <div class="modal-header">
  2044. <h5 class="modal-title">功能设置</h5>
  2045. </div>
  2046. <div class="modal-body">
  2047. <div class="form-group">
  2048. <div class="custom-control custom-checkbox mb-2">
  2049. <input type="checkbox" class="custom-control-input" id="sl_ignoreParent" checked="">
  2050. <label class="custom-control-label" for="sl_ignoreParent">更新/导入其他标段数据-忽略父项</label>
  2051. </div>
  2052. </div>
  2053. <div class="form-group">
  2054. <div class="custom-control custom-checkbox mb-2">
  2055. <input type="checkbox" class="custom-control-input" id="sc_minusNoValue" checked="">
  2056. <label class="custom-control-label" for="sc_minusNoValue">计量台账-变更-计量不计价</label>
  2057. </div>
  2058. </div>
  2059. <div class="form-group">
  2060. <div class="custom-control custom-checkbox mb-2">
  2061. <input type="checkbox" class="custom-control-input" id="sr_show" checked="">
  2062. <label class="custom-control-label" for="sr_show">关联台账</label>
  2063. </div>
  2064. </div>
  2065. <div class="form-group">
  2066. <div class="custom-control custom-checkbox mb-2">
  2067. <input type="checkbox" class="custom-control-input" id="hint_over" checked="">
  2068. <label class="custom-control-label" for="hint_over">超计时标红显示</label>
  2069. </div>
  2070. </div>
  2071. </div>
  2072. <div class="modal-footer">
  2073. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  2074. <button type="button" class="btn btn-sm btn-primary" onclick="post12()">确认修改</button>
  2075. </div>
  2076. </div>
  2077. </div>
  2078. </div>
  2079. <script>
  2080. const accountGroup = JSON.parse(unescape('<%- escape(JSON.stringify(accountGroup)) %>'));
  2081. const accountList = JSON.parse(unescape('<%- escape(JSON.stringify(accountList)) %>'));
  2082. const cur_tender_uid = parseInt('<%- ctx.tender.data.user_id %>');
  2083. const cur_tenderid = parseInt('<%- ctx.tender.id %>');
  2084. const loadLedgerCheckProperty = function () {
  2085. $('#lc_same_code')[0].checked = property.ledger_check.same_code;
  2086. $('#lc_sibling')[0].checked = property.ledger_check.sibling;
  2087. $('#lc_over')[0].checked = property.ledger_check.over;
  2088. $('#lc_banMinusChangeBills')[0].checked = property.ledger_check.banMinusChangeBills;
  2089. };
  2090. $('#bd-set-10').on('show.bs.modal', function () {
  2091. loadLedgerCheckProperty();
  2092. });
  2093. function post10 () {
  2094. const prop = {
  2095. ledger_check: {
  2096. same_code: $('#lc_same_code')[0].checked,
  2097. sibling: $('#lc_sibling')[0].checked,
  2098. over: $('#lc_over')[0].checked,
  2099. banMinusChangeBills: $('#lc_banMinusChangeBills')[0].checked,
  2100. },
  2101. };
  2102. const tenderId = window.location.pathname.split('/')[2];
  2103. postData('/tender/' + tenderId + '/save2', prop, function (data) {
  2104. property.ledger_check = data.ledger_check;
  2105. $('#bd-set-10').modal('hide');
  2106. });
  2107. }
  2108. const loadFunRelaProperty = function () {
  2109. $('#sl_ignoreParent')[0].checked = property.fun_rela.sum_load.ignoreParent;
  2110. $('#sc_minusNoValue')[0].checked = property.fun_rela.stage_change.minusNoValue;
  2111. $('#sr_show')[0].checked = property.fun_rela.stage_rela.show;
  2112. $('#hint_over')[0].checked = property.fun_rela.hintOver;
  2113. };
  2114. $('#bd-set-12').on('show.bs.modal', function () {
  2115. loadFunRelaProperty();
  2116. });
  2117. function post12 () {
  2118. const prop = {
  2119. fun_rela: {
  2120. hintOver: $('#hint_over')[0].checked,
  2121. sum_load: {
  2122. ignoreParent: $('#sl_ignoreParent')[0].checked,
  2123. },
  2124. stage_change: {
  2125. minusNoValue: $('#sc_minusNoValue')[0].checked,
  2126. },
  2127. stage_rela: {
  2128. show: $('#sr_show')[0].checked,
  2129. }
  2130. },
  2131. };
  2132. const tenderId = window.location.pathname.split('/')[2];
  2133. postData('/tender/' + tenderId + '/save2', prop, function (data) {
  2134. property.fun_rela = data.fun_rela;
  2135. $('#bd-set-12').modal('hide');
  2136. });
  2137. }
  2138. const loadSTypeProperty = function () {
  2139. $('#tender-s-type').val(property.s_type);
  2140. $('#tender-calc-type').val(property.calc_type);
  2141. };
  2142. $('#bd-set-13').on('show.bs.modal', function () {
  2143. loadSTypeProperty();
  2144. });
  2145. function post13() {
  2146. const prop = {
  2147. s_type: $('#tender-s-type').val(),
  2148. calc_type: $('#tender-calc-type').val(),
  2149. }
  2150. const tenderId = window.location.pathname.split('/')[2];
  2151. postData('/tender/' + tenderId + '/save2', prop, function (data) {
  2152. property.s_type = data.s_type;
  2153. property.calc_type = data.calc_type;
  2154. $('#bd-set-13').modal('hide');
  2155. });
  2156. }
  2157. const loadOverCheckProperty = function () {
  2158. //$('[name=oc-field]').removeAttr('checked');
  2159. $(`#oc-field-${property.over_range_check.field}`)[0].checked = true;
  2160. //$('[name=oc-bp]').removeAttr('checked');
  2161. $(`#oc-bp-${property.over_range_check.billsWithPos}`)[0].checked = true;
  2162. $('[name=oc-percent]').val(property.over_range_check.percent);
  2163. };
  2164. $('#bd-set-14').on('show.bs.modal', function () {
  2165. loadOverCheckProperty();
  2166. });
  2167. function post14() {
  2168. let percent;
  2169. try {
  2170. percent = parseInt($('[name=oc-percent]').val());
  2171. if (percent < 0 || percent > 100) throw '数据比例请输入0-100的整数';
  2172. } catch (err) {
  2173. toastr.error('数据比例请输入0-100的整数');
  2174. return;
  2175. }
  2176. const prop = {
  2177. over_range_check: {
  2178. field: $('[name=oc-field]:checked').val(),
  2179. billsWithPos: $('[name=oc-bp]:checked').val(),
  2180. percent: percent,
  2181. }
  2182. }
  2183. const tenderId = window.location.pathname.split('/')[2];
  2184. postData('/tender/' + tenderId + '/save2', prop, function (data) {
  2185. property.over_range_check = data.over_range_check;
  2186. $('#bd-set-14').modal('hide');
  2187. });
  2188. }
  2189. $(function () {
  2190. // 投资进度
  2191. let timer2 = null;
  2192. let oldSearchVal2 = null;
  2193. $('body').on('input propertychange', '#tourist_dropdownMenu .gr-search', function (e) {
  2194. oldSearchVal2 = e.target.value;
  2195. timer2 && clearTimeout(timer2);
  2196. timer2 = setTimeout(() => {
  2197. const newVal = $(this).val();
  2198. let html = '';
  2199. if (newVal && newVal === oldSearchVal2) {
  2200. accountList.filter(item => item && item.id !== cur_tender_uid && (item.name.indexOf(newVal) !== -1 || (item.mobile && item.mobile.indexOf(newVal) !== -1))).forEach(item => {
  2201. html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
  2202. <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
  2203. class="ml-auto">${item.mobile || ''}</span></p>
  2204. <span class="text-muted">${item.role || ''}</span>
  2205. </dd>`
  2206. });
  2207. $('#tourist_dropdownMenu .book-list').empty();
  2208. $('#tourist_dropdownMenu .book-list').append(html);
  2209. } else {
  2210. if (!$('#tourist_dropdownMenu .acc-btn').length) {
  2211. accountGroup.forEach((group, idx) => {
  2212. if (!group) return;
  2213. html += `<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="${idx}" data-type="hide"><i class="fa fa-plus-square"></i>
  2214. </a> ${group.groupName}</dt>
  2215. <div class="dd-content" data-toggleid="${idx}">`;
  2216. group.groupList.forEach(item => {
  2217. if (item.id !== cur_tender_uid) {
  2218. html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
  2219. <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
  2220. class="ml-auto">${item.mobile || ''}</span></p>
  2221. <span class="text-muted">${item.role || ''}</span>
  2222. </dd>`;
  2223. }
  2224. });
  2225. html += '</div>';
  2226. });
  2227. $('#tourist_dropdownMenu .book-list').empty();
  2228. $('#tourist_dropdownMenu .book-list').append(html);
  2229. }
  2230. }
  2231. }, 400);
  2232. });
  2233. // 添加审批流程按钮逻辑
  2234. $('body').on('click', '#tourist_dropdownMenu .book-list dt', function () {
  2235. const idx = $(this).find('.acc-btn').attr('data-groupid');
  2236. const type = $(this).find('.acc-btn').attr('data-type');
  2237. if (type === 'hide') {
  2238. $(this).parent().find(`div[data-toggleid="${idx}"]`).show(() => {
  2239. $(this).children().find('i').removeClass('fa-plus-square').addClass('fa-minus-square-o');
  2240. $(this).find('.acc-btn').attr('data-type', 'show');
  2241. })
  2242. } else {
  2243. $(this).parent().find(`div[data-toggleid="${idx}"]`).hide(() => {
  2244. $(this).children().find('i').removeClass('fa-minus-square-o').addClass('fa-plus-square');
  2245. $(this).find('.acc-btn').attr('data-type', 'hide');
  2246. })
  2247. }
  2248. return false;
  2249. });
  2250. // 选中用户
  2251. $('body').on('click', '#tourist_dropdownMenu dl dd', function () {
  2252. const id = parseInt($(this).data('id'));
  2253. if (id) {
  2254. const user = _.find(accountList, function (item) {
  2255. return item.id === id;
  2256. });
  2257. const saIdList = [];
  2258. for (let i = 0; i < $('#tourist-users tr').length; i++) {
  2259. saIdList.push(parseInt($('#tourist-users tr').eq(i).data('id')));
  2260. }
  2261. if (_.includes(saIdList, id)) {
  2262. toastr.error('该用户已存在列表中,无需重复添加');
  2263. return;
  2264. }
  2265. const prop = {
  2266. user_id: id,
  2267. type: 'add',
  2268. };
  2269. postData('/tender/' + cur_tenderid + '/tourist/audit/save', prop, function (data) {
  2270. // const html = '<li class="list-group-item" data-id="' + user.id + '">\n' +
  2271. // '<a href="javascript:void(0);" class="text-danger pull-right remove-tourist-user" data-id="' + data.id + '">移除</a>' + user.name + ' ' +
  2272. // '<small class="text-muted">' + user.role + '</small><p class="m-0 ml-2"><small class="text-muted">' + user.company + '</small></p></li>';
  2273. const html = '<tr data-id="' + user.id + '">\n' +
  2274. ' <td><b class="col-3 pl-0">' + user.name + '</b></td>\n' +
  2275. ' <td>\n' +
  2276. ' <div class="custom-control custom-checkbox mb-2">\n' +
  2277. ' <input type="checkbox" id="'+ data.id +'_file" data-id="'+ data.id +'" name="file" class="custom-control-input set-tourist-permission">\n' +
  2278. ' <label class="custom-control-label" for="'+ data.id +'_file"></label>\n' +
  2279. ' </div>\n' +
  2280. ' </td>\n' +
  2281. ' <td>\n' +
  2282. ' <div class="custom-control custom-checkbox mb-2">\n' +
  2283. ' <input type="checkbox" id="'+ data.id +'_tag" data-id="'+ data.id +'" name="tag" class="custom-control-input set-tourist-permission">\n' +
  2284. ' <label class="custom-control-label" for="'+ data.id +'_tag"></label>\n' +
  2285. ' </div>\n' +
  2286. ' </td>\n' +
  2287. ' <td><a href="javascript:void(0);" data-id="' + data.id + '" class="text-danger remove-tourist-user">移除</a></td>\n' +
  2288. ' </tr>';
  2289. $('#tourist-users').append(html);
  2290. // 外面显示游客数量
  2291. const num = $('#tourist-users tr').length;
  2292. if (!$('#tourist-num').hasClass('badge')) {
  2293. $('#tourist-num').addClass('badge badge-secondary').text(num);
  2294. } else {
  2295. $('#tourist-num').text(num);
  2296. }
  2297. });
  2298. }
  2299. });
  2300. // 移除用户
  2301. $('body').on('click', '#tourist-users .remove-tourist-user', function () {
  2302. const id = parseInt($(this).data('id'));
  2303. if (id) {
  2304. const prop = {
  2305. id,
  2306. type: 'del',
  2307. };
  2308. const _self = $(this);
  2309. postData('/tender/' + cur_tenderid + '/tourist/audit/save', prop, function (data) {
  2310. _self.parents('tr').remove();
  2311. // 外面显示游客数量
  2312. const num = $('#tourist-users tr').length;
  2313. if (num == 0) {
  2314. $('#tourist-num').removeClass('badge badge-secondary').text('');
  2315. } else {
  2316. $('#tourist-num').text(num);
  2317. }
  2318. });
  2319. }
  2320. });
  2321. // 权限设置
  2322. $('body').on('click', '#tourist-users .set-tourist-permission', function () {
  2323. const id = parseInt($(this).data('id'));
  2324. const permission = {
  2325. file: ($(this).attr('name') === 'file' ? $(this).is(':checked') : $('#' + id + '_file').is(':checked')) ? 1 : 0,
  2326. tag: ($(this).attr('name') === 'tag' ? $(this).is(':checked') : $('#' + id + '_tag').is(':checked')) ? 1 : 0,
  2327. }
  2328. const prop = {
  2329. id,
  2330. type: 'permission',
  2331. permission,
  2332. }
  2333. console.log(prop);
  2334. postData('/tender/' + cur_tenderid + '/tourist/audit/save', prop, function (data) {
  2335. });
  2336. });
  2337. });
  2338. </script>
  2339. <!--概况设置-->
  2340. <div class="modal fade" id="bd-set-11" data-backdrop="static">
  2341. <div class="modal-dialog modal-lg" role="document">
  2342. <div class="modal-content">
  2343. <div class="modal-header">
  2344. <h5 class="modal-title">概况设置</h5>
  2345. </div>
  2346. <div class="modal-body modal-height-400">
  2347. <div class="container-fluid">
  2348. <div class="d-flex justify-content-between">
  2349. <div class="map-set">
  2350. <div class="card card-gk-width p-3 select-map <% if (hadMap === 1 || hadMap === 3) { %>card-gk-active<% } %>" data-value="3">
  2351. <div class="card-body p-0">
  2352. <h5 class="card-title card-gk-title">
  2353. <div class="d-flex justify-content-between align-items-center">
  2354. <div>图表版</div>
  2355. <div class="sel-width <% if (hadMap === 1 || hadMap === 3) { %>sel-blue<% } else { %>sel-gary<% } %>"></div>
  2356. </div>
  2357. </h5>
  2358. <div class="card-text">
  2359. <div class="my-4"><img src="/public/images/tubiaoban.png"></div>
  2360. </div>
  2361. </div>
  2362. </div>
  2363. </div>
  2364. <div class="map-set">
  2365. <div class="card card-gk-width p-3 select-map <% if (hadMap === 2) { %>card-gk-active<% } %>" data-value="2">
  2366. <div class="card-body p-0">
  2367. <h5 class="card-title card-gk-title">
  2368. <div class="d-flex justify-content-between align-items-center">
  2369. <div>地图版</div>
  2370. <div class="sel-width <% if (hadMap === 2) { %>sel-blue<% } else { %>sel-gary<% } %>"></div>
  2371. </div>
  2372. </h5>
  2373. <div class="card-text">
  2374. <div class="my-4"><img src="/public/images/jingtai.png"></div>
  2375. </div>
  2376. </div>
  2377. <div class="card-gk-bottom">
  2378. <div class="d-flex justify-content-between align-items-center">
  2379. <div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
  2380. <!-- <button type="button" data-value="1" class="btn change-map btn-secondary">动态坐标</button>-->
  2381. <!-- <button type="button" data-value="2" class="btn change-map btn-outline-primary">静态图片</button>-->
  2382. <button type="button" data-value="2" class="btn change-map btn-secondary">静态图片</button>
  2383. </div>
  2384. <div>
  2385. <!-- <a href="#bd-set-11-1" class="show-map-edit" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">编辑坐标</a>-->
  2386. <a href="#bd-set-11-5" class="show-map-edit" data-toggle="modal" data-target="#bd-set-11-5" data-dismiss="modal">上传图片</a>
  2387. </div>
  2388. </div>
  2389. </div>
  2390. </div>
  2391. </div>
  2392. </div>
  2393. </div>
  2394. </div>
  2395. <div class="modal-footer">
  2396. <input type="hidden" id="map-value" value="<%- hadMap %>">
  2397. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  2398. <button type="button" class="btn btn-sm btn-primary" id="save-select-map" >确认修改</button>
  2399. </div>
  2400. </div>
  2401. </div>
  2402. </div>
  2403. <!--上传图片-->
  2404. <div class="modal fade" id="bd-set-11-5" data-backdrop="static">
  2405. <div class="modal-dialog modal-lg" role="document">
  2406. <div class="modal-content">
  2407. <div class="modal-header">
  2408. <h5 class="modal-title">上传静态图片</h5>
  2409. </div>
  2410. <div class="modal-body">
  2411. <p><input value="选择图片" type="file" id="upload-map-pic" /></p>
  2412. <p>预览</p>
  2413. <div id="show-map-pic" style="border: 1px solid rgba(0,0,0,.125);height: 388px; width: 100%;">
  2414. <% if (map_pic) { %>
  2415. <img style="display:block;width:100%;height: 387px;margin:0 auto;" src="<%- fujianOssPath + map_pic %>">
  2416. <% } else { %>
  2417. <div class="p-5 text-center text-muted">
  2418. <img src="/public/images/nulllogo.png" />
  2419. <div class="pt-3">暂无静态图片</div>
  2420. </div>
  2421. <% } %>
  2422. </div>
  2423. </div>
  2424. <div class="modal-footer">
  2425. <a href="#bd-set-11" class="btn btn-sm btn-secondary show-map-edit" data-toggle="modal" data-target="#bd-set-11" onclick="back=true" data-dismiss="modal">关闭</a>
  2426. <% if (hadMap === 2) { %>
  2427. <button type="button" class="btn btn-sm btn-success" onclick="window.location.reload()" >刷新显示</button>
  2428. <% } %>
  2429. </div>
  2430. </div>
  2431. </div>
  2432. </div>
  2433. <!--地图路线-->
  2434. <div class="modal fade" id="bd-set-11-1" data-backdrop="static">
  2435. <div class="modal-dialog" role="document">
  2436. <div class="modal-content">
  2437. <div class="modal-header">
  2438. <h5 class="modal-title">地图路线</h5>
  2439. </div>
  2440. <div class="modal-body">
  2441. <a href="javascript:void(0)" id="add-map" class="btn btn-primary btn-sm">添加路线</a>
  2442. <div style="max-height:450px;overflow: auto">
  2443. <table class="table table-bordered table-sm">
  2444. <tr><th>路线</th><th width="150">编辑</th></tr>
  2445. <tbody id="map-table">
  2446. <% for (const tm of tenderMapList) { %>
  2447. <tr><td><%- tm.name %></td><td><a href="#bd-set-11-2" data-mid="<%- tm.id %>" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal" class="save-map-btn">编辑坐标</a> <a href="#bd-set-11-3" data-mid="<%- tm.id %>" data-toggle="modal" data-target="#bd-set-11-3" data-dismiss="modal" class="text-danger del-map-btn">删除</a></td></tr>
  2448. <% } %>
  2449. </tbody>
  2450. </table>
  2451. </div>
  2452. </div>
  2453. <div class="modal-footer">
  2454. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  2455. <% if (hadMap === 1) { %>
  2456. <button type="button" class="btn btn-sm btn-success" onclick="window.location.reload()" >刷新显示</button>
  2457. <% } %>
  2458. </div>
  2459. </div>
  2460. </div>
  2461. </div>
  2462. <div class="modal fade" id="bd-set-11-2" data-backdrop="static">
  2463. <div class="modal-dialog" role="document">
  2464. <div class="modal-content">
  2465. <div class="modal-header">
  2466. <h5 class="modal-title">地图路线</h5>
  2467. </div>
  2468. <div class="modal-body">
  2469. <input class="form-control form-control-sm mb-1" type="text" id="map-name" value="" placeholder="请输入路线名称">
  2470. <input class="form-control form-control-sm mb-1" type="text" id="map-tips" value="" placeholder="请输入路线标注(可以为空)">
  2471. <div id="map-color-select" class="input-group mb-1">
  2472. <input id="map-color" type="text" placeholder="请选择路线颜色" class="form-control form-control-sm" style="height: 30px" />
  2473. <span class="input-group-append"><span class="input-group-text colorpicker-input-addon"><i></i></span></span>
  2474. </div>
  2475. <!--<input class="form-control form-control-sm mb-1" type="text" id="map-color" value="#ff0000" placeholder="请选择路线颜色">-->
  2476. <div class="modal-height-300" style="overflow-y: auto">
  2477. <div id="map-spread" style="height: 297px; width: 465px;"></div>
  2478. </div>
  2479. </div>
  2480. <div class="modal-footer">
  2481. <button class="btn btn-sm btn-secondary save-map" data-close="1" data-mid="">关闭</button>
  2482. <button type="button" class="btn btn-sm btn-primary save-map" data-close="0" data-mid="">确认修改</button>
  2483. </div>
  2484. </div>
  2485. </div>
  2486. </div>
  2487. <!--删除路线-->
  2488. <div class="modal fade" id="bd-set-11-3" data-backdrop="static">
  2489. <div class="modal-dialog" role="document">
  2490. <div class="modal-content">
  2491. <div class="modal-header">
  2492. <h5 class="modal-title">删除路线</h5>
  2493. </div>
  2494. <div class="modal-body">
  2495. 删除路线信息及已填坐标,请谨慎操作,确认删除本路线?
  2496. </div>
  2497. <div class="modal-footer">
  2498. <a href="#bd-set-11-1" class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">关闭</a>
  2499. <button type="button" class="btn btn-sm btn-danger" id="del-map" data-mid="">确认删除</button>
  2500. </div>
  2501. </div>
  2502. </div>
  2503. </div>
  2504. <!--关闭退出编辑-->
  2505. <div class="modal fade" id="bd-set-11-4" data-backdrop="static">
  2506. <div class="modal-dialog" role="document">
  2507. <div class="modal-content">
  2508. <div class="modal-header">
  2509. <h5 class="modal-title">关闭路线编辑</h5>
  2510. </div>
  2511. <div class="modal-body">
  2512. 当前路线数据发生过修改,是否保存修改数据并退出?
  2513. </div>
  2514. <div class="modal-footer">
  2515. <a href="javascript:void(0)" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</a>
  2516. <button id="back-set-11-1" class="btn btn-sm btn-danger">直接退出</button>
  2517. <button type="button" class="btn btn-sm btn-primary save-map" data-colse="0" data-mid="">保存并退出</button>
  2518. </div>
  2519. </div>
  2520. </div>
  2521. </div>
  2522. <script>
  2523. const hadMap = parseInt(<%- hadMap %>);
  2524. const fujianOssPath = JSON.parse(unescape('<%- escape(JSON.stringify(fujianOssPath)) %>'));
  2525. let back = false;
  2526. $(function () {
  2527. $('#bd-set-11').on('shown.bs.modal', function () {
  2528. if (!back) {
  2529. if (hadMap === 2) {
  2530. $('#bd-set-11').find('.card').eq(1).addClass('card-gk-active');
  2531. $('#bd-set-11').find('.card').eq(1).find('.sel-width').removeClass('sel-gary').addClass('sel-blue');
  2532. $('#bd-set-11').find('.card').eq(0).removeClass('card-gk-active');
  2533. $('#bd-set-11').find('.card').eq(0).find('.sel-width').removeClass('sel-blue').addClass('sel-gary');
  2534. $('#bd-set-11').find('.card').eq(1).attr('data-value', hadMap);
  2535. // if (hadMap === 1) {
  2536. // $('.change-map').eq(0).removeClass('btn-outline-primary').addClass('btn-secondary');
  2537. // $('.change-map').eq(1).removeClass('btn-secondary').addClass('btn-outline-primary');
  2538. // $('.show-map-edit').eq(0).show();
  2539. // $('.show-map-edit').eq(1).hide();
  2540. // $('#bd-set-11').find('.card').eq(1).find('img').attr('src', '/public/images/dongtai.png');
  2541. // } else {
  2542. // $('.change-map').eq(1).removeClass('btn-outline-primary').addClass('btn-secondary');
  2543. // $('.change-map').eq(0).removeClass('btn-secondary').addClass('btn-outline-primary');
  2544. // $('.show-map-edit').eq(1).show();
  2545. // $('.show-map-edit').eq(0).hide();
  2546. // $('#bd-set-11').find('.card').eq(1).find('img').attr('src', '/public/images/jingtai.png');
  2547. // }
  2548. } else if (hadMap === 1 || hadMap === 3) {
  2549. $('#bd-set-11').find('.card').eq(0).addClass('card-gk-active');
  2550. $('#bd-set-11').find('.card').eq(0).find('.sel-width').removeClass('sel-gary').addClass('sel-blue');
  2551. $('#bd-set-11').find('.card').eq(1).removeClass('card-gk-active');
  2552. $('#bd-set-11').find('.card').eq(1).find('.sel-width').removeClass('sel-blue').addClass('sel-gary');
  2553. }
  2554. $('#map-value').val(hadMap);
  2555. } else {
  2556. back = false;
  2557. }
  2558. })
  2559. $('body').on('click', '#bd-set-11 .select-map', function () {
  2560. // const val = parseInt($(this).data('value'));
  2561. $(this).addClass('card-gk-active');
  2562. $(this).find('.sel-width').removeClass('sel-gary').addClass('sel-blue');
  2563. $(this).parents('.map-set').siblings('.map-set').children('.card').removeClass('card-gk-active');
  2564. $(this).parents('.map-set').siblings('.map-set').find('.sel-width').removeClass('sel-blue').addClass('sel-gary');
  2565. $('#map-value').val($(this).attr('data-value'));
  2566. });
  2567. // 切换坐标和图片选择
  2568. $('.change-map').on('click', function (e) {
  2569. e.preventDefault();
  2570. event.stopPropagation();
  2571. if ($(this).hasClass('btn-outline-primary')) {
  2572. $(this).addClass('btn-secondary').removeClass('btn-outline-primary');
  2573. $(this).siblings('button').removeClass('btn-secondary').addClass('btn-outline-primary');
  2574. const value = $(this).attr('data-value');
  2575. $(this).parents('.card').attr('data-value', value);
  2576. $('#map-value').val(value);
  2577. if (parseInt(value) === 2) {
  2578. $(this).parents('.card').find('img').attr('src', '/public/images/jingtai.png');
  2579. $('.show-map-edit').eq(0).hide();
  2580. $('.show-map-edit').eq(1).show();
  2581. } else {
  2582. $(this).parents('.card').find('img').attr('src', '/public/images/dongtai.png');
  2583. $('.show-map-edit').eq(1).hide();
  2584. $('.show-map-edit').eq(0).show();
  2585. }
  2586. }
  2587. });
  2588. $('#upload-map-pic').change(function () {
  2589. const file = this.files[0];
  2590. const ext = file.name.toLowerCase().split('.').splice(-1)[0];
  2591. const imgStr = /(jpg|jpeg|png|bmp|BMP|JPG|PNG|JPEG)$/;
  2592. if (!imgStr.test(ext)) {
  2593. toastr.error('请上传正确的图片格式文件');
  2594. $('#upload-map-pic').val('');
  2595. return
  2596. }
  2597. if ($(this).val()) {
  2598. const formData = new FormData();
  2599. formData.append('file', this.files[0]);
  2600. postDataWithFile('/tender/' + tenderId + '/map/upload', formData, function (result) {
  2601. const html = '<img style="display:block;width:100%;height: 387px;margin:0 auto;" src="'+ fujianOssPath + result.map_pic +'">';
  2602. $('#show-map-pic').html(html);
  2603. $('#upload-map-pic').val('');
  2604. });
  2605. }
  2606. })
  2607. $('#save-select-map').click(function () {
  2608. $(this).attr('disabled', true);
  2609. const val = parseInt($('#map-value').val());
  2610. if (hadMap !== val) {
  2611. postData('/tender/' + tenderId + '/map/save', { type: 'select-map', value: val }, function () {
  2612. toastr.success('修改成功,重新加载中...');
  2613. setTimeout(function () {
  2614. $(this).removeAttr('disabled');
  2615. window.location.reload();
  2616. }, 2000);
  2617. })
  2618. } else {
  2619. $(this).removeAttr('disabled');
  2620. toastr.warning('未更改当前设置,无需提交');
  2621. }
  2622. })
  2623. $('#add-map').click(function () {
  2624. const num = $('#map-table tr').length;
  2625. const name = '路线' + (num+1);
  2626. postData('/tender/' + tenderId + '/map/save', { type: 'add-map', name }, function (result) {
  2627. tenderMapList.push(result);
  2628. $('#map-table').append('<tr><td>'+ name +'</td><td><a href="#bd-set-11-2" data-mid="'+ result.id +'" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal" class="save-map-btn">编辑坐标</a> <a href="#bd-set-11-3" data-mid="'+ result.id +'" data-toggle="modal" data-target="#bd-set-11-3" data-dismiss="modal" class="text-danger del-map-btn">删除</a></td></tr>');
  2629. });
  2630. });
  2631. $('body').on('click', '#bd-set-11-1 .del-map-btn', function () {
  2632. $('#del-map').attr('data-mid', $(this).data('mid'));
  2633. });
  2634. $('#del-map').on('click', function () {
  2635. const id = parseInt($(this).attr('data-mid'));
  2636. postData('/tender/' + tenderId + '/map/save', { type: 'del-map', id }, function (result) {
  2637. const index = _.findIndex(tenderMapList, { id });
  2638. $('#map-table tr').eq(index).remove();
  2639. _.remove(tenderMapList,{id})
  2640. $('#bd-set-11-3').modal('hide');
  2641. $('#bd-set-11-1').modal('show');
  2642. });
  2643. });
  2644. $('#map-color-select').colorpicker({
  2645. // container: true,
  2646. color: '#ff0000',
  2647. useAlpha: false,
  2648. extensions: [
  2649. {
  2650. name: 'swatches', // extension name to load
  2651. options: { // extension options
  2652. colors: {
  2653. '#ffffff': '#ffffff',
  2654. '#337ab7': '#337ab7',
  2655. '#5cb85c': '#5cb85c',
  2656. '#5bc0de': '#5bc0de',
  2657. '#f0ad4e': '#f0ad4e',
  2658. '#d9534f': '#d9534f'
  2659. },
  2660. namesAsValues: true
  2661. }
  2662. }
  2663. ]
  2664. });
  2665. const mapSpread = SpreadJsObj.createNewSpread($('#map-spread')[0]);
  2666. const mapSpreadSetting = {
  2667. cols: [
  2668. {title: '坐标/备注', colSpan: '1', rowSpan: '1', field: 'tip', hAlign: 0, width: 100, formatter: '@'},
  2669. {title: '经度', colSpan: '1', rowSpan: '1', field: 'lng', hAlign: 2, width: 120, type: 'number'},
  2670. {title: '纬度', colSpan: '1', rowSpan: '1', field: 'lat', hAlign: 2, width: 120, type: '@'},
  2671. ],
  2672. emptyRows: 5,
  2673. headRows: 1,
  2674. headRowHeight: [25, 25],
  2675. defaultRowHeight: 21,
  2676. headerFont: '12px 微软雅黑',
  2677. font: '12px 微软雅黑',
  2678. readOnly: false,
  2679. };
  2680. SpreadJsObj.initSheet(mapSpread.getActiveSheet(), mapSpreadSetting);
  2681. $('body').on('click', '#bd-set-11-1 .save-map-btn', function () {
  2682. const id = parseInt($(this).data('mid'));
  2683. $('.save-map').attr('data-mid', id);
  2684. // 加载sjs
  2685. const mapInfo = _.find(tenderMapList, { id });
  2686. $('#map-name').val(mapInfo.name);
  2687. $('#map-tips').val(mapInfo.tips);
  2688. $('#map-color-select').colorpicker("setValue", mapInfo.color);
  2689. $('#map-color').val(mapInfo.color);
  2690. $('#map-color').attr('value', mapInfo.color);
  2691. SpreadJsObj.loadSheetData(mapSpread.getActiveSheet(), SpreadJsObj.DataType.Data, (mapInfo.map_json ? JSON.parse(unescape(escape(mapInfo.map_json))) : []));
  2692. });
  2693. const xPattern = /^-?(\d{1,2}(\.\d{1,8})?|1[0-7]\d(\.\d{1,8})?|180)$/;
  2694. const yPattern = /^-?(\d(\.\d{1,8})?|[1-8]\d(\.\d{1,8})?|90)$/;
  2695. const mapSpreadObj = {
  2696. del: function (row) {
  2697. const select = SpreadJsObj.getSelectObject(mapSpread.getActiveSheet());
  2698. const delSel = mapSpread.getActiveSheet().getSelections()[0];
  2699. mapSpread.getActiveSheet().deleteRows(delSel.row, delSel.rowCount);
  2700. const sel = mapSpread.getActiveSheet().getSelections();
  2701. mapSpread.getActiveSheet().setSelection(0, 0, 1, 1);
  2702. },
  2703. batchAdd: function(num, site = mapSpread.getActiveSheet().getRowCount()) {
  2704. mapSpread.getActiveSheet().addRows(site, parseInt(num));
  2705. },
  2706. editEnding: function (e, info) {
  2707. if (info.sheet.zh_setting) {
  2708. const curRow = info.row;
  2709. info.sheet.zh_data[curRow] = {
  2710. tip: info.sheet.getText(curRow, 0),
  2711. lng: info.sheet.getText(curRow, 1) !== '' ? _.toNumber(info.sheet.getText(curRow, 1)) : '',
  2712. lat: info.sheet.getText(curRow, 2) !== '' ? _.toNumber(info.sheet.getText(curRow, 2)) : '',
  2713. }
  2714. }
  2715. },
  2716. editEnded: function (e, info) {
  2717. if (info.sheet.zh_setting) {
  2718. const select = SpreadJsObj.getSelectObject(info.sheet);
  2719. const col = info.sheet.zh_setting.cols[info.col];
  2720. const validText = info.editingText ? info.editingText.replace('\n', '') : '';
  2721. if (validText === '') {
  2722. return;
  2723. }
  2724. if (col.field === 'lng' && !xPattern.test(validText)) {
  2725. toastr.error('请输入正常范围内的经度(-180 ~ 180)');
  2726. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  2727. return;
  2728. }
  2729. if (col.field === 'lat' && !yPattern.test(validText)) {
  2730. toastr.error('请输入正常范围内的纬度(-90 ~ 90)');
  2731. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  2732. return;
  2733. }
  2734. }
  2735. },
  2736. clipboardPasting(e, info) {
  2737. const range = info.cellRange;
  2738. for (let iRow = 0; iRow < range.rowCount; iRow++) {
  2739. const curRow = range.row + iRow;
  2740. info.sheet.zh_data[curRow] = {
  2741. tip: info.sheet.getText(curRow, 0),
  2742. lng: info.sheet.getText(curRow, 1) !== '' ? _.toNumber(info.sheet.getText(curRow, 1)) : '',
  2743. lat: info.sheet.getText(curRow, 2) !== '' ? _.toNumber(info.sheet.getText(curRow, 2)) : '',
  2744. }
  2745. }
  2746. },
  2747. clipboardPasted(e, info) {
  2748. const hint = {
  2749. cellError: {type: 'error', msg: '粘贴内容超出了表格范围'},
  2750. xExpr: {type: 'error', msg: '请粘贴正常范围内的经度(-180 ~ 180)'},
  2751. yExpr: {type: 'error', msg: '请粘贴正常范围内的纬度(-90 ~ 90)'},
  2752. };
  2753. const range = info.cellRange;
  2754. console.log(range);
  2755. if (range.col + range.colCount > 3) {
  2756. toastMessageUniq(hint.cellError);
  2757. SpreadJsObj.reLoadSheetHeader(mapSpread.getActiveSheet());
  2758. // SpreadJsObj.reLoadSheetData(mapSpread.getActiveSheet());
  2759. // continue;
  2760. }
  2761. for (let iRow = 0; iRow < range.rowCount; iRow++) {
  2762. let bPaste = true;
  2763. const curRow = range.row + iRow;
  2764. for (let iCol = 0; iCol < range.colCount; iCol++) {
  2765. const curCol = range.col + iCol;
  2766. const colSetting = info.sheet.zh_setting.cols[curCol];
  2767. const validText = info.sheet.getText(curRow, curCol);
  2768. if (validText === '') {
  2769. continue;
  2770. }
  2771. if (colSetting.field === 'lng' && !xPattern.test(validText)) {
  2772. toastMessageUniq(hint.xExpr);
  2773. bPaste = false;
  2774. continue;
  2775. }
  2776. if (colSetting.field === 'lat' && !yPattern.test(validText)) {
  2777. toastMessageUniq(hint.yExpr);
  2778. bPaste = false;
  2779. continue;
  2780. }
  2781. }
  2782. if (!bPaste) {
  2783. SpreadJsObj.reLoadRowData(info.sheet, curRow);
  2784. }
  2785. }
  2786. },
  2787. }
  2788. mapSpread.bind(spreadNS.Events.EditEnding, mapSpreadObj.editEnding);
  2789. mapSpread.bind(spreadNS.Events.EditEnded, mapSpreadObj.editEnded);
  2790. mapSpread.bind(spreadNS.Events.ClipboardPasting, mapSpreadObj.clipboardPasting);
  2791. mapSpread.bind(spreadNS.Events.ClipboardPasted, mapSpreadObj.clipboardPasted);
  2792. let batchInsertObj;
  2793. $.contextMenu.types.batchInsert = function (item, opt, root) {
  2794. const self = this;
  2795. if ($.isFunction(item.icon)) {
  2796. item._icon = item.icon.call(this, this, $t, key, item);
  2797. } else {
  2798. if (typeof(item.icon) === 'string' && item.icon.substring(0, 3) === 'fa-') {
  2799. // to enable font awesome
  2800. item._icon = root.classNames.icon + ' ' + root.classNames.icon + '--fa fa ' + item.icon;
  2801. } else {
  2802. item._icon = root.classNames.icon + ' ' + root.classNames.icon + '-' + item.icon;
  2803. }
  2804. }
  2805. this.addClass(item._icon);
  2806. const $obj = $('<div>' + item.name + '<input class="text-right ml-1 mr-1" type="tel" max="100" min="1" value="' + item.value + '" style="width: 30px; height: 18px; padding-right: 4px;">行</div>')
  2807. .appendTo(this);
  2808. const $input = $obj.find('input');
  2809. const event = () => {
  2810. if (self.hasClass('context-menu-disabled')) return;
  2811. item.batchInsert($input[0], root);
  2812. };
  2813. $obj.on('click', event).keypress(function (e) {if (e.keyCode === 13) { event(); }});
  2814. $input.click((e) => {e.stopPropagation();})
  2815. .keyup((e) => {if (e.keyCode === 13) item.batchInsert($input[0], root);})
  2816. .on('input', function () {this.value = this.value.replace(/[^\d]/g, '');});
  2817. };
  2818. // 右键菜单
  2819. $.contextMenu({
  2820. selector: '#map-spread',
  2821. build: function ($trigger, e) {
  2822. const target = SpreadJsObj.safeRightClickSelection($trigger, e, mapSpread);
  2823. return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
  2824. },
  2825. items: {
  2826. 'batchInsert': {
  2827. name: '批量新增',
  2828. type: 'batchInsert',
  2829. value: '1',
  2830. icon: 'fa-sign-in',
  2831. batchInsert: function (obj, root) {
  2832. if (_.toNumber(obj.value) > _.toNumber(obj.max)) {
  2833. obj.value = obj.max;
  2834. toastr.warning('批量添加不可多于' + obj.max);
  2835. } else if(_.toNumber(obj.value) < _.toNumber(obj.min)) {
  2836. obj.value = obj.min;
  2837. toastr.warning('批量添加不可少于' + obj.min);
  2838. } else {
  2839. mapSpreadObj.batchAdd(obj.value);
  2840. root.$menu.trigger('contextmenu:hide');
  2841. }
  2842. },
  2843. },
  2844. 'batchInsert2': {
  2845. name: '批量插入',
  2846. type: 'batchInsert',
  2847. value: '1',
  2848. icon: 'fa-sign-in',
  2849. batchInsert: function (obj, root) {
  2850. if (_.toNumber(obj.value) > _.toNumber(obj.max)) {
  2851. obj.value = obj.max;
  2852. toastr.warning('批量插入不可多于' + obj.max);
  2853. } else if(_.toNumber(obj.value) < _.toNumber(obj.min)) {
  2854. obj.value = obj.min;
  2855. toastr.warning('批量插入不可少于' + obj.min);
  2856. } else {
  2857. const select = SpreadJsObj.getSelectObject(mapSpread.getActiveSheet());
  2858. const sel = mapSpread.getActiveSheet().getSelections()[0];
  2859. mapSpreadObj.batchAdd(obj.value, sel.row+1);
  2860. root.$menu.trigger('contextmenu:hide');
  2861. }
  2862. },
  2863. disabled: function (key, opt) {
  2864. const select = SpreadJsObj.getSelectObject(mapSpread.getActiveSheet());
  2865. const sel = mapSpread.getActiveSheet().getSelections()[0];
  2866. if (sel.row !== undefined && sel.rowCount === 1) {
  2867. return false;
  2868. } else {
  2869. return true;
  2870. }
  2871. }
  2872. },
  2873. 'delete': {
  2874. name: '删除',
  2875. icon: 'fa-remove',
  2876. callback: function (key, opt) {
  2877. mapSpreadObj.del();
  2878. },
  2879. disabled: function (key, opt) {
  2880. const select = SpreadJsObj.getSelectObject(mapSpread.getActiveSheet());
  2881. const sel = mapSpread.getActiveSheet().getSelections()[0];
  2882. if (sel.row !== undefined) {
  2883. return false;
  2884. } else {
  2885. return true;
  2886. }
  2887. }
  2888. },
  2889. }
  2890. });
  2891. $('.save-map').on('click', function () {
  2892. const id = parseInt($(this).attr('data-mid'));
  2893. const is_close = parseInt($(this).attr('data-close'));
  2894. // 获取sjs值
  2895. const mapData = [];
  2896. const sheet = mapSpread.getActiveSheet();
  2897. let pass = true;
  2898. let wrongRow = [];
  2899. for (let i = 0; i < sheet.getRowCount(); i++) {
  2900. const rowData = {
  2901. tip: sheet.getText(i, 0),
  2902. lng: sheet.getText(i, 1),
  2903. lat: sheet.getText(i, 2),
  2904. }
  2905. if ((rowData.tip !== '' && rowData.lng === '' && rowData.lat === '') ||
  2906. (rowData.lng !== '' && rowData.lat === '') ||
  2907. (rowData.lng === '' && rowData.lat !== '')) {
  2908. pass = false;
  2909. wrongRow.push(i+1);
  2910. } else if (rowData.lng !== '' && rowData.lat !== '') {
  2911. rowData.lng = _.toNumber(rowData.lng);
  2912. rowData.lat = _.toNumber(rowData.lat);
  2913. mapData.push(rowData);
  2914. }
  2915. }
  2916. if (!is_close) {
  2917. const colorPattern = /(^#[0-9a-fA-F]{6}$)|(^#[0-9a-fA-F]{3}$)/g;
  2918. if (!colorPattern.test($('#map-color').val())) {
  2919. $('#bd-set-11-4').modal('hide');
  2920. toastr.error('请选择或输入正确的颜色编码');
  2921. return;
  2922. }
  2923. if ($('#map-tips').val().length > 255) {
  2924. toastr.error('路线标注太长啦~');
  2925. return;
  2926. }
  2927. }
  2928. if (!pass) {
  2929. const str = wrongRow.join('、');
  2930. // $('#bd-set-11-4').modal('hide');
  2931. toastr.error('第 ' + str + ' 行请填写完整的经纬度数据或清空该行或删除该行');
  2932. return;
  2933. }
  2934. // 获取路线绝对中心点
  2935. let centerPoints = { lng: '', lat: '' };
  2936. if (mapData.length > 0) {
  2937. const points = [];
  2938. for (const m of mapData) {
  2939. points.push(turf.point([m.lng, m.lat]));
  2940. }
  2941. const features = turf.featureCollection(points);
  2942. const center = turf.center(features);
  2943. if (center && center.geometry && center.geometry.coordinates && center.geometry.coordinates.length === 2) {
  2944. centerPoints.lng = _.round(center.geometry.coordinates[0], 4);
  2945. centerPoints.lat = _.round(center.geometry.coordinates[1], 4);
  2946. }
  2947. }
  2948. const oneMapData = {
  2949. id,
  2950. name: $('#map-name').val(),
  2951. color: $('#map-color').val(),
  2952. tips: $('#map-tips').val(),
  2953. map_json: mapData.length > 0 ? JSON.stringify(mapData) : null,
  2954. center: centerPoints.lng !== '' ? JSON.stringify(centerPoints) : null,
  2955. }
  2956. const mapInfo = _.find(tenderMapList, { id });
  2957. oneMapData.create_time = mapInfo.create_time;
  2958. oneMapData.tid = mapInfo.tid;
  2959. // 比较对象是否一致,一致则不提交,不一致则提交,关闭提示是否保存修改
  2960. if (!_.isEqual(oneMapData, mapInfo)) {
  2961. console.log(oneMapData, mapInfo);
  2962. if (!is_close) {
  2963. postData('/tender/' + tenderId + '/map/save', { type: 'save-map', mapData: oneMapData }, function (result) {
  2964. const index = _.findIndex(tenderMapList, { id });
  2965. tenderMapList.splice(index, 1, oneMapData);
  2966. $('#map-table tr').eq(index).children('td').eq(0).text(oneMapData.name);
  2967. $('#bd-set-11-4').modal('hide');
  2968. $('#bd-set-11-2').modal('hide');
  2969. $('#bd-set-11-1').modal('show');
  2970. });
  2971. } else {
  2972. $('#bd-set-11-4').modal('show');
  2973. }
  2974. } else {
  2975. $('#bd-set-11-2').modal('hide');
  2976. $('#bd-set-11-1').modal('show');
  2977. }
  2978. });
  2979. $('#back-set-11-1').on('click', function () {
  2980. $('#bd-set-11-4').modal('hide');
  2981. $('#bd-set-11-2').modal('hide');
  2982. $('#bd-set-11-1').modal('show');
  2983. })
  2984. })
  2985. </script>
  2986. <% } %>
  2987. <% if (ctx.subProject.page_show.xxjd && ctx.session.sessionUser.is_admin) { %>
  2988. <!--标段设置-投资进度-->
  2989. <div class="modal fade" id="xxjd-set" data-backdrop="static">
  2990. <div class="modal-dialog" role="document">
  2991. <div class="modal-content">
  2992. <div class="modal-header">
  2993. <h5 class="modal-title">投资进度</h5>
  2994. </div>
  2995. <div class="modal-body">
  2996. <div class="alert alert-warning">设置可使用「投资进度」用户</div>
  2997. <div class="dropdown">
  2998. <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="xxjd_dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  2999. 添加用户
  3000. </button>
  3001. <div class="dropdown-menu" id="xxjd_dropdownMenu" aria-labelledby="xxjd_dropdownMenuButton" style="width:220px">
  3002. <div class="mb-2 p-2"><input class="form-control form-control-sm gr-search"
  3003. placeholder="姓名/手机 检索" autocomplete="off"></div>
  3004. <dl class="list-unstyled book-list">
  3005. <% accountGroup.forEach((group, idx) => { %>
  3006. <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>" data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
  3007. <div class="dd-content" data-toggleid="<%- idx %>">
  3008. <% group.groupList.forEach(item => { %>
  3009. <% if (item.id !== ctx.tender.data.user_id) { %>
  3010. <dd class="border-bottom p-2 mb-0 " data-id="<%- item.id %>" >
  3011. <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
  3012. class="ml-auto"><%- item.mobile %></span></p>
  3013. <span class="text-muted"><%- item.role %></span>
  3014. </dd>
  3015. <% } %>
  3016. <% });%>
  3017. </div>
  3018. <% }) %>
  3019. </dl>
  3020. </div>
  3021. </div>
  3022. <div class="mt-1" style="max-height: 300px;overflow: auto">
  3023. <table class="table table-bordered">
  3024. <tr><th>用户</th><th>查看</th><th>修改</th><th>移除</th></tr>
  3025. <tbody id="schedule-users">
  3026. <% for (const sa of scheduleAuditList) { %>
  3027. <% const audit = ctx.helper._.find(accountList, { id : sa.audit_id }); %>
  3028. <% if (audit) { %>
  3029. <tr data-id="<%- audit.id %>"><td><p class="mb-0 d-flex"><b class="col-5 pl-0"><%- audit.name %></b> <span class="text-muted"><%- audit.mobile %></span><p class="text-muted mb-0"><%- audit.role %></p></td><td>
  3030. <div class="custom-control custom-checkbox mb-2">
  3031. <input type="checkbox" data-zhi="<%- scPermission.show %>" data-id="<%- sa.id %>" id="<%- sa.id %>_customRadio41" name="customCheckbox" class="custom-control-input" <% if (sa.permission !== scPermission.no) { %>checked<% } %>>
  3032. <label class="custom-control-label" for="<%- sa.id %>_customRadio41"></label>
  3033. </div>
  3034. </td><td>
  3035. <div class="custom-control custom-checkbox mb-2">
  3036. <input type="checkbox" data-zhi="<%- scPermission.edit %>" data-id="<%- sa.id %>" id="<%- sa.id %>_customRadio42" name="customCheckbox" class="custom-control-input" <% if (sa.permission === scPermission.edit) { %>checked<% } %>>
  3037. <label class="custom-control-label" for="<%- sa.id %>_customRadio42"></label>
  3038. </div>
  3039. </td>
  3040. <td><a href="javascript:void(0);" class="text-danger remove-schedule-user" data-id="<%- sa.id %>">移除</a></td>
  3041. </tr>
  3042. <% } %>
  3043. <% } %>
  3044. </tbody>
  3045. </table>
  3046. </div>
  3047. </div>
  3048. <div class="modal-footer">
  3049. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  3050. </div>
  3051. </div>
  3052. </div>
  3053. </div>
  3054. <script>
  3055. $(function () {
  3056. const scPermission = JSON.parse(unescape('<%- escape(JSON.stringify(scPermission)) %>'));
  3057. // 投资进度
  3058. let timer = null;
  3059. let oldSearchVal = null;
  3060. $('body').on('input propertychange', '#xxjd_dropdownMenu .gr-search', function(e) {
  3061. oldSearchVal = e.target.value;
  3062. timer && clearTimeout(timer);
  3063. timer = setTimeout(() => {
  3064. const newVal = $(this).val();
  3065. let html = '';
  3066. if (newVal && newVal === oldSearchVal) {
  3067. accountList.filter(item => item && item.id !== cur_tender_uid && (item.name.indexOf(newVal) !== -1 || (item.mobile && item.mobile.indexOf(newVal) !== -1))).forEach(item => {
  3068. html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
  3069. <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
  3070. class="ml-auto">${item.mobile || ''}</span></p>
  3071. <span class="text-muted">${item.role || ''}</span>
  3072. </dd>`
  3073. });
  3074. $('#xxjd_dropdownMenu .book-list').empty();
  3075. $('#xxjd_dropdownMenu .book-list').append(html);
  3076. } else {
  3077. if (!$('#xxjd_dropdownMenu .acc-btn').length) {
  3078. accountGroup.forEach((group, idx) => {
  3079. if (!group) return;
  3080. html += `<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="${idx}" data-type="hide"><i class="fa fa-plus-square"></i>
  3081. </a> ${group.groupName}</dt>
  3082. <div class="dd-content" data-toggleid="${idx}">`;
  3083. group.groupList.forEach(item => {
  3084. if (item.id !== cur_tender_uid) {
  3085. html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
  3086. <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
  3087. class="ml-auto">${item.mobile || ''}</span></p>
  3088. <span class="text-muted">${item.role || ''}</span>
  3089. </dd>`;
  3090. }
  3091. });
  3092. html += '</div>';
  3093. });
  3094. $('#xxjd_dropdownMenu .book-list').empty();
  3095. $('#xxjd_dropdownMenu .book-list').append(html);
  3096. }
  3097. }
  3098. }, 400);
  3099. });
  3100. // 添加审批流程按钮逻辑
  3101. $('body').on('click', '#xxjd_dropdownMenu .book-list dt', function () {
  3102. const idx = $(this).find('.acc-btn').attr('data-groupid');
  3103. const type = $(this).find('.acc-btn').attr('data-type');
  3104. if (type === 'hide') {
  3105. $(this).parent().find(`div[data-toggleid="${idx}"]`).show(() => {
  3106. $(this).children().find('i').removeClass('fa-plus-square').addClass('fa-minus-square-o');
  3107. $(this).find('.acc-btn').attr('data-type', 'show');
  3108. })
  3109. } else {
  3110. $(this).parent().find(`div[data-toggleid="${idx}"]`).hide(() => {
  3111. $(this).children().find('i').removeClass('fa-minus-square-o').addClass('fa-plus-square');
  3112. $(this).find('.acc-btn').attr('data-type', 'hide');
  3113. })
  3114. }
  3115. return false;
  3116. });
  3117. // 选中用户
  3118. $('body').on('click', '#xxjd_dropdownMenu dl dd', function () {
  3119. const id = parseInt($(this).data('id'));
  3120. if (id) {
  3121. const user = _.find(accountList, function (item) {
  3122. return item.id === id;
  3123. });
  3124. const saIdList = [];
  3125. for (let i = 0; i < $('#schedule-users tr').length; i++) {
  3126. saIdList.push(parseInt($('#schedule-users tr').eq(i).data('id')));
  3127. }
  3128. if (_.includes(saIdList, id)) {
  3129. toastr.error('该用户已存在列表中,无需重复添加');
  3130. return;
  3131. }
  3132. const prop = {
  3133. audit_id: id,
  3134. type: 'add',
  3135. };
  3136. postData('/tender/' + cur_tenderid + '/schedule/audit/save', prop, function (data) {
  3137. const html = '<tr data-id="'+ user.id + '"><td><p class="mb-0 d-flex"><b class="col-5 pl-0">'+ user.name + '</b> <span class="text-muted">'+ user.mobile + '</span><p class="text-muted mb-0">'+ user.role + '</p></td><td>\n' +
  3138. ' <div class="custom-control custom-checkbox mb-2">\n' +
  3139. ' <input type="checkbox" data-zhi="'+ scPermission.show +'" data-id="'+ data.id + '" id="'+ data.id + '_customRadio41" name="customCheckbox" class="custom-control-input" checked>\n' +
  3140. ' <label class="custom-control-label" for="'+ data.id + '_customRadio41"></label>\n' +
  3141. ' </div>\n' +
  3142. ' </td><td>\n' +
  3143. ' <div class="custom-control custom-checkbox mb-2">\n' +
  3144. ' <input type="checkbox" data-zhi="'+ scPermission.edit +'" data-id="'+ data.id + '" id="'+ data.id + '_customRadio42" name="customCheckbox" class="custom-control-input">\n' +
  3145. ' <label class="custom-control-label" for="'+ data.id + '_customRadio42"></label>\n' +
  3146. ' </div>\n' +
  3147. ' </td>\n' +
  3148. ' <td><a href="javascript:void(0);" class="text-danger remove-schedule-user" data-id="'+ data.id + '">移除</a></td>\n' +
  3149. ' </tr>';
  3150. $('#schedule-users').append(html);
  3151. });
  3152. }
  3153. });
  3154. // 移除用户
  3155. $('body').on('click', '#schedule-users .remove-schedule-user', function () {
  3156. const id = parseInt($(this).data('id'));
  3157. if (id) {
  3158. const prop = {
  3159. id,
  3160. type: 'del',
  3161. };
  3162. const _self = $(this);
  3163. postData('/tender/' + cur_tenderid + '/schedule/audit/save', prop, function (data) {
  3164. _self.parents('tr').remove();
  3165. });
  3166. }
  3167. });
  3168. // 权限更改
  3169. $('body').on('click', '#schedule-users input[type="checkbox"]', function () {
  3170. let permission = scPermission.no;
  3171. const value = parseInt($(this).data('zhi'));
  3172. if ($(this).is(':checked')) {
  3173. if (value === scPermission.edit) {
  3174. permission = scPermission.edit;
  3175. $(this).parents('td').siblings().find('input').prop('checked', true);
  3176. } else if (value === scPermission.show) {
  3177. permission = scPermission.show;
  3178. }
  3179. } else {
  3180. if (value === scPermission.edit) {
  3181. permission = scPermission.show;
  3182. } else if (value === scPermission.show) {
  3183. permission = scPermission.no;
  3184. $(this).parents('td').siblings().find('input').prop('checked', false);
  3185. }
  3186. }
  3187. const id = parseInt($(this).data('id'));
  3188. const prop = {
  3189. id,
  3190. permission,
  3191. type: 'edit',
  3192. };
  3193. const _self = $(this);
  3194. postData('/tender/' + cur_tenderid + '/schedule/audit/save', prop, function (data) {
  3195. });
  3196. });
  3197. })
  3198. </script>
  3199. <% } %>
  3200. <!--在建状态-->
  3201. <% if (ctx.tender.data.build_status === buildStatus.status.build) { %>
  3202. <div class="modal fade" id="mod-status" data-backdrop="static" aria-hidden="true" style="display: none;">
  3203. <form class="modal-dialog" role="document" method="POST" action="/tender/<%- ctx.tender.id %>/build?status=<%- buildStatus.status.finish %>">
  3204. <div class="modal-content">
  3205. <div class="modal-header">
  3206. <h5 class="modal-title">修改在建状态</h5>
  3207. </div>
  3208. <div class="modal-body">
  3209. <h6>确认修改标段状态为「已完工」?</h6>
  3210. <h6>修改后,将<strong class="text-danger">无法</strong>再进行任一审批流程,且标段会被移至已完工页面。</h6>
  3211. </div>
  3212. <div class="modal-footer">
  3213. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  3214. <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
  3215. <button type="submit" class="btn btn-sm btn-primary">确定修改</button>
  3216. </div>
  3217. </div>
  3218. </form>
  3219. </div>
  3220. <div class="modal fade" id="mod-status1" data-backdrop="static" style="display: none;" aria-hidden="true">
  3221. <div class="modal-dialog" role="document">
  3222. <div class="modal-content">
  3223. <div class="modal-header">
  3224. <h5 class="modal-title">修改在建状态</h5>
  3225. </div>
  3226. <div class="modal-body">
  3227. <h6>存在未审批完成的流程,请审批完成后再修改状态。</h6>
  3228. </div>
  3229. <div class="modal-footer">
  3230. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  3231. </div>
  3232. </div>
  3233. </div>
  3234. </div>
  3235. <% } else { %>
  3236. <div class="modal fade" id="mod-status2" data-backdrop="static" aria-hidden="true" style="display: none;">
  3237. <form class="modal-dialog" role="document" method="POST" action="/tender/<%- ctx.tender.id %>/build?status=<%- buildStatus.status.build %>">
  3238. <div class="modal-content">
  3239. <div class="modal-header">
  3240. <h5 class="modal-title">修改在建状态</h5>
  3241. </div>
  3242. <div class="modal-body">
  3243. <h6>确认修改标段状态为「在建中」?</h6>
  3244. </div>
  3245. <div class="modal-footer">
  3246. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  3247. <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
  3248. <button type="submit" class="btn btn-sm btn-primary">确定修改</button>
  3249. </div>
  3250. </div>
  3251. </form>
  3252. </div>
  3253. <% } %>