diff --git a/src/App.vue b/src/App.vue index c4fac0d..17defbc 100755 --- a/src/App.vue +++ b/src/App.vue @@ -17,9 +17,6 @@ - @@ -28,7 +25,6 @@ - \ No newline at end of file diff --git a/src/views/HosInformation.vue b/src/views/HosInformation.vue index 62fc80a..9f94c53 100644 --- a/src/views/HosInformation.vue +++ b/src/views/HosInformation.vue @@ -41,8 +41,8 @@
医保定点
- +
@@ -153,23 +153,25 @@ 共{{ projectList.length }}条,已选{{ selectedCount }}条 批量禁用 + @click="batchOperate('1','project')">批量禁用 + @click="batchOperate('2','project')"> 批量启用
-
-
{{ item.name }}
+
+
+
{{ item.name }}
+
搜索项目 - - + +
@@ -216,9 +218,9 @@
共{{ courseList.length }}条,已选{{ selectedCount }}条 批量禁用 + @click="batchOperate('1','group')">批量禁用 + @click="batchOperate('2','group')"> 批量启用 @@ -279,8 +281,6 @@ import GuipSelect from '@/components/GuipSelect.vue'; import GuipSwitch from '@/components/GuipSwitch.vue'; import GuipTable from '@/components/GuipTable.vue'; import GuipDialog from '@/components/GuipDialog.vue'; -// import GuipRadio from '@/components/GuipRadio.vue'; -// import HoverButton from '@/components/HoverButton.vue'; import { mapState } from 'vuex'; export default { @@ -293,15 +293,12 @@ export default { BatchProject, GuipButton, GuipDialog, - // GuipRadio, GuipInput, GuipTable, GuipSwitch, GuipSelect, GuipTextarea, GroupFormBtns, - // HoverButton - }, data() { return { @@ -326,7 +323,6 @@ export default { isIndeterminate1: false, projectSearchId: '', projectSearchName: '', - projectList: [ { name: '针灸', @@ -375,19 +371,19 @@ export default { id: '13' }, { - name: '针灸1', + name: '针灸12', id: '21' }, { - name: '针灸2', + name: '针灸22', id: '211' }, { - name: '针灸3', + name: '针灸32', id: '212' }, { - name: '针灸4', + name: '针灸42', id: '213' }, ], @@ -514,7 +510,7 @@ export default { h_name:"武丽娜中医针灸", h_pos:"37.850249,112.53111", hid:"1", - is_fixed:"1", + is_fixed:'1', morning_worktime:"8:00-11:00", notice:"周六上午门诊最后一轮扎针到10点50分,11点后到患者的,只开药,不扎针。\r\n初诊患者请先将挂号条交给医助、在门外静坐等待叫号\r\n为了节约大家排号时间,请全部挂号,按挂号顺序治疗\r\n针灸治疗单缴费完毕后请交还医助\r\n药费缴费完毕后交方给药房等待拿药(可办理快递)\r\n请准备一次性医用床单(可现场购买)和户外保温毯(推荐),户外保温毯购买链接:https://m.tb.cn/h.UJglv3C?tk=5KMnd9XFr3D", time_unit:"15", @@ -591,7 +587,24 @@ export default { } }, selectTag(item) { - this.projectSearchId = item.id + this.projectSearchId = item.id; + // 筛选逻辑 + this.getFilterProject() + + }, + getFilterProject(){ + // 接口需要更改 + this.$http('POST', '/supernew/ajax_get_type_batch_list', { + // 项目筛选 + projectid:this.projectSearchId, + // 项目名称搜索 + projectSearchName:this.projectSearchName + }).then(response => { + this.projectTagData = response.data + + }).catch(error => { + console.error(error, 'error') + }) }, getProTagData() { this.$http('POST', '/supernew/ajax_get_type_batch_list', { @@ -721,12 +734,22 @@ export default { this.isIndeterminate1 = !noneSelected && !allSelected; }, // 批量操作 - batchOperate(type) { + batchOperate(type,name) { if (type == '1') { // 禁用 + if(name == 'project'){ + // 修改项目列表 + }else{ + // 修改疗程套餐 + } } else { // 启用 + if(name == 'project'){ + // 修改项目列表 + }else{ + // 修改疗程套餐 + } } }, @@ -844,10 +867,31 @@ export default { grid-template-columns: repeat(2, 1fr); } +#siteMessage4 ::v-deep .el-form-item { + margin-bottom: 0 !important; +} .pageTitle{ // padding: 12px 0; } +.scroll-container { + width: calc(100% - 380px); + overflow-x: auto; /* 关键:启用横向滚动 */ +} +.special-input { + margin-bottom: 0 !important; +} +.scroll-list { + display: flex; /* Flex 布局 */ + flex-wrap: nowrap; /* 禁止换行 */ + gap: 10px; /* 子项间距 */ +} +.scroll-item { + flex: 0 0 auto; /* 不伸缩、不收缩 */ + width: 200px; /* 固定子项宽度 */ + height: 100px; + background: #eee; +} .totalCount { font-size: 12px; font-weight: normal; @@ -858,39 +902,39 @@ export default { } .tabProject { - gap: 12px; + width: calc(100% - 380px); + overflow-x: auto; + + .overTab{ + display: flex; + gap: 12px; + flex-wrap: nowrap; /* 禁止换行 */ + } .tab-item { - /* 自动布局子元素 */ height: 28px; - min-width: 74px; - /* 自动布局 */ - display: flex; + // min-width: 74px; + display: inline-flex; /* 关键修改:从 flex 改为 inline-flex */ justify-content: center; align-items: center; box-sizing: border-box; padding: 4px 12px; gap: 4px; - align-self: stretch; z-index: 2; border-radius: 14px; background: #FFFFFF; - box-sizing: border-box; - /* middle/middle_line_1 */ border: 1px solid #DFE2E6; - /* body/body 2_regular */ font-family: Microsoft YaHei UI; font-size: 14px; text-align: justify; - /* 浏览器可能不支持 */ letter-spacing: 0.08em; - /* text/text_4 */ color: #8A9099; + white-space: nowrap; /* 防止文字换行 */ } .active { color: #006AFF; - border: none; + border-color: transparent; background: #F2F3F5; } }