血透系统PC前端

Two.vue 44KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317
  1. <template>
  2. <div class="checkInspection" style="margin-top: -200px">
  3. <div class="headline">检验检查</div>
  4. <div class="allCheck">
  5. <div class="example1">
  6. <div class="mainTitle">
  7. <el-button type="primary" class="word">| 血常规</el-button>
  8. <div style="float: right">
  9. <p class="checkDate">检查日期</p>
  10. <el-date-picker
  11. v-model="xcg_date"
  12. type="monthrange"
  13. style="width: 300px;"
  14. range-separator="-"
  15. value-format="timestamp"
  16. start-placeholder="开始月份"
  17. @change="xcgChange"
  18. end-placeholder="结束月份">
  19. </el-date-picker>
  20. </div>
  21. </div>
  22. <div class="left1">
  23. </div>
  24. <div class="right">
  25. <div class="rightOne">
  26. <p class="title">白细胞</p>
  27. <el-input placeholder="请输入内容" v-model="bxb" :disabled="true">
  28. </el-input>
  29. <p class="unit">×10^9/L</p>
  30. <el-button type="primary" class="copy" v-clipboard:copy="bxb"
  31. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  32. </div>
  33. <div class="rightOne">
  34. <p class="title">血红蛋白</p>
  35. <el-input placeholder="请输入内容" v-model="xhdb" :disabled="true">
  36. </el-input>
  37. <p class="unit">g/L</p>
  38. <el-button type="primary" class="copy" v-clipboard:copy="xhdb"
  39. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  40. </div>
  41. <div class="rightOne">
  42. <p class="title">红细胞计数</p>
  43. <el-input placeholder="请输入内容" v-model="hxbjs" :disabled="true">
  44. </el-input>
  45. <p class="unit">×10^12/L</p>
  46. <el-button type="primary" class="copy" v-clipboard:copy="hxbjs"
  47. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  48. </div>
  49. <div class="rightOne">
  50. <p class="title">红细胞压积</p>
  51. <el-input placeholder="请输入内容" v-model="hxbyj" :disabled="true">
  52. </el-input>
  53. <p class="unit">%</p>
  54. <el-button type="primary" class="copy" v-clipboard:copy="hxbyj"
  55. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  56. </div>
  57. <div class="rightOne">
  58. <p class="title">网织红细胞计数</p>
  59. <el-input placeholder="请输入内容" v-model="wzhxbjs" :disabled="true">
  60. </el-input>
  61. <p class="unit">%</p>
  62. <el-button type="primary" class="copy" v-clipboard:copy="wzhxbjs"
  63. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  64. </div>
  65. <div class="rightOne noBottom">
  66. <p class="title">血小板</p>
  67. <el-input placeholder="请输入内容" v-model="xxb" :disabled="true">
  68. </el-input>
  69. <p class="unit">×10^9/L</p>
  70. <el-button type="primary" class="copy" v-clipboard:copy="xxb"
  71. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="example1 noTop">
  76. <div class="mainTitle">
  77. <el-button type="primary" class="word">| 骨矿物质代谢</el-button>
  78. <div style="float: right">
  79. <p class="checkDate">检查日期</p>
  80. <el-date-picker
  81. v-model="gkwz_date"
  82. type="monthrange"
  83. style="width: 300px;"
  84. range-separator="-"
  85. value-format="timestamp"
  86. start-placeholder="开始月份"
  87. @change="gkwzChange"
  88. end-placeholder="结束月份">
  89. </el-date-picker>
  90. </div>
  91. </div>
  92. <div class="left1">
  93. </div>
  94. <div class="right">
  95. <div class="rightOne">
  96. <p class="title">血总钙</p>
  97. <el-input placeholder="请输入内容" v-model="xzg" :disabled="true">
  98. </el-input>
  99. <p class="unit">mmol/L</p>
  100. <el-button type="primary" class="copy" v-clipboard:copy="xzg"
  101. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  102. </div>
  103. <div class="rightOne">
  104. <p class="title">游离钙</p>
  105. <el-input placeholder="请输入内容" v-model="ylg" :disabled="true">
  106. </el-input>
  107. <p class="unit">mmol/L</p>
  108. <el-button type="primary" class="copy" v-clipboard:copy="ylg"
  109. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  110. </div>
  111. <div class="rightOne">
  112. <p class="title">血磷</p>
  113. <el-input placeholder="请输入内容" v-model="xl" :disabled="true">
  114. </el-input>
  115. <p class="unit">mmol/L</p>
  116. <el-button type="primary" class="copy" v-clipboard:copy="xl"
  117. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  118. </div>
  119. <div class="rightOne">
  120. <p class="title">钙磷乘积</p>
  121. <el-input placeholder="请输入内容" :disabled="true">
  122. </el-input>
  123. <el-button type="primary" class="copy" v-clipboard:copy=""
  124. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  125. </div>
  126. <div>
  127. <div class="rightOne noBottom">
  128. <p class="title">全段甲状旁腺激素(IPTH)</p>
  129. <el-input
  130. placeholder="请输入内容"
  131. v-model="ipth"
  132. :disabled="true"
  133. >
  134. </el-input>
  135. <p class="unit">pg/ml</p>
  136. <el-button type="primary" class="copy" v-clipboard:copy="ipth"
  137. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  138. </div>
  139. <div class="rightOne">
  140. <p class="title">AKP(ALP碱性磷酸酶)</p>
  141. <el-input
  142. placeholder="请输入内容"
  143. v-model="akp"
  144. :disabled="true"
  145. >
  146. </el-input>
  147. <p class="unit">pg/ml</p>
  148. <el-button type="primary" class="copy" v-clipboard:copy="akp"
  149. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="example2 noTop">
  155. <div class="mainTitle">
  156. <el-button type="primary" class="word">| 铁代谢</el-button>
  157. <div class="next">
  158. </div>
  159. <div style="float: right">
  160. <p class="checkDate">检查日期</p>
  161. <el-date-picker
  162. v-model="tdx_date"
  163. type="monthrange"
  164. style="width: 300px;"
  165. range-separator="-"
  166. value-format="timestamp"
  167. start-placeholder="开始月份"
  168. @change="tdxChange"
  169. end-placeholder="结束月份">
  170. </el-date-picker>
  171. </div>
  172. </div>
  173. <div class="left2">
  174. </div>
  175. <div class="right">
  176. <div class="rightOne">
  177. <p class="title">血清铁</p>
  178. <el-input placeholder="请输入内容" v-model="xqt" :disabled="true">
  179. </el-input>
  180. <p class="unit">μmol/L</p>
  181. <el-button type="primary" class="copy" v-clipboard:copy="xqt"
  182. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  183. </div>
  184. <div class="rightOne">
  185. <p class="title">总铁结合力</p>
  186. <el-input placeholder="请输入内容" v-model="ztjhl" :disabled="true">
  187. </el-input>
  188. <p class="unit">μmol/L</p>
  189. <el-button type="primary" class="copy" v-clipboard:copy="ztjhl"
  190. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  191. </div>
  192. <div class="rightOne">
  193. <p class="title">转铁饱和度</p>
  194. <el-input placeholder="请输入内容" v-model="ztbhd" :disabled="true">
  195. </el-input>
  196. <p class="unit">μg/L</p>
  197. <el-button type="primary" class="copy" v-clipboard:copy="ztbhd"
  198. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  199. </div>
  200. <div class="rightOne noBottom">
  201. <p class="title">铁蛋白</p>
  202. <el-input placeholder="请输入内容" v-model="tdb" :disabled="true">
  203. </el-input>
  204. <p class="unit">μg/L</p>
  205. <el-button type="primary" class="copy" v-clipboard:copy="tdb"
  206. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  207. </div>
  208. </div>
  209. </div>
  210. <div class="example3 noTop">
  211. <div class="mainTitle">
  212. <el-button type="primary" class="word">| 生化检查(透析前)</el-button>
  213. <div class="next">
  214. </div>
  215. <div style="float: right">
  216. <p class="checkDate">检查日期</p>
  217. <el-date-picker
  218. v-model="shjc_date"
  219. type="monthrange"
  220. style="width: 300px;"
  221. range-separator="-"
  222. value-format="timestamp"
  223. start-placeholder="开始月份"
  224. @change="shjcChange"
  225. end-placeholder="结束月份">
  226. </el-date-picker>
  227. </div>
  228. </div>
  229. <div class="left3">
  230. </div>
  231. <div class="right">
  232. <div class="rightOne">
  233. <p class="title">尿素</p>
  234. <el-input placeholder="请输入内容" v-model="ns" :disabled="true">
  235. </el-input>
  236. <p class="unit">mmol/L</p>
  237. <el-button type="primary" class="copy" v-clipboard:copy="ns"
  238. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  239. </div>
  240. <div class="rightOne">
  241. <p class="title">肌酐</p>
  242. <el-input placeholder="请输入内容" v-model="jg" :disabled="true">
  243. </el-input>
  244. <p class="unit">μmol/L</p>
  245. <el-button type="primary" class="copy" v-clipboard:copy="jg"
  246. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  247. </div>
  248. <div class="rightOne">
  249. <p class="title">血尿酸</p>
  250. <el-input placeholder="请输入内容" v-model="xns" :disabled="true">
  251. </el-input>
  252. <p class="unit">μmol/L</p>
  253. <el-button type="primary" class="copy" v-clipboard:copy="xns"
  254. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  255. </div>
  256. <div class="rightOne">
  257. <p class="title">血总蛋白</p>
  258. <el-input placeholder="请输入内容" v-model="xzdb" :disabled="true">
  259. </el-input>
  260. <p class="unit">g/L</p>
  261. <el-button type="primary" class="copy" v-clipboard:copy="xzdb"
  262. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  263. </div>
  264. <div>
  265. <div class="rightOne noBottom">
  266. <p class="title">血白蛋白</p>
  267. <el-input
  268. placeholder="请输入内容"
  269. v-model="xbdb"
  270. :disabled="true"
  271. >
  272. </el-input>
  273. <p class="unit">g/L</p>
  274. <el-button type="primary" class="copy" v-clipboard:copy="xbdb"
  275. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  276. </div>
  277. <div class="rightOne">
  278. <p class="title">丙氨酸氨基转移酶(ALT)</p>
  279. <el-input
  280. placeholder="请输入内容"
  281. v-model="alt"
  282. :disabled="true"
  283. >
  284. </el-input>
  285. <p class="unit">IU/L</p>
  286. <el-button type="primary" class="copy" v-clipboard:copy="alt"
  287. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  288. </div>
  289. </div>
  290. <div class="rightOne">
  291. <p class="title">总胆红素</p>
  292. <el-input placeholder="请输入内容" v-model="zdhs" :disabled="true">
  293. </el-input>
  294. <p class="unit">μmol/L</p>
  295. <el-button type="primary" class="copy" v-clipboard:copy="zdhs"
  296. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  297. </div>
  298. <div class="rightOne">
  299. <p class="title">甘油三酯</p>
  300. <el-input placeholder="请输入内容" v-model="gysz" :disabled="true">
  301. </el-input>
  302. <p class="unit">mmol/L</p>
  303. <el-button type="primary" class="copy" v-clipboard:copy="gysz"
  304. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  305. </div>
  306. <div class="rightOne">
  307. <p class="title">低密度脂蛋白</p>
  308. <el-input placeholder="请输入内容" v-model="dmdzdb" :disabled="true">
  309. </el-input>
  310. <p class="unit">mmol/L</p>
  311. <el-button type="primary" class="copy" v-clipboard:copy="dmdzdb"
  312. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  313. </div>
  314. <div class="rightOne">
  315. <p class="title">高密度脂蛋白</p>
  316. <el-input placeholder="请输入内容" v-model="gmdzdb" :disabled="true">
  317. </el-input>
  318. <p class="unit">mmol/L</p>
  319. <el-button type="primary" class="copy" v-clipboard:copy="gmdzdb"
  320. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  321. </div>
  322. <div class="rightOne">
  323. <p class="title">血糖</p>
  324. <el-input placeholder="请输入内容" v-model="xt" :disabled="true">
  325. </el-input>
  326. <p class="unit">mmol/L</p>
  327. <el-button type="primary" class="copy" v-clipboard:copy="xt"
  328. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  329. </div>
  330. <div class="rightOne">
  331. <p class="title">血钾</p>
  332. <el-input placeholder="请输入内容" v-model="xj" :disabled="true">
  333. </el-input>
  334. <p class="unit">mmol/L</p>
  335. <el-button type="primary" class="copy" v-clipboard:copy="xj"
  336. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  337. </div>
  338. <div class="rightOne">
  339. <p class="title">血钠</p>
  340. <el-input placeholder="请输入内容" v-model="xn" :disabled="true">
  341. </el-input>
  342. <p class="unit">mmol/L</p>
  343. <el-button type="primary" class="copy" v-clipboard:copy="xn"
  344. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  345. </div>
  346. <div class="rightOne">
  347. <p class="title">血氯</p>
  348. <el-input placeholder="请输入内容" v-model="xc" :disabled="true">
  349. </el-input>
  350. <p class="unit">mmol/L</p>
  351. <el-button type="primary" class="copy" v-clipboard:copy="xc"
  352. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  353. </div>
  354. <div class="rightOne">
  355. <p class="title">血镁</p>
  356. <el-input placeholder="请输入内容" v-model="xm" :disabled="true">
  357. </el-input>
  358. <p class="unit">mmol/L</p>
  359. <el-button type="primary" class="copy" v-clipboard:copy="xm"
  360. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  361. </div>
  362. <div class="rightOne">
  363. <p class="title">血沉</p>
  364. <el-input placeholder="请输入内容" v-model="xchen" :disabled="true">
  365. </el-input>
  366. <p class="unit">mm/h</p>
  367. <el-button type="primary" class="copy" v-clipboard:copy="xchen"
  368. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  369. </div>
  370. <div class="rightOne noBottom">
  371. <p class="title">二氧化碳</p>
  372. <el-input placeholder="请输入内容" v-model="xe" :disabled="true">
  373. </el-input>
  374. <p class="unit">mmol/L</p>
  375. <el-button type="primary" class="copy" v-clipboard:copy="xe"
  376. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  377. </div>
  378. </div>
  379. </div>
  380. <div class="example4 noTop">
  381. <div class="mainTitle">
  382. <el-button type="primary" class="word">| 营养与炎症</el-button>
  383. <div class="next">
  384. </div>
  385. <div style="float: right">
  386. <p class="checkDate">检查日期</p>
  387. <el-date-picker
  388. v-model="yyyyz_date"
  389. type="monthrange"
  390. style="width: 300px;"
  391. range-separator="-"
  392. value-format="timestamp"
  393. start-placeholder="开始月份"
  394. @change="yyyyzChange"
  395. end-placeholder="结束月份">
  396. </el-date-picker>
  397. </div>
  398. </div>
  399. <div class="left4">
  400. </div>
  401. <div class="right">
  402. <div class="rightOne">
  403. <p class="title">C反应蛋白</p>
  404. <el-input placeholder="请输入内容" v-model="cfydb" :disabled="true">
  405. </el-input>
  406. <p class="unit">mg/dL</p>
  407. <el-button type="primary" class="copy" v-clipboard:copy="cfydb"
  408. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  409. </div>
  410. <div class="rightOne">
  411. <p class="title">前白蛋白</p>
  412. <el-input placeholder="请输入内容" v-model="qbdb" :disabled="true">
  413. </el-input>
  414. <p class="unit">mg/dL</p>
  415. <el-button type="primary" class="copy" v-clipboard:copy="qbdb"
  416. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  417. </div>
  418. <div class="rightOne noBottom">
  419. <p class="title">β2微白蛋白</p>
  420. <el-input placeholder="请输入内容" v-model="b2wdb" :disabled="true">
  421. </el-input>
  422. <p class="unit">mg/dL</p>
  423. <el-button type="primary" class="copy" v-clipboard:copy="b2wdb"
  424. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  425. </div>
  426. </div>
  427. </div>
  428. <div class="example5 noTop">
  429. <div class="mainTitle">
  430. <el-button type="primary" class="word">| 传染病学指标</el-button>
  431. <div class="next">
  432. </div>
  433. <div style="float: right">
  434. <p class="checkDate">检查日期</p>
  435. <el-date-picker
  436. v-model="crbxzb_date"
  437. type="monthrange"
  438. style="width: 300px;"
  439. range-separator="-"
  440. value-format="timestamp"
  441. start-placeholder="开始月份"
  442. @change="crbxzbChange"
  443. end-placeholder="结束月份">
  444. </el-date-picker>
  445. </div>
  446. </div>
  447. <div class="left5">
  448. </div>
  449. <div class="right">
  450. <div class="rightOne">
  451. <p class="title1">乙型肝炎病毒表面抗原<br />(HBsAg)</p>
  452. <el-input placeholder="请输入内容" v-model="hbsag" :disabled="true">
  453. </el-input>
  454. <el-button type="primary" class="copy" v-clipboard:copy="hbsag"
  455. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  456. </div>
  457. <div class="rightOne">
  458. <p class="title1">乙型肝炎病毒表面抗体<br />(AntiHBs)</p>
  459. <el-input placeholder="请输入内容" v-model="antihbs" :disabled="true">
  460. </el-input>
  461. <el-button type="primary" class="copy" v-clipboard:copy="antihbs"
  462. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  463. </div>
  464. <div class="rightOne">
  465. <p class="title1">乙型肝炎病毒E坑抗原<br />(HBeAg)</p>
  466. <el-input placeholder="请输入内容" v-model="hbeag" :disabled="true">
  467. </el-input>
  468. <el-button type="primary" class="copy" v-clipboard:copy="hbeag"
  469. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  470. </div>
  471. <div class="rightOne">
  472. <p class="title1">乙型肝炎病毒E抗体<br />(AntiHBe)</p>
  473. <el-input placeholder="请输入内容" v-model="antihbe" :disabled="true">
  474. </el-input>
  475. <el-button type="primary" class="copy" v-clipboard:copy="antihbe"
  476. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  477. </div>
  478. <div class="rightOne">
  479. <p class="title1">乙型肝炎病毒核心抗体<br />(AntiHBc)</p>
  480. <el-input placeholder="请输入内容" v-model="antihbc" :disabled="true">
  481. </el-input>
  482. <el-button type="primary" class="copy" v-clipboard:copy="antihbc"
  483. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  484. </div>
  485. <div class="rightOne">
  486. <p class="title1">乙肝病毒DNA测定<br />(HBVDNA)</p>
  487. <el-input placeholder="请输入内容" v-model="hbvdna" :disabled="true">
  488. </el-input>
  489. <p class="unit">copies/mL</p>
  490. <el-button type="primary" class="copy" v-clipboard:copy="hbvdna"
  491. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  492. </div>
  493. <div class="rightOne">
  494. <p class="title1">丙型肝炎病毒抗体<br />(AntiHCV)</p>
  495. <el-input placeholder="请输入内容" v-model="antihcv" :disabled="true">
  496. </el-input>
  497. <el-button type="primary" class="copy" v-clipboard:copy="antihcv"
  498. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  499. </div>
  500. <div class="rightOne">
  501. <p class="title1">丙肝病毒RNA测定<br />(HCVRNA)</p>
  502. <el-input placeholder="请输入内容" v-model="hcvrna" :disabled="true">
  503. </el-input>
  504. <p class="unit">copies/mL</p>
  505. <el-button type="primary" class="copy" v-clipboard:copy="hcvrna"
  506. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  507. </div>
  508. <div class="rightOne">
  509. <p class="title">HV抗体</p>
  510. <el-input placeholder="请输入内容" v-model="hivkt" :disabled="true">
  511. </el-input>
  512. <el-button type="primary" class="copy" v-clipboard:copy="hivkt"
  513. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  514. </div>
  515. <div class="rightOne noBottom">
  516. <p class="title">梅毒</p>
  517. <el-input placeholder="请输入内容" v-model="md" :disabled="true">
  518. </el-input>
  519. <el-button type="primary" class="copy" v-clipboard:copy="md"
  520. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  521. </div>
  522. </div>
  523. </div>
  524. <div class="example6 noTop">
  525. <div class="mainTitle">
  526. <el-button type="primary" class="word">| 结核</el-button>
  527. <div class="next">
  528. </div>
  529. <div style="float: right">
  530. <p class="checkDate">检查日期</p>
  531. <el-date-picker
  532. v-model="jh_date"
  533. type="monthrange"
  534. style="width: 300px;"
  535. range-separator="-"
  536. value-format="timestamp"
  537. start-placeholder="开始月份"
  538. @change="jhChange"
  539. end-placeholder="结束月份">
  540. </el-date-picker>
  541. </div>
  542. </div>
  543. <div class="left6">
  544. </div>
  545. <div class="right">
  546. <div class="rightOne">
  547. <p class="title">结核抗体</p>
  548. <el-input placeholder="请输入内容" v-model="jhkt" :disabled="true">
  549. </el-input>
  550. <el-button type="primary" class="copy" v-clipboard:copy="jhkt"
  551. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  552. </div>
  553. <div class="rightOne noBottom">
  554. <p class="title">结核菌素试验</p>
  555. <el-input placeholder="请输入内容" v-model="jhjssy" :disabled="true">
  556. </el-input>
  557. <el-button type="primary" class="copy" v-clipboard:copy="jhjssy"
  558. v-clipboard:success="onCopy" v-clipboard:error="onError">复制</el-button>
  559. </div>
  560. </div>
  561. </div>
  562. </div>
  563. </div>
  564. </template>
  565. <script>
  566. import { getDataConfig } from '@/utils/data'
  567. import {
  568. uParseTime
  569. } from '@/utils/tools'
  570. import {
  571. GetUploadInspections,GetInitInspections
  572. } from '@/api/inspection'
  573. export default {
  574. name: 'Two',
  575. components: { },
  576. data() {
  577. return {
  578. value1:'',
  579. input:'',
  580. radio:'',
  581. xcg_date:[],
  582. gkwz_date:[],
  583. tdx_date:[],
  584. shjc_date:[],
  585. yyyyz_date:[],
  586. crbxzb_date:[],
  587. jh_date:[],
  588. routine_blood_test:[],
  589. bone_mineral_metabolism:[],
  590. iron_metabolism:[],
  591. biochemical_test:[],
  592. inflammation:[],
  593. contagion:[],
  594. phthisis:[],
  595. inspection_reference:[],
  596. bxb:'',
  597. xhdb:'',
  598. hxbjs:'',
  599. hxbyj:'',
  600. wzhxbjs:'',
  601. xxb:'',
  602. xzg:'',
  603. ylg:'',
  604. xl:'',
  605. ipth:'',
  606. akp:'',
  607. xqt:'',
  608. ztjhl:'',
  609. ztbhd:'',
  610. tdb:'',
  611. ns:'',
  612. jg:'',
  613. xns:'',
  614. xzdb:'',
  615. xbdb:'',
  616. alt:'',
  617. zdhs:'',
  618. gysz:'',
  619. dmdzdb:'',
  620. gmdzdb:'',
  621. xt:'',
  622. xj:'',
  623. xn:'',
  624. xc:'',
  625. xm:'',
  626. xchen:'',
  627. xe:'',
  628. cfydb:'',
  629. qbdb:'',
  630. b2wdb:'',
  631. hbsag:'',
  632. antihbs:'',
  633. hbeag:'',
  634. antihbe:'',
  635. antihbc:'',
  636. hbvdna:'',
  637. antihcv:'',
  638. hcvrna:'',
  639. hivkt:'',
  640. md:'',
  641. jhkt:'',
  642. jhjssy:'',
  643. patient_id:0,
  644. }
  645. },
  646. created() {
  647. var start_time = new Date(this.getQuarterStartDate().replace(/-/g, '/')).getTime()
  648. var end_time = new Date(this.getQuarterEndDate().replace(/-/g, '/')).getTime()
  649. this.xcg_date.push(start_time,end_time)
  650. this.gkwz_date.push(start_time,end_time)
  651. this.tdx_date.push(start_time,end_time)
  652. this.shjc_date.push(start_time,end_time)
  653. this.yyyyz_date.push(start_time,end_time)
  654. this.crbxzb_date.push(start_time,end_time)
  655. this.jh_date.push(start_time,end_time)
  656. },
  657. methods: {
  658. GetInitInspections(){
  659. GetInitInspections()
  660. .then(response => {
  661. if (response.data.state ==1) {
  662. this.inspection_reference = response.data.data.references
  663. } else {
  664. // this.$notify.error({
  665. // title: '错误',
  666. // message: '网络异常'
  667. // })
  668. }
  669. }).catch(err => {
  670. // this.$notify.error({
  671. // title: '错误',
  672. // message: '网络异常'
  673. // })
  674. })
  675. },
  676. getTime(val){
  677. return uParseTime(val, '{y}年{m}月{d}日')
  678. }, GetUploadInspections(id,start_time,end_time,type,project) {
  679. this.patient_id = id
  680. let params = {
  681. patient: id,
  682. project_id: project,
  683. start_time: start_time,
  684. end_time : end_time,
  685. type: type,
  686. project:project,
  687. }
  688. GetUploadInspections(params)
  689. .then(response => {
  690. if (response.data.state === 1) {
  691. switch (response.data.data.type) {
  692. case 1:
  693. if(response.data.data.inspections != null){
  694. if(response.data.data.inspections.length > 0){
  695. this.bxb = response.data.data.inspections[0].inspect_value
  696. this.xhdb = response.data.data.inspections[3].inspect_value
  697. this.hxbjs = response.data.data.inspections[6].inspect_value
  698. this.hxbyj = response.data.data.inspections[7].inspect_value
  699. this.wzhxbjs = response.data.data.inspections[5].inspect_value
  700. this.xxb = response.data.data.inspections[8].inspect_value
  701. }
  702. }else{
  703. this.bxb = ''
  704. this.xhdb =''
  705. this.hxbjs = ''
  706. this.hxbyj =''
  707. this.wzhxbjs = ''
  708. this.xxb = ''
  709. }
  710. break
  711. case 2:
  712. if(response.data.data.inspections_one != null) {
  713. if(response.data.data.inspections_one.length > 0){
  714. this.akp = response.data.data.inspections_one[4].inspect_value
  715. }
  716. }else{
  717. this.akp = ''
  718. }
  719. if(response.data.data.inspections_two != null) {
  720. if(response.data.data.inspections_two.length > 0){
  721. this.xzg = response.data.data.inspections_two[7].inspect_value
  722. this.ylg = response.data.data.inspections_two[2].inspect_value
  723. this.xl = response.data.data.inspections_two[9].inspect_value
  724. }
  725. }else{
  726. this.xzg =''
  727. this.ylg =''
  728. this.xl = ''
  729. }
  730. if(response.data.data.inspections_three != null) {
  731. if(response.data.data.inspections_three.length > 0){
  732. this.ipth = response.data.data.inspections_three[1].inspect_value
  733. }
  734. }else{
  735. this.ipth = ''
  736. }
  737. break
  738. case 3:
  739. if(response.data.data.inspections != null){
  740. if(response.data.data.inspections.length > 0){
  741. this.xqt = response.data.data.inspections[0].inspect_value
  742. this.ztjhl = response.data.data.inspections[2].inspect_value
  743. this.ztbhd = response.data.data.inspections[3].inspect_value
  744. this.tdb = response.data.data.inspections[1].inspect_value
  745. }
  746. }else{
  747. this.xqt = ''
  748. this.ztjhl = ''
  749. this.ztbhd = ''
  750. this.tdb =''
  751. }
  752. break
  753. case 4:
  754. if(response.data.data.inspections_one != null) {
  755. if(response.data.data.inspections_one.length > 0){
  756. this.xzdb = response.data.data.inspections_one[3].inspect_value
  757. this.xbdb = response.data.data.inspections_one[5].inspect_value
  758. this.alt = response.data.data.inspections_one[0].inspect_value
  759. this.zdhs =response.data.data.inspections_one[6].inspect_value
  760. }
  761. }else{
  762. this.xzdb = ''
  763. this.xbdb = ''
  764. this.alt = ''
  765. this.zdhs = ''
  766. }
  767. if(response.data.data.inspections_two != null) {
  768. if(response.data.data.inspections_two.length > 0){
  769. this.xj = response.data.data.inspections_two[4].inspect_value
  770. this.xn = response.data.data.inspections_two[5].inspect_value
  771. this.xc = response.data.data.inspections_two[6].inspect_value
  772. this.xm = response.data.data.inspections_two[0].inspect_value
  773. this.xchen = response.data.data.inspections_two[1].inspect_value
  774. this.xe = response.data.data.inspections_two[3].inspect_value
  775. }
  776. }else{
  777. this.xj = ''
  778. this.xn = ''
  779. this.xc = ''
  780. this.xm = ''
  781. this.xchen = ''
  782. this.xe = ''
  783. }
  784. if(response.data.data.inspections_three != null) {
  785. if(response.data.data.inspections_three.length > 0){
  786. this.ns = response.data.data.inspections_three[0].inspect_value
  787. this.jg = response.data.data.inspections_three[3].inspect_value
  788. this.xns =response.data.data.inspections_three[1].inspect_value
  789. }
  790. }else{
  791. this.ns = ''
  792. this.jg = ''
  793. this.xns = ''
  794. }
  795. if(response.data.data.inspections_four != null) {
  796. if(response.data.data.inspections_four.length > 0){
  797. this.gysz = response.data.data.inspections_four[0].inspect_value
  798. this.dmdzdb = response.data.data.inspections_four[3].inspect_value
  799. this.gmdzdb =response.data.data.inspections_four[2].inspect_value
  800. }
  801. }else{
  802. this.gysz = ''
  803. this.gmdzdb = ''
  804. this.dmdzdb = ''
  805. }
  806. if(response.data.data.inspections_five != null){
  807. if(response.data.data.inspections_five.length > 0){
  808. this.xt = response.data.data.inspections_five[0].inspect_value
  809. }
  810. }else{
  811. this.xt = ''
  812. }
  813. break
  814. case 5:
  815. if(response.data.data.inspections_one != null){
  816. if(response.data.data.inspections_one.length > 0){
  817. this.b2wdb = response.data.data.inspections_one[2].inspect_value
  818. }
  819. }else{
  820. this.b2wdb = ''
  821. }
  822. if(response.data.data.inspections_two != null){
  823. if(response.data.data.inspections_two.length > 0){
  824. this.cfydb = response.data.data.inspections_two[0].inspect_value
  825. this.qbdb = response.data.data.inspections_two[1].inspect_value
  826. }
  827. }else{
  828. this.cfydb =''
  829. this.qbdb = ''
  830. }
  831. break
  832. case 6:
  833. if(response.data.data.inspections != null){
  834. if(response.data.data.inspections.length > 0){
  835. this.hbsag = response.data.data.inspections[1].inspect_value
  836. this.antihbs = response.data.data.inspections[2].inspect_value
  837. this.hbeag = response.data.data.inspections[3].inspect_value
  838. this.antihbe = response.data.data.inspections[4].inspect_value
  839. this.antihbc = response.data.data.inspections[5].inspect_value
  840. this.hbvdna = response.data.data.inspections[8].inspect_value
  841. this.antihcv = response.data.data.inspections[0].inspect_value
  842. this.hcvrna = response.data.data.inspections[9].inspect_value
  843. this.hivkt = response.data.data.inspections[6].inspect_value
  844. this.md = response.data.data.inspections[7].inspect_value
  845. //
  846. }
  847. }else{
  848. this.hbsag = ''
  849. this.antihbs = ''
  850. this.hbeag = ''
  851. this.antihbe = ''
  852. this.antihbc = ''
  853. this.hbvdna = ''
  854. this.antihcv = ''
  855. this.hcvrna =''
  856. this.hivkt = ''
  857. this.md = ''
  858. }
  859. break
  860. case 7:
  861. if(response.data.data.inspections != null){
  862. if(response.data.data.inspections.length > 0){
  863. this.jhkt = response.data.data.inspections[0].inspect_value
  864. this.jhjssy = response.data.data.inspections[1].inspect_value
  865. }
  866. }else{
  867. this.jhkt = ''
  868. this.jhjssy = ''
  869. }
  870. break
  871. }
  872. } else {
  873. // this.$notify.error({
  874. // title: '错误',
  875. // message: '网络异常'
  876. // })
  877. }
  878. }).catch(err => {
  879. // this.$notify.error({
  880. // title: '错误',
  881. // message: '网络异常'
  882. // })
  883. })
  884. },getMaritalType(id){
  885. for(let i = 0; i < this.maritalOptions.length; i++){
  886. if(this.maritalOptions[i].id == id){
  887. return this.maritalOptions[i].name
  888. }
  889. }
  890. },getEducationType(id){
  891. for(let i = 0; i < this.educationOptions.length; i++){
  892. if(this.educationOptions[i].id == id){
  893. return this.educationOptions[i].name
  894. }
  895. }
  896. },getProfessionType(id){
  897. for(let i = 0; i < this.professionOptions.length; i++){
  898. if(this.professionOptions[i].id == id){
  899. return this.professionOptions[i].name
  900. }
  901. }
  902. },onCopy(){
  903. this.$message.success('复制成功')
  904. },onError(){
  905. this.$message.success('复制失败,请重试')
  906. },xcgChange(val){
  907. this.GetUploadInspections(this.patient_id,val[0]/1000,val[1]/1000,1,"1")
  908. },gkwzChange(val){
  909. this.GetUploadInspections(this.patient_id,val[0]/1000,val[1]/1000,2,"2-4-20")
  910. },tdxChange(val){
  911. this.GetUploadInspections(this.patient_id,val[0]/1000,val[1]/1000,3,"21")
  912. },shjcChange(val){
  913. this.GetUploadInspections(this.patient_id,val[0]/1000,val[1]/1000,4,"2-4-15-24-25")
  914. },yyyyzChange(val){
  915. this.GetUploadInspections(this.patient_id,val[0]/1000,val[1]/1000,5,"15-23")
  916. },crbxzbChange(val){
  917. this.GetUploadInspections(this.patient_id,val[0]/1000,val[1]/1000,6,"14")
  918. },jhChange(val){
  919. this.GetUploadInspections(this.patient_id,val[0]/1000,val[1]/1000,7,"22")
  920. }, getQuarterStartDate: function() {
  921. var now = new Date() //当前日期
  922. var nowYear = now.getFullYear() //当前年
  923. nowYear += (nowYear < 2000) ? 1900 : 0
  924. var quarterStartDate = new Date(nowYear, this.getQuarterStartMonth(), 1)
  925. return this.formatDate(quarterStartDate)
  926. }, getQuarterEndDate: function() {
  927. var now = new Date() //当前日期
  928. var nowYear = now.getFullYear() //当前年
  929. nowYear += (nowYear < 2000) ? 1900 : 0
  930. var quarterEndMonth = this.getQuarterStartMonth() + 2
  931. var quarterStartDate = new Date(nowYear, quarterEndMonth, this.getMonthDays(quarterEndMonth))
  932. return this.formatDate(quarterStartDate)
  933. }, formatDate: function(date) {
  934. var myyear = date.getFullYear()
  935. var mymonth = date.getMonth() + 1
  936. var myweekday = date.getDate()
  937. if (mymonth < 10) {
  938. mymonth = '0' + mymonth
  939. }
  940. if (myweekday < 10) {
  941. myweekday = '0' + myweekday
  942. }
  943. return (myyear + '-' + mymonth + '-' + myweekday)
  944. }, getQuarterStartMonth: function() {
  945. var now = new Date() //当前日期
  946. var nowMonth = now.getMonth() //当前月
  947. var quarterStartMonth = 0
  948. if (nowMonth < 3) {
  949. quarterStartMonth = 0
  950. }
  951. if (2 < nowMonth && nowMonth < 6) {
  952. quarterStartMonth = 3
  953. }
  954. if (5 < nowMonth && nowMonth < 9) {
  955. quarterStartMonth = 6
  956. }
  957. if (nowMonth > 8) {
  958. quarterStartMonth = 9
  959. }
  960. return quarterStartMonth
  961. }, //获得某月的天数
  962. getMonthDays(myMonth) {
  963. var now = new Date() //当前日期
  964. var nowYear = now.getYear() //当前年
  965. nowYear += (nowYear < 2000) ? 1900 : 0
  966. var monthStartDate = new Date(nowYear, myMonth, 1)
  967. var monthEndDate = new Date(nowYear, myMonth + 1, 1)
  968. var days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24)
  969. return days
  970. }
  971. }
  972. }
  973. </script>
  974. <style lang="scss">
  975. .checkInspection {
  976. float: left;
  977. width: 86%;
  978. padding-left: 20px;
  979. .headline {
  980. height: 30px;
  981. line-height: 30px;
  982. margin-bottom: 10px;
  983. }
  984. .example1 {
  985. width: 100%;
  986. height: 350px;
  987. border-top: 1px solid #ccc;
  988. border-bottom: 1px solid #ccc;
  989. box-sizing: border-box;
  990. }
  991. .example2 {
  992. width: 100%;
  993. height: 250px;
  994. border-top: 1px solid #ccc;
  995. border-bottom: 1px solid #ccc;
  996. box-sizing: border-box;
  997. }
  998. .example3 {
  999. width: 100%;
  1000. height: 950px;
  1001. border-top: 1px solid #ccc;
  1002. border-bottom: 1px solid #ccc;
  1003. box-sizing: border-box;
  1004. }
  1005. .example4 {
  1006. width: 100%;
  1007. height: 200px;
  1008. border-top: 1px solid #ccc;
  1009. border-bottom: 1px solid #ccc;
  1010. box-sizing: border-box;
  1011. }
  1012. .example5 {
  1013. width: 100%;
  1014. height: 550px;
  1015. border-top: 1px solid #ccc;
  1016. border-bottom: 1px solid #ccc;
  1017. box-sizing: border-box;
  1018. }
  1019. .example6 {
  1020. width: 100%;
  1021. height: 150px;
  1022. border-top: 1px solid #ccc;
  1023. border-bottom: 1px solid #ccc;
  1024. box-sizing: border-box;
  1025. }
  1026. .mainTitle {
  1027. width: 100%;
  1028. height: 50px;
  1029. padding-top: 6px;
  1030. box-sizing: border-box;
  1031. border-bottom: 1px solid #ccc;
  1032. .word {
  1033. float: left;
  1034. }
  1035. .next {
  1036. float: right;
  1037. }
  1038. }
  1039. .left1 {
  1040. float: left;
  1041. width: 18%;
  1042. height: 300px;
  1043. border-right: 1px solid #ccc;
  1044. padding-top: 10px;
  1045. }
  1046. .left2 {
  1047. float: left;
  1048. width: 18%;
  1049. height: 200px;
  1050. border-right: 1px solid #ccc;
  1051. padding-top: 10px;
  1052. }
  1053. .left3 {
  1054. float: left;
  1055. width: 18%;
  1056. height: 900px;
  1057. border-right: 1px solid #ccc;
  1058. padding-top: 10px;
  1059. }
  1060. .left4 {
  1061. float: left;
  1062. width: 18%;
  1063. height: 150px;
  1064. border-right: 1px solid #ccc;
  1065. padding-top: 10px;
  1066. }
  1067. .left5 {
  1068. float: left;
  1069. width: 18%;
  1070. height: 500px;
  1071. border-right: 1px solid #ccc;
  1072. padding-top: 10px;
  1073. }
  1074. .left6 {
  1075. float: left;
  1076. width: 18%;
  1077. height: 100px;
  1078. border-right: 1px solid #ccc;
  1079. padding-top: 10px;
  1080. }
  1081. .checkDate {
  1082. float: left;
  1083. height: 36px;
  1084. line-height: 36px;
  1085. font-size: 12px;
  1086. margin-right: 10px;
  1087. }
  1088. .el-date-editor {
  1089. float: left;
  1090. width: 130px;
  1091. }
  1092. .hint {
  1093. width: 130px;
  1094. font-size: 12px;
  1095. float: right;
  1096. margin-right: 8px;
  1097. margin-top: 2px;
  1098. }
  1099. .right {
  1100. float: left;
  1101. width: 82%;
  1102. // height: 100%;
  1103. overflow: hidden;
  1104. .rightOne {
  1105. height: 50px;
  1106. border-bottom: 1px solid #ccc;
  1107. }
  1108. .noBottom {
  1109. border-bottom: none;
  1110. }
  1111. .title {
  1112. float: left;
  1113. width: 160px;
  1114. font-size: 12px;
  1115. padding-left: 10px;
  1116. line-height: 50px;
  1117. }
  1118. .title1 {
  1119. float: left;
  1120. width: 160px;
  1121. font-size: 12px;
  1122. padding-left: 10px;
  1123. margin-top: 12px;
  1124. }
  1125. .el-input {
  1126. float: left;
  1127. width: 300px;
  1128. line-height: 50px;
  1129. }
  1130. .unit {
  1131. float: left;
  1132. margin-left: 20px;
  1133. font-size: 12px;
  1134. width: 130px;
  1135. line-height: 50px;
  1136. }
  1137. .unidentified {
  1138. float: left;
  1139. font-size: 12px;
  1140. line-height: 50px;
  1141. }
  1142. .unidentified1 {
  1143. float: left;
  1144. font-size: 12px;
  1145. line-height: 50px;
  1146. margin-left: 151px;
  1147. }
  1148. .copy {
  1149. float: left;
  1150. margin-left: 20px !important;
  1151. margin-top: 6px;
  1152. }
  1153. .copy1 {
  1154. margin-left: 194px;
  1155. }
  1156. .copy2 {
  1157. margin-left: 44px;
  1158. }
  1159. .el-radio{
  1160. margin-right: 0 !important;
  1161. }
  1162. .el-radio__label{
  1163. font-size: 12px;
  1164. }
  1165. }
  1166. .noTop {
  1167. border-top: none;
  1168. }
  1169. }
  1170. </style>