1

src/router/modules/integration.js

     meta: {
       title: '质控集成'
     }
+  },
+  {
+    path: '/data/medicalInsurance',
+    component: () => import('@/xt_pages/integration/medicalInsurance'),
+    name: '医保绑定',
+    meta: {
+      title: '医保绑定'
+    }
   }
 
   ]

src/xt_pages/integration/medicalInsurance.vue

+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+    <div class="app-container medicalInsurance">
+        <p class="medicalTitle">绑定医疗机构编码</p>
+        <p>绑定医疗机构编码后，如系统能正常使用医保扣费，则代表医疗机构编码正确</p>
+        <p>此后请勿修改该编码，否则导致系统异常</p>
+        <p>此版本医保系统只能在</p>
+        <el-form ref="form" :model="form" label-width="120px" label-position="left" style="margin-top:40px;">
+            <el-form-item label="医疗机构编码:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+            <el-form-item label="医疗机构名称:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+            <el-form-item label="医疗机构VPN:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+                <span style="margin-left:5px;">提示：如果没有VPN，则使用<span class="defaultVPN">系统默认VPN</span></span>
+            </el-form-item>
+        </el-form>
+        <el-button type="primary">绑定</el-button>
+        <el-form ref="form" :model="form" label-width="120px" label-position="left" style="margin-top:40px;">
+            <el-form-item label="电子医保卡ID:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+            <el-form-item label="电子医保卡KEY:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+            <el-form-item label="渠道号:">
+                <el-input v-model.trim="form.dbhost" maxlength="200" style="width :200px;"></el-input>
+            </el-form-item>
+        </el-form>
+        <el-button type="primary">绑定电子卡</el-button>
+        <p class="medicalTitle" style="margin-top:20px;">医疗绑定步骤</p>
+        <p>1.目前诊所云医保系统只支持广东深圳市区域</p>
+        <p>2.绑定医疗机构编码(该编码从深圳医保局申请所得)</p>
+        <p>3.系统设置-医师信息；为对应的员工填写成员编码(该编码则是医保局下发的操作员编码)</p>
+        <p>4.药品管理-药品信息维护；为需要医保报销的药品设置医保编码</p>
+        <p>5.系统设置-检测项目设置；为需要医保报销的检查项目设置医保编码</p>
+        <p>6.患者使用医保挂号；挂号成功后到开处方界面从挂号人员列表选择挂号患者，开处方收费即可</p>
+    </div>
+  </div>
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+export default {
+    components:{
+        BreadCrumb
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '集成配置' },
+                { path: false, name: '医保绑定' }
+            ],
+            form:{}
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.medicalInsurance p{
+    line-height: 24px;
+}
+.medicalTitle{
+    font-size: 18px;
+    color:#409EFF;
+}
+.defaultVPN{
+    background: #409EFF;
+    padding: 2px 5px;
+    border-radius: 2px;
+    color:#fff;
+    margin-left:5px;
+}
+</style>

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

     <div class="backColor"></div>
     <div class="mainCenter">
       <div class="centerLeft">
-        <el-form :model="form" ref="form" label-width="80px">
+        <el-form :model="form"  ref="form" label-width="80px">
           <el-form-item label="姓名:" prop="name">
             <el-input v-model="patientInfo.name" placeholder="" readonly></el-input>
           </el-form-item>
           <el-form-item label="证件号: " prop="name">
             <el-input v-model="patientInfo.id_card_no" placeholder="" readonly></el-input>
           </el-form-item>
+          <el-form-item label="挂号类型: " prop="name">
+            <el-input v-model="hisPatientInfo.register_type" placeholder="" readonly></el-input>
+          </el-form-item>
           <el-form-item label="挂号类型: " prop="name">
             <el-select style="margin-right:5px;" v-model="doctorValue" placeholder="">
               <el-option
         </el-form>
         <div class="tabsBox">
 
-          <!--<el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>-->
+          <el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>
           <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable @tab-remove="removeTab"
                    :before-leave="moreState" @tab-click="tabclickEvent">
             <el-tab-pane
             <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span>
             </el-tab-pane>
             <div class="RP">Rp</div>
-            <prescription-table ref="prescription_tables" :prescription="curPrescriptions" :preDrugs="preDrugs"
-                                :activeType="customTabIndex"></prescription-table>
+            <prescription-table ref="prescription_tables" :prescription="curPrescriptions" :preDrugs="preDrugs" :activeType="customTabIndex"></prescription-table>
           </el-tabs>
 
         </div>
           <p :class="rightTab == 2 ? 'activeP' : ''" @click="clickTab(2)">项目</p>
         </div>
         <template>
-          <!--<div style="margin-top:5px;">-->
-          <!--<el-input style="width:50%;" v-model="input" placeholder=""></el-input>-->
-          <!--<el-select style="float: right;width: 49%;" v-model="value" placeholder="">-->
-          <!--<el-option-->
-          <!--v-for="item in options"-->
-          <!--:key="item.value"-->
-          <!--:label="item.label"-->
-          <!--:value="item.value">-->
-          <!--</el-option>-->
-          <!--</el-select>-->
-          <!--</div>-->
+          <div style="margin-top:5px;">
+            <el-input style="width:50%;" v-model="input" placeholder=""></el-input>
+            <el-select style="float: right;width: 49%;" v-model="value" placeholder="">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
           <div style="height:84%;overflow-y: auto;margin-bottom: 60px;" v-show="showOne">
             <el-tabs class="rightTabs" v-model="activeName">
               <el-tab-pane label="药品列表" name="1">
-                <el-table ref="multipleTable" :data="drugs" border @select='selectDrugs' style="width: 100%;"
+                <el-table :data="drugs" border @select='selectDrugs' style="width: 100%;"
                           :row-style="{ color: '#303133' }"
-                          @select-all="changeAllGoodInfoTableData"
                           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                           highlight-current-row>
                   <el-table-column align="center" type="selection" width="40"></el-table-column>
 
               </el-tab-pane>
               <el-tab-pane label="医嘱模板" name="2">
-                <el-table ref="multipleTableTwo" :data="advices_template" border style="width: 100%;"
-                          :row-style="{ color: '#303133' }"
+                <el-table :data="advices_template" border style="width: 100%;" :row-style="{ color: '#303133' }"
                           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                           highlight-current-row>
                   <el-table-column align="center" type="selection" width="40"></el-table-column>
             </el-tabs>
           </div>
 
-          <div style="height:84%;overflow-y: auto;margin-bottom: 60px;" v-show="showTwo">
+         <div style="height:84%;overflow-y: auto;margin-bottom: 60px;" v-show="showTwo">
             <el-tabs class="rightTabs" v-model="activeName">
               <el-tab-pane label="项目列表" name="1">
-                <el-table :data="tabProject" border @select='selectChange' style="width: 100%;"
+                 <el-table :data="tabProject" border @select='selectChange' style="width: 100%;"
                           :row-style="{ color: '#303133' }"
-                          @select-all="changeAllGoodInfoTableDataTwo"
                           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
-                          highlight-current-row>
+                          highlight-current-row >
                   <el-table-column align="center" type="selection" width="40"></el-table-column>
                   <el-table-column align="center" prop="name" label="名称">
                     <template slot-scope="scope">{{ scope.row.project_name }}</template>
                 <el-table :data="tabPrjectTeam" border style="width: 100%;" :row-style="{ color: '#303133' }"
                           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                           highlight-current-row
-                          @select='selectTeam'>
+                         @select='selectTeam'>
                   <el-table-column align="center" type="selection" width="40"></el-table-column>
                   <el-table-column align="center" prop="name" label="名称">
                     <template slot-scope="scope">{{scope.row.project_team}}</template>
         </template>
       </div>
     </div>
-    <additionalCharges ref='additionalCharges' :hisPatientInfo="hisPatientInfo"
-                       :patientInfo="patientInfo"></additionalCharges>
+    <additionalCharges ref='additionalCharges' :hisPatientInfo="hisPatientInfo" :patientInfo="patientInfo"></additionalCharges>
     <select-template ref='selectTemplate'></select-template>
     <save-template ref='saveTemplate'></save-template>
   </div>
 
 
 <script>
-  import { createHisPrescription, getInitData, getPatientInfo, getSchedulePatientList } from '@/api/his/his'
-  import { getDictionaryDataConfig } from '@/utils/data'
+  import { getPatientInfo, getSchedulePatientList, getInitData,createHisPrescription } from '@/api/his/his'
+  import { getDictionaryDataConfig} from "@/utils/data";
   import prescriptionTable from './prescriptionTable'
   import selectTemplate from './selectTemplate'
   import saveTemplate from './saveTemplate'
   import additionalCharges from './additionalCharges'
-  import { addProjectTeam, getAllProjectTeam, getHisProject, getPojectListById } from '@/api/project/project'
+  import { getHisProject,addProjectTeam,getAllProjectTeam,getPojectListById } from '@/api/project/project'
+  // import { getPatientInfo, getSchedulePatientList,createHisPrescription } from '@/api/his/his'
 
   export default {
     props: {
       patientInfo: Object,
       hisPatientInfo: Object,
       prescriptions: Array,
-      record_date: String,
-      other_sick:Array,
-      diagnoses:Array,
+      record_date:String,
     },
     components: {
       selectTemplate,
     },
     data() {
       return {
-        value: '',
+        value:"",
         form: {
           name: ''
         },
-        drugs: [],
-        allDrugs: [],
-        advices_template: [],
+        drugs:[],
+        allDrugs:[],
+        advices_template:[],
 
         editableTabsValue: '处方1',
         editableTabs: [{
           name: '1'
         }],
         tabIndex: 1,
-        currenet_inedx: 0,
+        currenet_inedx:0,
         rightTab: 1,
         activeName: '1',
         curPrescriptions: this.prescriptions[0],
         doctorValue: '',
         departmentOptions: [],
         departmentValue: '',
+        diagnoses: this.getDictionaryDataConfig('system','diagnose'),
+        other_sick:this.getDictionaryDataConfig('system','other_sick_history'),
         total: 0,
-        state1: '',
-        state2: '',
-        customTabIndex: 1,
-        options: [],
-        tabProject: [],
-        strids: '',
-        showOne: true,
-        showTwo: false,
-        tableData: [],
-        tabPrjectTeam: [],
-        teamList: [],
-        doctors: [],
-        departMent: []
+        state1:"",
+        state2:"",
+        customTabIndex:1,
+        options:[],
+        tabProject:[],
+        strids:"",
+        showOne:true,
+        showTwo:false,
+        tableData:[],
+        tabPrjectTeam:[],
+        teamList:[],
+        doctors:[],
+        departMent:[]
       }
-    }, mounted() {
-
     },
     methods: {
-      createFilter(queryString) {
+      createFilter (queryString) {
         return (restaurant) => {
           return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
         }
       },
 
-      querySearch(queryString, cb) {
+      querySearch (queryString, cb) {
         var restaurants = this.diagnoses
         console.log(restaurants)
         restaurants.map(item => {
         // 调用 callback 返回建议列表的数据
         cb(results)
       },
-      querySearch2(queryString, cb) {
+      querySearch2 (queryString, cb) {
         var restaurants = this.other_sick
         restaurants.map(item => {
           item.value = item.name
         // 调用 callback 返回建议列表的数据
         cb(results)
       },
-      changeKind(val) {
+      changeKind(val){
         this.drugs = []
 
-        if (val == 0) {
+        if(val == 0){
           this.drugs = this.allDrugs
-        } else {
-          for (let i = 0; i < this.allDrugs.length; i++) {
-            if (this.allDrugs[i].drug_type == val) {
+        }else{
+          for (let i = 0; i < this.allDrugs.length; i++){
+            if (this.allDrugs[i].drug_type == val){
               this.drugs.push(this.allDrugs[i])
             }
           }
         return getDictionaryDataConfig(module, filed_name)
 
       },
-      getInitData() {
+      getInitData(){
         getInitData().then(response => {
           if (response.data.state == 0) {
             this.$message.error(response.data.msg)
             this.allDrugs = response.data.data.drugs
             this.advices_template = response.data.data.advices_template
             this.doctors = response.data.data.doctors
-            this.departMent = response.data.data.department
-
+            this.departMent =  response.data.data.department
+           
           }
         })
 
       },
-      tabclickEvent(val) {
-        for (let i = 0; i < this.prescriptions.length; i++) {
+      tabclickEvent(val){
+        for (let i= 0; i<this.prescriptions.length; i++){
           console.log(this.prescriptions[i].name)
-          if (this.prescriptions[i].name == val.name) {
-            this.curPrescriptions = this.prescriptions[i]
+            if(this.prescriptions[i].name == val.name){
+              this.curPrescriptions = this.prescriptions[i]
 
-            //用来区分处方属于项目还是药品
-            if (this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0) {
-              this.customTabIndex = 1
-            }
-            if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0) {
+              //用来区分处方属于项目还是药品
+              if(this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0){
+                this.customTabIndex = 1
+              }
+              if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0){
 
-              this.customTabIndex = 2
-            }
+                this.customTabIndex = 2
+              }
+
+              if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0){
+                this.customTabIndex = this.rightTab
+              }
 
-            if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0) {
-              this.customTabIndex = this.rightTab
             }
 
-          }
 
         }
       },
-      setData(data) {
+      setData(data){
         this.prescriptions = data
         console.log(this.$refs)
         this.$nextTick(() => {
-          this.$refs.prescription_tables.setNewData(this.prescriptions[0])
-        })
+         this.$refs.prescription_tables.setNewData(this.prescriptions[0])
+        });
       },
       moreState(tab, event) {
         if (tab == 'more') {
       },
       open(index) {
         if (index == 1) {
-          let params = {
+          let params ={
             patient_id: this.patientInfo.id,
             diagnose: this.state1,
             sick_history: this.state2,
             record_date: this.record_date,
             his_patient_id: this.hisPatientInfo.id
           }
-
-          for (let i = 0; i < this.prescriptions.length; i++) {
-            if (this.prescriptions[i].advices.length > 0 && this.prescriptions[i].project.length == 0) {
+         
+          for (let i = 0; i < this.prescriptions.length; i++){
+            if(this.prescriptions[i].advices.length > 0 && this.prescriptions[i].project.length == 0){
               this.prescriptions[i]['type'] = 1
             }
-            if (this.prescriptions[i].advices.length == 0 && this.prescriptions[i].project.length > 0) {
+            if(this.prescriptions[i].advices.length == 0 && this.prescriptions[i].project.length > 0){
               this.prescriptions[i]['type'] = 2
             }
-            for (let b = 0; b < this.prescriptions[i].advices.length; b++) {
+            for (let b = 0; b < this.prescriptions[i].advices.length; b++){
               this.prescriptions[i].advices[b].single_dose = this.prescriptions[i].advices[b].single_dose.toString()
               this.prescriptions[i].advices[b].prescribing_number = this.prescriptions[i].advices[b].prescribing_number.toString()
               this.prescriptions[i].advices[b].retail_price = this.prescriptions[i].advices[b].retail_price.toString()
 
             }
           }
-          let data = {
-            'prescriptions': this.prescriptions
+          let data={
+            "prescriptions":this.prescriptions
           }
-          console.log('data', data)
-          console.log('params', params)
-          createHisPrescription(data, params).then(response => {
-            if (response.data.state == 1) {
+           console.log("data",data)
+           console.log("params",params)
+          createHisPrescription(data,params).then(response=>{
+            if(response.data.state == 1){
               this.prescriptions = []
-              this.$message.success('保存成功')
+              this.$message.success("保存成功")
             }
           })
           localStorage.setItem('drugs', JSON.stringify(this.preDrugs))
         this.prescriptions.push({
           name: newTabName,
           advices: [],
-          project: []
+          project:[],
+          projects:[]
 
         })
         this.editableTabsValue = newTabName
-        this.curPrescriptions = this.prescriptions[this.prescriptions.length - 1]
+        this.curPrescriptions = this.prescriptions[this.prescriptions.length-1]
       },
       removeTab(targetName) {
 
         console.log(this.prescriptions)
       },
       clickTab(index) {
-        if (index == 1) {
+        if(index == 1){
           this.showOne = true
           this.showTwo = false
           this.$nextTick(() => {
-            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length - 1])
-          })
-          this.customTabIndex = 1
+            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length-1])
+          });
+         this.customTabIndex = 1
         }
-        if (index == 2) {
+        if(index == 2){
           this.showTwo = true
           this.showOne = false
-          this.$nextTick(() => {
-            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length - 1])
-          })
-          this.customTabIndex = 2
+           this.$nextTick(() => {
+            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length-1])
+          });
+         this.customTabIndex = 2
         }
         this.rightTab = index
 
+
         //用来区分处方属于项目还是药品
-        if (this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0) {
+        if(this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0){
 
           this.customTabIndex = 1
         }
-        if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0) {
+        if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0){
 
           this.customTabIndex = 2
         }
-        if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0) {
+        if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0){
           // this.customTabIndex = this.rightTab
           this.customTabIndex = index
         }
-      }, changeAllGoodInfoTableData: function(selection) {
-        this.curDrugs = selection
-      }, addCharges() {
+
+
+
+
+      },
+      addCharges() {
         this.$refs.additionalCharges.show()
       },
       selectDrugs(selection, row) {
       },
       comfirm() {
         this.preDrugs = this.curDrugs
-        console.log(this.prescriptions)
-        for (let i = 0; i < this.prescriptions.length; i++) {
-          if (this.prescriptions[i].name == this.editableTabsValue) {
-            var temp = this.deepClone(this.preDrugs)
-            var temp2 = this.deepClone(this.teamList)
-            console.log(this.prescriptions[i].advices)
-            console.log(this.prescriptions[i].project)
-
-            console.log(temp)
-            console.log(temp2)
-
-            if (temp.length > 0) {
-              for (let b = 0; b < temp.length; b++) {
-                this.prescriptions[i].advices.push(temp[b])
-              }
-            }
-            if (temp2.length > 0) {
-              for (let b = 0; b < temp2.length; b++) {
-                this.prescriptions[i].project.concat(temp2[b])
-              }
-            }
+
+        for (let i = 0; i < this.prescriptions.length; i++){
+          console.log("名称",this.prescriptions[i].name)
+          console.log("名称2",this.editableTabsValue)
+          if(this.prescriptions[i].name == this.editableTabsValue){
+           var temp =  this.deepClone(this.preDrugs)
+            var temp2 =  this.deepClone(this.teamList)
+
+            this.prescriptions[i].advices = temp
+            this.prescriptions[i].project = temp2
             this.curPrescriptions = this.prescriptions[i]
-            this.$refs.multipleTable.clearSelection()
             // this.$refs.prescription_tables.setNewData(this.prescriptions[i])
           }
         }
-      }, changeAllGoodInfoTableDataTwo(row) {
-        this.teamList = row
+        console.log("222222",this.prescriptions)
       },
-      selectChange(row) {
+      selectChange(row){
         this.teamList = row
       },
-      getlist() {
-        getHisProject().then(response => {
-          if (response.data.state == 1) {
+      getlist(){
+        getHisProject().then(response=>{
+          if(response.data.state == 1){
             var project = response.data.data.project
-            console.log('project', project)
+            console.log("project",project)
             this.tabProject = project
           }
         })
       },
-      querySearch() {
+      querySearch(){
 
-      }, deepClone(source) {
+      },deepClone(source) {
         if (!source && typeof source !== 'object') {
           throw new Error('error arguments', 'shallowClone')
         }
         })
         return targetObj
       },
-      getAllProjectTeam() {
-        getAllProjectTeam().then(response => {
-          if (response.data.state == 1) {
-            var team = response.data.data.team
-            console.log('team', team)
+      getAllProjectTeam(){
+        getAllProjectTeam().then(response=>{
+          if(response.data.state == 1){
+            var team =  response.data.data.team
+            console.log("team",team)
             this.tabPrjectTeam = team
           }
         })
       },
-      selectTeam(row) {
-        var arr = []
-        for (let i = 0; i < row.length; i++) {
-          arr.push(row[i].project_id)
-        }
-        var ids = arr.join(',')
-        var strArr = ids.split(',')
-        var res = []//接收不重复的数据
-
-        for (var i = 0; i < strArr.length; i++) {
-          var flag = true
-
-          for (var j = 0; j < i; j++) {
-            if (strArr[i] === strArr[j]) {
-              flag = false
-              break
-            }
-          }
-          if (flag) {
-            res.push(strArr[i])
+      selectTeam(row){
+          var arr = []
+          for(let i=0;i<row.length;i++){
+             arr.push(row[i].project_id)
           }
+        var ids =  arr.join(",")
+        console.log("ids",ids)
+        var strArr = ids.split(",")
+        var res = [];//接收不重复的数据
+
+        for (var i = 0; i<strArr.length; i++){
+        var flag = true;
+
+        for (var j = 0; j<i; j++){
+          if(strArr[i]===strArr[j]){
+            flag = false;
+            break;
+           }
+         }
+        if(flag){
+          res.push(strArr[i])
+         }
         }
-        var idstr = res.join(',')
+        console.log("res",res)
+
+        var idstr =  res.join(",")
+        console.log("idstr",idstr)
         const params = {
-          project_id: idstr
+           project_id:idstr
         }
-        getPojectListById(params).then(response => {
-          if (response.data.state == 1) {
-            var project = response.data.data.project
-            console.log('project222', project)
-            this.teamList = []
-            this.teamList = project
-          }
+        getPojectListById(params).then(response=>{
+           if(response.data.state == 1){
+             var project =  response.data.data.project
+             console.log("project222",project)
+             this.teamList = []
+             this.teamList = project
+           }
         })
       }
     },
-    created() {
+    created(){
       this.getInitData()
       //获取所有项目
       this.getlist()

src/xt_pages/outpatientRegistration/index.vue

                         </el-select>
                     </el-form-item>
                     <el-form-item class="specialFormItem" label="医保卡号：">
-                        <el-input v-model="form.medicalInsuranceCard"></el-input>
-                        <el-button type="primary" @click="reading">读卡</el-button>
+                        <div style="display:flex;">
+                            <el-input v-model="form.medicalInsuranceCard"></el-input>
+                            <el-button style="margin-left:10px;" type="primary" @click="reading">读卡</el-button>
+                        </div>
                     </el-form-item>
                     <el-form-item label="患者姓名：">
                         <el-input v-model="form.name"></el-input>
     flex-wrap: wrap;
     justify-content: space-between;
     .el-form-item{
-        width: 260px;
+        width: 33%;
     }
     .specialFormItem{
-        width:625px;
+        width:67%;
         .el-input{
             min-width: 150px;
         }
     }
     .el-select{
-        width: 180px;
+        width: 100%;
     }
     .el-input{
-        width: 180px;
+        width: 100%;
     }
 }
 </style>