更新数据

mh-two-thousand-and-two

2024-04-16 d4211fd96865e58217d63efaf4d8f6609fb24ae6

 src/pages/TcmSystem/TcmSystem.vue

@@ -26,15 +26,15 @@
               <ul style="margin-top: 10rpx;">
                  <!-- background-color: #d6e3f4;border-radius: 60rpx; -->
                  <li class="flex"
                     :style="{'background':institution.index === item.dynastyId ?  '#DDE8F6' :'','borderRadius': institution.index === item.dynastyId ?  '60rpx' :''}"
                     :style="{'background':institution.index === item.dynastyId ?  '#DDE8F6' :'','borderRadius': institution.index === item.dynastyId ?  '60rpx' :'',display:index+1>institutionIndex?'none':'flex'}"
                     v-for="(item,index) in institution.list" :key="index"
                     style="padding:0 20rpx;color: #2C2C2C;" @click="handInstitCLick(item,'a')">
                     <view class="">{{item.dynastyName}}</view>
                     <view class="">{{item.count}}</view>
                  </li>
               </ul>
               <view class="flex flex-center toggleButton1">
                  <view class="toggleButton" style="color: #244A7B;" @click="shrinkClick('a')">
               <view v-if="institution.list.length-1 >3" class="flex flex-center ">
                  <view class="toggleButton" style="color: #244A7B;" @click="shrinkClick('a','机构')">
                     {{ activeBox !== 'a' ? '更多  ﹀' : '收起  ︿' }}
                  </view>
               </view>
@@ -46,15 +46,15 @@
               <ul style="margin-top: 10rpx;">
                  <!-- background-color: #d6e3f4;border-radius: 60rpx; -->
                  <li class="flex"
                     :style="{'background':officials.index === item.dynastyId ?  '#DDE8F6' :'','borderRadius': officials.index == item.dynastyId ?  '10rem' :''}"
                     :style="{'background':officials.index === item.dynastyId ?  '#DDE8F6' :'','borderRadius': officials.index == item.dynastyId ?  '10rem' :'',display:index+1>officialsIndex?'none':'flex'}"
                     v-for="(item,index) in officials.list" :key="index" style="padding:0 20rpx;"
                     @click="handInstitCLick(item,'b')">
                     <view class="">{{item.dynastyName}}</view>
                     <view class="">{{item.count}}</view>
                  </li>
               </ul>
               <view class="flex flex-center toggleButton1">
                  <view class="toggleButton" style="color: #244A7B;" @click="shrinkClick('b')">
               <view v-if="officials.list.length-1 >3" class="flex flex-center ">
                  <view class="toggleButton" style="color: #244A7B;" @click="shrinkClick('b','职官')">
                     {{ activeBox !== 'b' ? '更多  ﹀' : '收起  ︿' }}
                  </view>
               </view>
@@ -132,7 +132,6 @@
                  @current-change="CurrentChange" @prev-click="PrevClick" @next-click="NextClick" prev-text="上一页"
                  next-text="下一页" background layout="prev, pager, next">
               </el-pagination>
               </el-pagination>
            </el-row>
         </view>
      </view>
@@ -155,9 +154,9 @@
                  </view>
                  <ul class="flex creatureXinxi3">
                     <li @click="PDFClick(ListDetails,1)">RDF</li>
                     <li @click="PDFClick(2)">NT</li>
                     <li @click="PDFClick(3)">XML</li>
                     <li @click="PDFClick(4)">JSON</li>
                     <li @click="PDFClick(ListDetails,2)">NT</li>
                     <li @click="PDFClick(ListDetails,3)">XML</li>
                     <li @click="PDFClick(ListDetails,4)">JSON</li>
                  </ul>
               </view>
            </view>
@@ -230,26 +229,10 @@
            institution: {
               title: '机构统计',
               index: 0,
               list: [{
                     dynastyName: '全部',
                     id: 1,
                     count: 829
                  },
                  {
                     dynastyName: '医家',
                     id: 2,
                     count: 90
                  }, {
                     dynastyName: '世医',
                     id: 3,
                     count: 81
                  }, {
                     dynastyName: '宫廷医',
                     id: 4,
                     count: 83
                  },
               ]
               list: [ ]
            },
            // 显示多少条职官数据
            institutionIndex:4,
            // 机构和职官的类型 取值：OFFICIAL->职官 INSTITUTION->机构 ALL->职官、机构
            classifyType: 'ALL',
            // 机构和职官的id
@@ -258,42 +241,15 @@
            officials: {
               title: '职官统计',
               index: 0,
               list: [{
                     dynastyName: '全部',
                     id: 1,
                     count: 829
                  },
                  {
                     dynastyName: '医家',
                     id: 2,
                     count: 90
                  }, {
                     dynastyName: '世医',
                     id: 3,
                     count: 81
                  }, {
                     dynastyName: '宫廷医',
                     id: 4,
                     count: 83
                  },
               ]
               list: [ ]
            },
            // 显示多少条职官数据
            officialsIndex:4,
            // 来源
            source: {
               title: '来源',
               index: 0,
               list: [{
                     source: '中国医事制度辞典',
                     id: 1,
                  },
                  {
                     source: '中医医事大全',
                     id: 2,
                  }, {
                     source: '中国医事制度研究',
                     id: 3,
                  }
               ]
               list: [ ]
            },
            // 展开和收缩的按钮需要
            activeBox: null,
@@ -314,19 +270,7 @@
            }],

            // 热门搜索  
            hot: [{
               id: 1,
               name: '李时珍',
               bgColor: false
            }, {
               id: 2,
               name: '李时珍2',
               bgColor: false
            }, {
               id: 3,
               name: '李时珍3',
               bgColor: false
            }, ],
            hot: [],
            // 点击的搜索项
            HotBg: false,
            // 排序下拉菜单
@@ -339,65 +283,11 @@
            }],
            rankVal: 'NAME',
            // 列表项  
            CommodityList: [{
                  id: 1,
                  post: '机构',
                  name: '太医院',
                  color: '#597AA5',
                  dynasty: '唐朝',
                  anotherNamer: '别称----------',
                  content: '古代医疗机构名称，太医院名称始于金代，承袭于唐宋的太医署、太医局，以后历代均立有太医院机构历代均立有太医院机构'
               },
               {
                  id: 2,
                  post: '职官',
                  name: '太医院',
                  dynasty: '唐朝',
                  color: '#DA7A2B',
                  anotherNamer: '别称----------',
                  content: '古代医疗机构名称，太医院名称始于金代，古代医疗机构名称，太医院名称始于金代，古代医疗机构名称，太医院名称始于金代，古代医疗机构名称，太医院名称始于金代，古代医疗机构名称，太医院名称始于金代，'
               },
               {
                  id: 3,
                  post: '机构',
                  name: '太医院',
                  color: '#597AA5',
                  dynasty: '唐朝',
                  anotherNamer: '别称----------',
                  content: '内容++++++++++++++++++++++++++++++'
               },
               {
                  id: 3,
                  post: '机构',
                  name: '太医院',
                  color: '#597AA5',
                  dynasty: '唐朝',
                  anotherNamer: '别称----------',
                  content: '内容++++++++++++++++++++++++++++++'
               },
               {
                  id: 3,
                  post: '机构',
                  name: '太医院',
                  color: '#597AA5',
                  dynasty: '唐朝',
                  anotherNamer: '别称----------',
                  content: '内容++++++++++++++++++++++++++++++'
               },
               {
                  id: 3,
                  post: '机构',
                  name: '太医院',
                  color: '#597AA5',
                  dynasty: '唐朝',
                  anotherNamer: '别称----------',
                  content: '内容++++++++++++++++++++++++++++++'
               }
            ],
            CommodityList: [ ],
            // 列表的详情数据
            ListDetails: {},
            // 分页的总数
            total: 100,
            total: 0,
            // 当前页
            CurrentPage: 1,
            // 一页显示多少条数据
@@ -462,6 +352,7 @@
               //  [{name:'sdf',number}]
               console.log(res, '接口成功sdsdfsdsfs');
            })
				
         },
         // 右侧的list数据 
         async getMList(obj) {
@@ -512,16 +403,19 @@
         // 左侧的机构统计等等按钮
         handInstitCLick(item, name) {
            if (name == 'a') {
               this.CurrentPage = 1
               this.institution.index = item.dynastyId
               this.classifyId = item.dynastyId
               this.classifyType = 'INSTITUTION'
               this.getMList()
            } else if (name == 'b') {
               this.CurrentPage = 1
               this.officials.index = item.dynastyId
               this.classifyId = item.dynastyId
               this.classifyType = 'OFFICIAL'
               this.getMList()
            } else if (name == 'c') {
               this.CurrentPage = 1
               this.source.index = item.bookId
               this.getMList()
               console.log();
@@ -529,14 +423,23 @@
            console.log(item, name);
         },
         // 展开收缩
         shrinkClick(box) {
         shrinkClick(box,name) {
            console.log(box);
            if (this.activeBox === box) {
               console.log('sdfs');
               this.activeBox = null;
            } else {
               this.activeBox = box;
            if(name=='机构'){
               this.institutionIndex = this.institutionIndex < this.institution.list.length ? this.institution.list.length : 4;
               this.officialsIndex=4
               this.activeBox = this.activeBox === 'a' ? null : 'a';
            }else if(name=='职官'){
               this.officialsIndex = this.officialsIndex < this.officials.list.length ? this.officials.list.length : 4;
               this.institutionIndex=4
               this.activeBox = this.activeBox === 'b' ? null : 'b';
            }
            // if (this.activeBox === box) {
            //    console.log('sdfs');
            //    this.activeBox = null;
            // } else {
            //    this.activeBox = box;
            // }
         },
         //取值：RDF、NT、XML、JSON
         async PDFClick(item,index) {
@@ -553,9 +456,22 @@
               //    url:`/pages/RDF/RDF?${queryString}` 
               // })
               window.open(`#/pages/RDF/RDF?${queryString}`)
               // await getMedicalDataOutput(Obj).then(res=>{
               //    console.log(res,'ressres');
               // })
            }else if(index ==2){
               Obj.outputType='NT'
               let queryString = Object.keys(Obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(Obj[key])}`).join('&');
               window.open(`#/pages/NT/NT?${queryString}`)
            }else if(index==3){
               Obj.outputType='XML'
               console.log('XML');
               await getMedicalDataOutput(Obj).then(res=>{
                  console.log(res,'接口XML');
               })
            }else if(index ==4){
               Obj.outputType='JSON'
               console.log('JSON');
               await getMedicalDataOutput(Obj).then(res=>{
                  console.log(res,'接口JSON');
               })
            }
            // console.log(Obj.id,);
         },
@@ -1039,10 +955,6 @@
      }
   }

   .a,
   .b {
      min-height: 3rem !important;
   }

   .paixu {
      /*    margin-right: .3rem;