TechnologyArchivesCore.vue 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677
  1. <template>
  2. <div class="layout_container">
  3. <header>
  4. <el-button type="primary" icon="Plus" @click="onAddItem" style="margin-left: 5px">新增记录</el-button>
  5. </header>
  6. <div class="layout_main">
  7. <el-tabs class="el-tabs__fill" v-model="editableTabsValue" type="border-card" @tab-click="handleClick">
  8. <el-tab-pane key="eighthInfo" label="限制类医疗技术档案" name="eighthInfo">
  9. <div class="layout_display_flex_y">
  10. <div class="layout_flex_1-y">
  11. <el-table :data="eighthData" border style="width: 100%; height: 100%" stripe highlight-current-row :key="eighthKey">
  12. <el-table-column type="index" prop="no" label="序号" width="80" />
  13. <el-table-column prop="id" label="id号" width="80" v-if="false"/>
  14. <el-table-column prop="socialNo" label="身份证号" width="180">
  15. <template v-slot="scope">
  16. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.socialNo"></el-input>
  17. <span v-else>{{ scope.row.socialNo }}</span>
  18. </template>
  19. </el-table-column>
  20. <el-table-column prop="time" label="开展时间" width="180">
  21. <template v-slot="scope">
  22. <el-date-picker v-if="scope.row.isEdit" v-model="scope.row.time" type="date" style="width: 100%"
  23. format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
  24. <span v-else>{{ scope.row.time }}</span>
  25. </template>
  26. </el-table-column>
  27. <el-table-column prop="name" label="限制类技术项目名称" width="240" show-overflow-tooltip>
  28. <template #header>
  29. <span>限制类技术项目名称</span>
  30. <el-tooltip class="box-item" effect="dark" placement="top">
  31. <template #content>注:<br />限制类技术必须参加卫健委备案培训基地规范化培训,取得合格证书后方可获得技术授权。</template>
  32. <el-icon color="red" size="14"><QuestionFilled /></el-icon>
  33. </el-tooltip>
  34. </template>
  35. <template v-slot="scope">
  36. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.name"></el-input>
  37. <span v-else>{{ scope.row.name }}</span>
  38. </template>
  39. </el-table-column>
  40. <el-table-column prop="opCode" label="手术编码" width="180">
  41. <template v-slot="scope">
  42. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.opCode"></el-input>
  43. <span v-else>{{ scope.row.opCode }}</span>
  44. </template>
  45. </el-table-column>
  46. <el-table-column prop="opName" label="手术名称" width="240" show-overflow-tooltip>
  47. <template v-slot="scope">
  48. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.opName"></el-input>
  49. <span v-else>{{ scope.row.opName }}</span>
  50. </template>
  51. </el-table-column>
  52. <el-table-column prop="delFlag" label="权限资格" width="120">
  53. <template v-slot="scope">
  54. <div v-if="scope.row.isEdit">
  55. <el-select v-model="scope.row.delFlag" clearable placeholder="请选择权限资格">
  56. <el-option v-for="option in delOptions" :key="option.code" :label="option.name"
  57. :value="option.code"></el-option>
  58. </el-select>
  59. </div>
  60. <div v-else>
  61. <el-select v-model="scope.row.delFlag" disabled placeholder="请选择权限资格">
  62. <el-option v-for="option in delOptions" :key="option.code" :label="option.name"
  63. :value="option.code"></el-option>
  64. </el-select>
  65. </div>
  66. </template>
  67. </el-table-column>
  68. <el-table-column prop="comment" label="备注" width="200" show-overflow-tooltip>
  69. <template v-slot="scope">
  70. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.comment"></el-input>
  71. <span v-else>{{ scope.row.comment }}</span>
  72. </template>
  73. </el-table-column>
  74. <el-table-column fixed="right" label="操作" min-width="180" width="180" center>
  75. <template #default="scope">
  76. <el-button type="primary" size="small" v-if="!scope.row.isEdit"
  77. @click="editEighthInfo(scope.row)">编辑</el-button>
  78. <el-button type="primary" size="small" v-if="scope.row.isEdit"
  79. @click="updateEighthInfo(scope.row)">保存</el-button>
  80. <el-button type="primary" size="small" v-if="scope.row.isEdit"
  81. @click="cancelEighthInfo(scope.row, scope.$index)">取消
  82. </el-button>
  83. <el-button type="danger" size="small" @click.prevent="deleteEighthInfo(scope.row)">
  84. 删除</el-button>
  85. </template>
  86. </el-table-column>
  87. </el-table>
  88. </div>
  89. </div>
  90. </el-tab-pane>
  91. <el-tab-pane key="eleventhInfo" label="医疗安全行为记录" name="eleventhInfo">
  92. <div class="layout_display_flex_y">
  93. <div class="layout_flex_1-y">
  94. <el-table :data="eleventhData" border style="width: 100%; height: 100%" stripe highlight-current-row :key="eleventhKey">
  95. <el-table-column type="index" prop="no" label="序号" width="80" />
  96. <el-table-column prop="id" label="id号" width="80" v-if="false"/>
  97. <el-table-column prop="socialNo" label="身份证号" width="180">
  98. <template v-slot="scope">
  99. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.socialNo"></el-input>
  100. <span v-else>{{ scope.row.socialNo }}</span>
  101. </template>
  102. </el-table-column>
  103. <el-table-column prop="time" label="时间" width="200">
  104. <template v-slot="scope">
  105. <el-date-picker v-if="scope.row.isEdit" v-model="scope.row.time" type="date" style="width: 100%"
  106. format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
  107. <span v-else>{{ scope.row.time }}</span>
  108. </template>
  109. </el-table-column>
  110. <el-table-column prop="record" label="事件性质" width="180">
  111. <template #header>
  112. <span>事件性质</span>
  113. <el-tooltip class="box-item" effect="dark" placement="top">
  114. <template #content>注:<br />事件性质包括医疗投诉、纠纷、差错、事故、表扬等。</template>
  115. <el-icon color="red" size="14"><QuestionFilled /></el-icon>
  116. </el-tooltip>
  117. </template>
  118. <template v-slot="scope">
  119. <div v-if="scope.row.isEdit">
  120. <el-select v-model="scope.row.record" clearable placeholder="请选择事件性质">
  121. <el-option v-for="option in qualityOptions" :key="option.code" :label="option.name"
  122. :value="option.code"></el-option>
  123. </el-select>
  124. </div>
  125. <div v-else>
  126. <el-select v-model="scope.row.record" disabled placeholder="请选择事件性质">
  127. <el-option v-for="option in qualityOptions" :key="option.code" :label="option.name"
  128. :value="option.code"></el-option>
  129. </el-select>
  130. </div>
  131. </template>
  132. </el-table-column>
  133. <el-table-column prop="comment" label="情况摘要" width="450" show-overflow-tooltip>
  134. <template v-slot="scope">
  135. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.comment"></el-input>
  136. <span v-else>{{ scope.row.comment }}</span>
  137. </template>
  138. </el-table-column>
  139. <el-table-column fixed="right" label="操作" min-width="180" width="180" center>
  140. <template #default="scope">
  141. <el-button type="primary" size="small" v-if="!scope.row.isEdit"
  142. @click="editEleventhInfo(scope.row)">编辑</el-button>
  143. <el-button type="primary" size="small" v-if="scope.row.isEdit"
  144. @click="updateEleventhInfo(scope.row)">保存</el-button>
  145. <el-button type="primary" size="small" v-if="scope.row.isEdit"
  146. @click="cancelEleventhInfo(scope.row, scope.$index)">取消
  147. </el-button>
  148. <el-button type="danger" size="small" @click.prevent="deleteEleventhInfo(scope.row)">
  149. 删除</el-button>
  150. </template>
  151. </el-table-column>
  152. </el-table>
  153. </div>
  154. </div>
  155. </el-tab-pane>
  156. <el-tab-pane key="fifteenthInfo" label="应用医疗技术权限记录" name="fifteenthInfo">
  157. <div class="layout_display_flex_y">
  158. <div class="layout_flex_1-y">
  159. <el-table :data="fifteenthData" border style="width: 100%; height: 100%" stripe highlight-current-row :key="fifteenthKey">
  160. <el-table-column type="index" prop="no" label="序号" width="80" />
  161. <el-table-column prop="id" label="id号" width="80" v-if="false"/>
  162. <el-table-column prop="socialNo" label="身份证号" width="180">
  163. <template v-slot="scope">
  164. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.socialNo"></el-input>
  165. <span v-else>{{ scope.row.socialNo }}</span>
  166. </template>
  167. </el-table-column>
  168. <el-table-column prop="time" label="时间" width="200">
  169. <template v-slot="scope">
  170. <el-date-picker v-if="scope.row.isEdit" v-model="scope.row.time" type="date" style="width: 100%"
  171. format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
  172. <span v-else>{{ scope.row.time }}</span>
  173. </template>
  174. </el-table-column>
  175. <el-table-column prop="name" label="权限名称" width="200">
  176. <template #header>
  177. <span>权限名称</span>
  178. <el-tooltip class="box-item" effect="dark" placement="top">
  179. <template #content>注:<br />含临床技能、病历书写与审核、处方权限、值班、会诊、门诊开设、分级麻醉、分级手术/操作授权、麻精处方、抗菌素处方分级。</template>
  180. <el-icon color="red" size="14"><QuestionFilled /></el-icon>
  181. </el-tooltip>
  182. </template>
  183. <template v-slot="scope">
  184. <div v-if="scope.row.isEdit">
  185. <el-select v-model="scope.row.name" clearable placeholder="请选择权限名称">
  186. <el-option v-for="option in permissionsOptions" :key="option.code" :label="option.name"
  187. :value="option.code"></el-option>
  188. </el-select>
  189. </div>
  190. <div v-else>
  191. <el-select v-model="scope.row.name" disabled placeholder="请选择权限名称">
  192. <el-option v-for="option in permissionsOptions" :key="option.code" :label="option.name"
  193. :value="option.code"></el-option>
  194. </el-select>
  195. </div>
  196. </template>
  197. </el-table-column>
  198. <el-table-column prop="content" label="权限内容" width="350" show-overflow-tooltip>
  199. <template v-slot="scope">
  200. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.content"></el-input>
  201. <span v-else>{{ scope.row.content }}</span>
  202. </template>
  203. </el-table-column>
  204. <el-table-column prop="delFlag" label="权限资格" width="120">
  205. <template v-slot="scope">
  206. <div v-if="scope.row.isEdit">
  207. <el-select v-model="scope.row.delFlag" clearable placeholder="请选择权限资格">
  208. <el-option v-for="option in delOptions" :key="option.code" :label="option.name"
  209. :value="option.code"></el-option>
  210. </el-select>
  211. </div>
  212. <div v-else>
  213. <el-select v-model="scope.row.delFlag" disabled placeholder="请选择权限资格">
  214. <el-option v-for="option in delOptions" :key="option.code" :label="option.name"
  215. :value="option.code"></el-option>
  216. </el-select>
  217. </div>
  218. </template>
  219. </el-table-column>
  220. <el-table-column prop="comment" label="备注" width="200" show-overflow-tooltip>
  221. <template v-slot="scope">
  222. <el-input v-if="scope.row.isEdit" size="small" v-model="scope.row.comment"></el-input>
  223. <span v-else>{{ scope.row.comment }}</span>
  224. </template>
  225. </el-table-column>
  226. <el-table-column fixed="right" label="操作" min-width="180" width="180" center>
  227. <template #default="scope">
  228. <el-button type="primary" size="small" v-if="!scope.row.isEdit"
  229. @click="editFifteenthInfo(scope.row)">编辑</el-button>
  230. <el-button type="primary" size="small" v-if="scope.row.isEdit"
  231. @click="updateFifteenthInfo(scope.row)">保存</el-button>
  232. <el-button type="primary" size="small" v-if="scope.row.isEdit"
  233. @click="cancelFifteenthInfo(scope.row, scope.$index)">取消
  234. </el-button>
  235. <el-button type="danger" size="small" @click.prevent="deleteFifteenthInfo(scope.row)">
  236. 删除</el-button>
  237. </template>
  238. </el-table-column>
  239. </el-table>
  240. </div>
  241. </div>
  242. </el-tab-pane>
  243. </el-tabs>
  244. </div>
  245. </div>
  246. </template>
  247. <script setup name="TechnologyArchivesCore">
  248. import {nextTick, onMounted, ref} from "vue";
  249. import {ElMessage, ElMessageBox} from "element-plus";
  250. import {QuestionFilled} from "@element-plus/icons-vue";
  251. import {
  252. selectTechnologyArchives8, saveTechnologyArchives8, delTechnologyArchives8ByCode,
  253. selectTechnologyArchives11, saveTechnologyArchives11, delTechnologyArchives11ByCode,
  254. selectTechnologyArchives15, saveTechnologyArchives15, delTechnologyArchives15ByCode, selectEmployeeInfo
  255. } from "@/api/technology-archives/technology-archives";
  256. import {useUserStore} from "@/pinia/user-store";
  257. const editableTabsValue = ref('eighthInfo')
  258. const userInfo = useUserStore().userInfo
  259. const delOptions = [{ code: '0', name: '授予' }, { code: '1', name: '除去' }]
  260. const qualityOptions = [{ code: '1', name: '医疗投诉' }, { code: '2', name: '医疗纠纷' },
  261. { code: '3', name: '不良事件' }, { code: '4', name: '表彰' }, { code: '5', name: '表扬' },
  262. { code: '6', name: '差错' }, { code: '7', name: '事故' }, { code: '9', name: '其他' }]
  263. const permissionsOptions = [{ code: '1', name: '临床技能' }, { code: '2', name: '病历书写与审核' },
  264. { code: '3', name: '处方权限' }, { code: '4', name: '值班' }, { code: '5', name: '会诊' },
  265. { code: '6', name: '门诊开设' }, { code: '7', name: '分级麻醉' }, { code: '8', name: '分级手术/操作授权' },
  266. { code: '9', name: '麻精处方' }, { code: '10', name: '抗菌素处方分级' }]
  267. onMounted(() => {
  268. nextTick(() => {
  269. queryEmployeeInfo()
  270. queryTechnologyArchives8()
  271. })
  272. })
  273. let baseInfoForm = ref({
  274. modeFlag: '', // 模式:edit 编辑; add 新增
  275. name: '', // 姓名
  276. sex: '', // 性别
  277. socialNo: '', // 身份证号码
  278. nation: '', // 民族
  279. birthday: '', // 出生年月
  280. nativePlace: '', // 籍贯
  281. politicCountenance: '', // 政治面貌
  282. education: '', // 最高学历
  283. speciality: '', // 专业
  284. graduationSchool: '', // 毕业学校
  285. firstWorktime: '', // 参加工作时间
  286. position: '', // 职务
  287. address: '', // 现住地址
  288. healthCondition: '', // 健康状况
  289. phone: '', // 联系电话
  290. physicianCertificate: '', // 医师资格证
  291. physicianCertificateTime: '', // 医师资格证获取时间
  292. physicianPracticingCertificate: '', // 医生执业证书
  293. physicianPracticingCertificateTime: '', // 医生执业证书获取时间
  294. })
  295. const queryEmployeeInfo = () => {
  296. selectEmployeeInfo(userInfo.code)
  297. .then((res) => {
  298. if(res){
  299. baseInfoForm.value = res
  300. }
  301. })
  302. }
  303. // 切换tab
  304. const handleClick = (tab) => {
  305. // 查询哪个tab页面
  306. editableTabsValue.value = tab.props.name
  307. if(editableTabsValue.value === 'eighthInfo'){
  308. queryTechnologyArchives8()
  309. } else if(editableTabsValue.value === 'eleventhInfo'){
  310. queryTechnologyArchives11()
  311. } else if(editableTabsValue.value === 'fifteenthInfo'){
  312. queryTechnologyArchives15()
  313. }
  314. }
  315. const megTip = '核心数据有变更,与原始数据记录存在关联,请谨慎做更改,是否确认!!!'
  316. let eighthKey = ref(1)
  317. const eighthData = ref([])
  318. let eleventhKey = ref(1)
  319. const eleventhData = ref([])
  320. let fifteenthKey = ref(1)
  321. const fifteenthData = ref([])
  322. const queryTechnologyArchives8 = () => {
  323. selectTechnologyArchives8()
  324. .then((res) => {
  325. res.forEach(row => {
  326. // 是否标记
  327. row['isEdit'] = false
  328. // 是否新增
  329. row['isAdd'] = false
  330. })
  331. eighthData.value = res
  332. })
  333. .catch(() => {
  334. eighthData.value = []
  335. })
  336. }
  337. const queryTechnologyArchives11 = () => {
  338. selectTechnologyArchives11()
  339. .then((res) => {
  340. res.forEach(row => {
  341. // 是否标记
  342. row['isEdit'] = false
  343. // 是否新增
  344. row['isAdd'] = false
  345. })
  346. eleventhData.value = res
  347. })
  348. .catch(() => {
  349. eleventhData.value = []
  350. })
  351. }
  352. const queryTechnologyArchives15 = () => {
  353. selectTechnologyArchives15()
  354. .then((res) => {
  355. res.forEach(row => {
  356. // 是否标记
  357. row['isEdit'] = false
  358. // 是否新增
  359. row['isAdd'] = false
  360. })
  361. fifteenthData.value = res
  362. })
  363. .catch(() => {
  364. fifteenthData.value = []
  365. })
  366. }
  367. const onAddItem = () => {
  368. if (editableTabsValue.value === 'eighthInfo') {
  369. eighthData.value.push({
  370. socialNo: baseInfoForm.value.socialNo,
  371. time: '',
  372. name: '',
  373. opName: '',
  374. opCode: '',
  375. delFlag: '',
  376. comment: '',
  377. isEdit: true,
  378. isAdd: true,
  379. })
  380. } else if (editableTabsValue.value === 'eleventhInfo') {
  381. eleventhData.value.push({
  382. socialNo: baseInfoForm.value.socialNo,
  383. time: '',
  384. record: '',
  385. comment: '',
  386. isEdit: true,
  387. isAdd: true,
  388. })
  389. } else if (editableTabsValue.value === 'fifteenthInfo') {
  390. fifteenthData.value.push({
  391. socialNo: baseInfoForm.value.socialNo,
  392. time: '',
  393. name: '',
  394. content: '',
  395. delFlag: '',
  396. comment: '',
  397. isEdit: true,
  398. isAdd: true,
  399. })
  400. }
  401. }
  402. // 限制类医疗技术档案增删改存开始
  403. // 编辑
  404. const editEighthInfo = (row) => {
  405. // 备份原始数据
  406. row['oldRow'] = JSON.parse(JSON.stringify(row))
  407. row.isEdit = true
  408. }
  409. // 取消
  410. const cancelEighthInfo = (row, index) => {
  411. // 如果是新增的数据
  412. if (row.isAdd) {
  413. eighthData.value.splice(index, 1)
  414. } else {
  415. // 不是新增的数据 还原数据
  416. for (const i in row.oldRow) {
  417. row[i] = row.oldRow[i]
  418. }
  419. }
  420. eighthKey.value = Math.random()
  421. }
  422. // 保存
  423. const updateEighthInfo = (row) => {
  424. if (!row.socialNo) {
  425. ElMessage({
  426. type: "warning",
  427. message: "身份证号不存在,请检查!",
  428. duration: 2500,
  429. showClose: true,
  430. });
  431. return
  432. }
  433. if (!row.isAdd && row.socialNo !== row.oldRow.socialNo) {
  434. row.oldSocialNo = row.oldRow.socialNo
  435. }
  436. callSaveEighthInfo(row)
  437. }
  438. const callSaveEighthInfo = (row) => {
  439. let title = '请确认是否保存<span style="color:#d12020;">' + row.name + '</span>?'
  440. ElMessageBox.confirm(title, {
  441. cancelButtonText: '取消',
  442. confirmButtonText: '确定',
  443. type: 'warning',
  444. distinguishCancelAndClose: true,
  445. dangerouslyUseHTMLString: true
  446. }).then(() => {
  447. saveTechnologyArchives8(row).then((res) => {
  448. ElMessage({
  449. type: "success",
  450. message: res.cg,
  451. duration: 2500,
  452. showClose: true,
  453. });
  454. queryTechnologyArchives8()
  455. })
  456. }).catch((action) => {
  457. if (action === 'cancel') {
  458. queryTechnologyArchives8()
  459. }
  460. })
  461. }
  462. const deleteEighthInfo = (row) => {
  463. let title = '请确认是否删除<span style="color:#d12020;">' + row.name + '</span>?'
  464. ElMessageBox.confirm(title, {
  465. cancelButtonText: '取消',
  466. confirmButtonText: '确定',
  467. type: 'warning',
  468. distinguishCancelAndClose: true,
  469. dangerouslyUseHTMLString: true
  470. }).then(() => {
  471. delTechnologyArchives8ByCode(row.socialNo, row.id).then((res) => {
  472. ElMessage({
  473. type: "success",
  474. message: res.cg,
  475. duration: 2500,
  476. showClose: true,
  477. });
  478. queryTechnologyArchives8()
  479. })
  480. }).catch((action) => {
  481. if (action === 'cancel') {
  482. queryTechnologyArchives8()
  483. }
  484. })
  485. }
  486. // 限制类医疗技术档案增删改存结束
  487. // 医疗安全行为记录增删改存开始
  488. // 编辑
  489. const editEleventhInfo = (row) => {
  490. // 备份原始数据
  491. row['oldRow'] = JSON.parse(JSON.stringify(row))
  492. row.isEdit = true
  493. }
  494. // 取消
  495. const cancelEleventhInfo = (row, index) => {
  496. // 如果是新增的数据
  497. if (row.isAdd) {
  498. eleventhData.value.splice(index, 1)
  499. } else {
  500. // 不是新增的数据 还原数据
  501. for (const i in row.oldRow) {
  502. row[i] = row.oldRow[i]
  503. }
  504. }
  505. eleventhKey.value = Math.random()
  506. }
  507. // 保存
  508. const updateEleventhInfo = (row) => {
  509. if (!row.socialNo) {
  510. ElMessage({
  511. type: "warning",
  512. message: "身份证号不存在,请检查!",
  513. duration: 2500,
  514. showClose: true,
  515. });
  516. return
  517. }
  518. if (!row.isAdd && row.socialNo !== row.oldRow.socialNo) {
  519. row.oldSocialNo = row.oldRow.socialNo
  520. }
  521. callSaveEleventhInfo(row)
  522. }
  523. const callSaveEleventhInfo = (row) => {
  524. let title = '请确认是否保存<span style="color:#d12020;">' + row.comment.length > 10 ? row.comment.substring(0,10) + '...' : row.comment + '</span>?'
  525. ElMessageBox.confirm(title, {
  526. cancelButtonText: '取消',
  527. confirmButtonText: '确定',
  528. type: 'warning',
  529. distinguishCancelAndClose: true,
  530. dangerouslyUseHTMLString: true
  531. }).then(() => {
  532. saveTechnologyArchives11(row).then((res) => {
  533. ElMessage({
  534. type: "success",
  535. message: res.cg,
  536. duration: 2500,
  537. showClose: true,
  538. });
  539. queryTechnologyArchives11()
  540. })
  541. }).catch((action) => {
  542. if (action === 'cancel') {
  543. queryTechnologyArchives11()
  544. }
  545. })
  546. }
  547. const deleteEleventhInfo = (row) => {
  548. let title = '请确认是否删除<span style="color:#d12020;">' + row.comment.length > 10 ? row.comment.substring(0,10) + '...' : row.comment + '</span>?'
  549. ElMessageBox.confirm(title, {
  550. cancelButtonText: '取消',
  551. confirmButtonText: '确定',
  552. type: 'warning',
  553. distinguishCancelAndClose: true,
  554. dangerouslyUseHTMLString: true
  555. }).then(() => {
  556. delTechnologyArchives11ByCode(row.socialNo, row.id).then((res) => {
  557. ElMessage({
  558. type: "success",
  559. message: res.cg,
  560. duration: 2500,
  561. showClose: true,
  562. });
  563. queryTechnologyArchives11()
  564. })
  565. }).catch((action) => {
  566. if (action === 'cancel') {
  567. queryTechnologyArchives11()
  568. }
  569. })
  570. }
  571. // 医疗安全行为记录增删改存结束
  572. // 应用医疗技术权限记录增删改存开始
  573. // 编辑
  574. const editFifteenthInfo = (row) => {
  575. // 备份原始数据
  576. row['oldRow'] = JSON.parse(JSON.stringify(row))
  577. row.isEdit = true
  578. }
  579. // 取消
  580. const cancelFifteenthInfo = (row, index) => {
  581. // 如果是新增的数据
  582. if (row.isAdd) {
  583. fifteenthData.value.splice(index, 1)
  584. } else {
  585. // 不是新增的数据 还原数据
  586. for (const i in row.oldRow) {
  587. row[i] = row.oldRow[i]
  588. }
  589. }
  590. fifteenthKey.value = Math.random()
  591. }
  592. // 保存
  593. const updateFifteenthInfo = (row) => {
  594. if (!row.socialNo) {
  595. ElMessage({
  596. type: "warning",
  597. message: "身份证号不存在,请检查!",
  598. duration: 2500,
  599. showClose: true,
  600. });
  601. return
  602. }
  603. if (!row.isAdd && row.socialNo !== row.oldRow.socialNo) {
  604. row.oldSocialNo = row.oldRow.socialNo
  605. }
  606. callSaveFifteenthInfo(row)
  607. }
  608. const callSaveFifteenthInfo = (row) => {
  609. let permissionsData = permissionsOptions.filter((item) => {
  610. return item.code === row.name
  611. })
  612. let title = '请确认是否保存<span style="color:#d12020;">' + permissionsData[0].name + '</span>?'
  613. ElMessageBox.confirm(title, {
  614. cancelButtonText: '取消',
  615. confirmButtonText: '确定',
  616. type: 'warning',
  617. distinguishCancelAndClose: true,
  618. dangerouslyUseHTMLString: true
  619. }).then(() => {
  620. saveTechnologyArchives15(row).then((res) => {
  621. ElMessage({
  622. type: "success",
  623. message: res.cg,
  624. duration: 2500,
  625. showClose: true,
  626. });
  627. queryTechnologyArchives15()
  628. })
  629. }).catch((action) => {
  630. if (action === 'cancel') {
  631. queryTechnologyArchives15()
  632. }
  633. })
  634. }
  635. const deleteFifteenthInfo = (row) => {
  636. let permissionsData = permissionsOptions.filter((item) => {
  637. return item.code === row.name
  638. })
  639. let title = '请确认是否删除<span style="color:#d12020;">' + permissionsData[0].name + '</span>?'
  640. ElMessageBox.confirm(title, {
  641. cancelButtonText: '取消',
  642. confirmButtonText: '确定',
  643. type: 'warning',
  644. distinguishCancelAndClose: true,
  645. dangerouslyUseHTMLString: true
  646. }).then(() => {
  647. delTechnologyArchives15ByCode(row.socialNo, row.id).then((res) => {
  648. ElMessage({
  649. type: "success",
  650. message: res.cg,
  651. duration: 2500,
  652. showClose: true,
  653. });
  654. queryTechnologyArchives15()
  655. })
  656. }).catch((action) => {
  657. if (action === 'cancel') {
  658. queryTechnologyArchives15()
  659. }
  660. })
  661. }
  662. // 应用医疗技术权限记录增删改存结束
  663. </script>