elizebeth/src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

<template>
  <div style="height: calc(100% - 36px);display: flex;flex-direction: column;margin-top: 36px;">
    <!-- <div style="border-top:1px solid #e5e5e5;margin-top:5px;">
      <div class="mainCell" style="margin-bottom:10px;float:right">
        <el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">保存</el-button>
        <el-button size="small" @click="open(2)" type="primary">打印</el-button>
        <el-button size="small" @click="open(4)" type="primary">选择模板</el-button>
        <el-button size="small" @click="open(5)" type="primary">存模板</el-button>
      </div>
    </div> -->
    <div class="backColor"></div>
    <div class="mainCenter">
      <div class="centerLeft">
        <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="register_type" placeholder="">
              <el-option
                v-for="(item,index) in getDictionaryDataConfig('system','register_type')"
                :key="index"
                :label="item.name"
                :value="item.name">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="诊断:" prop="name">
            <el-autocomplete
              style="width:100%;"
              class="inline-input"
              v-model="state1"
              :fetch-suggestions="querySearch"
              placeholder="请输入内容"
            ></el-autocomplete>
          </el-form-item>
          <el-form-item label="过敏史及特殊病史: " prop="name">
            <el-autocomplete
              style="width:100%;"
              class="inline-input"
              v-model="state2"
              :fetch-suggestions="querySearch2"
              placeholder="请输入内容"
            ></el-autocomplete>
          </el-form-item>
        </el-form>
        <div class="tabsBox">

          <!--<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
              v-for="(item, index) in prescriptions"
              :key="index"
              :label="item.name"
              :name="item.name"
            >

            </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>
          </el-tabs>

        </div>
        <div class="costBox">
          <span>医生：</span>
          <el-select style="margin-right:5px;" v-model="doctorValue" placeholder="">
            <el-option
              v-for="(item,index) in doctors"
              :key="index"
              :label="item.user_name"
              :value="item.user_name">
            </el-option>
          </el-select>
          <span>科室：</span>
          <el-select style="margin-right:5px;" v-model="departmentValue" placeholder="">
            <el-option
              v-for="(item,index) in getDictionaryDataConfig('system','department')"
              :key="index"
              :label="item.name"
              :value="item.name">
            </el-option>
          </el-select>
          <span>总计：</span>
          <span style="color:red;">{{ getTotal() }}</span>元
        </div>
      </div>
      <div class='centerRight'>
        <div class="rightTab">
          <p :class="rightTab == 1 ? 'activeP' : ''" @click="clickTab(1)">药品</p>
          <p :class="rightTab == 2 ? 'activeP' : ''" @click="clickTab(2)">项目</p>
        </div>
        <template>
          <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">
                <div style="margin-bottom:5px;">
                  <el-input style="width:50%;" v-model="input" placeholder=""></el-input>
                  <el-select style="margin-right:5px;width:100px;" v-model="value" placeholder="" @change="changeKind">
                    <el-option
                      label="全部"
                      value="0">
                    </el-option>
                    <el-option
                      v-for="(item,index) in getDictionaryDataConfig('system','drug_type')"
                      :key="index"
                      :label="item.name"
                      :value="item.id">
                    </el-option>
                  </el-select>
                </div>
                <el-table ref="multipleTable" :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-table-column align="center" prop="name" label="名称">
                    <template slot-scope="scope">{{ scope.row.drug_name }}</template>
                  </el-table-column>
                  <el-table-column align="center" label="规格" width="60">
                    <template slot-scope="scope">{{ scope.row.drug_spec }}</template>
                  </el-table-column>
                  <el-table-column align="center" label="单价" width="40">
                    <template slot-scope="scope">{{ scope.row.retail_price }}</template>
                  </el-table-column>
                </el-table>

              </el-tab-pane>
              <el-tab-pane label="医嘱模板" name="2">
                <div style="margin-bottom: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>
                <el-table ref="multipleTableTwo" :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-table-column align="center" prop="name" label="名称">
                    <template slot-scope="scope">{{}}</template>
                  </el-table-column>
                  <el-table-column align="center" label="规格" width="60">
                    <template slot-scope="scope">33</template>
                  </el-table-column>
                  <el-table-column align="center" label="库存" width="60">
                    <template slot-scope="scope">22</template>
                  </el-table-column>
                  <el-table-column align="center" label="单价" width="40">
                    <template slot-scope="scope">12</template>
                  </el-table-column>
                </el-table>
              </el-tab-pane>
            </el-tabs>
          </div>

          <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 ref="tables" :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>
                  <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-column>
                  <el-table-column align="center" label="规格" width="60">
                    <template slot-scope="scope">{{ scope.row.single_dose }}</template>
                  </el-table-column>
                  <el-table-column align="center" label="单价" width="40">
                    <template slot-scope="scope">{{ scope.row.price }}</template>
                  </el-table-column>
                </el-table>
              </el-tab-pane>
              <el-tab-pane label="项目组套" name="2">
                <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'>
                  <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>
                  </el-table-column>
                </el-table>
              </el-tab-pane>
            </el-tabs>
          </div>

          <div class="comfirmBox">
            <!-- <div>
              <span>药品类型：</span>
              <el-select style="margin-right:5px;width:100px;" v-model="value" placeholder="" @change="changeKind">
                <el-option
                  label="全部"
                  value="0">
                </el-option>
                <el-option
                  v-for="(item,index) in getDictionaryDataConfig('system','drug_type')"
                  :key="index"
                  :label="item.name"
                  :value="item.id">
                </el-option>
              </el-select>
            </div> -->
            <el-button type="primary" size="small" @click="comfirm">确定添加</el-button>
          </div>
        </template>
      </div>
    </div>
    <additionalCharges ref='additionalCharges' :hisPatientInfo="hisPatientInfo" :patientInfo="patientInfo"></additionalCharges>
    <select-template ref='selectTemplate'></select-template>
    <save-template ref='saveTemplate'></save-template>
  </div>
</template>


<script>
  import {
    createHisPrescription,
    delHisPrescription,
    getInitData,
    getPatientInfo,
    getSchedulePatientList,

  } 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'

  export default {
    props: {
      patientInfo: Object,
      hisPatientInfo: Object,
      prescriptions: Array,
      record_date: String,

      other_sick: {
        type: Array,
        default: []
      },
      diagnoses: {
        type: Array,
        default: []
      }
    },
    components: {
      selectTemplate,
      saveTemplate,
      prescriptionTable,
      additionalCharges
    },
    data() {
      return {
        register_type:"",
        value: '',
        form: {
          name: ''
        },
        drugs: [],
        allDrugs: [],
        advices_template: [],

        editableTabsValue: '处方1',
        editableTabs: [{
          title: '处方1',
          name: '1'
        }],
        tabIndex: 1,
        currenet_inedx: 0,
        rightTab: 1,
        activeName: '1',
        curPrescriptions: this.prescriptions[0],
        drugTableData: [],
        preDrugs: [],
        curDrugs: [],
        doctorOptions: [],
        doctorValue: '',
        departmentOptions: [],
        departmentValue: '',
        total: 0,
        state1: '',
        state2: '',
        customTabIndex: 1,
        options: [],
        tabProject: [],
        strids: '',
        showOne: true,
        showTwo: false,
        tableData: [],
        tabPrjectTeam: [],
        teamList: [],
        doctors: [],
        departMent: [],
        curStatus: 0
      }
    },
    methods: {
      getTotal() {
        var total = 0
        for (let i = 0; i < this.prescriptions.length; i++) {
          if (this.prescriptions[i].advices != null) {
            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
              total = total + this.prescriptions[i].advices[a].retail_price * this.prescriptions[i].advices[a].prescribing_number
            }
          }
          if (this.prescriptions[i].project != null) {
            for (let b = 0; b < this.prescriptions[i].project.length; b++) {
              total = total + this.prescriptions[i].project[b].price * this.prescriptions[i].project[b].total
            }
          }
        }
        return Math.floor(total * 100) / 100
      },
      createFilter(queryString) {
        return (restaurant) => {
          return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
        }
      },

      querySearch(queryString, cb) {
        var restaurants = this.diagnoses
        console.log(restaurants)
        restaurants.map(item => {
          item.value = item.name
        })
        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
        // 调用 callback 返回建议列表的数据
        cb(results)
      },

      querySearch2(queryString, cb) {
        var restaurants = this.other_sick
        restaurants.map(item => {
          item.value = item.name
        })
        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
        // 调用 callback 返回建议列表的数据
        cb(results)
      },
      changeKind(val) {
        this.drugs = []

        if(val == 0){
          this.drugs = this.allDrugs
        }else{
          for (let i = 0; i < this.allDrugs.length; i++){
            if (this.allDrugs[i].drug_type == val){
              this.drugs.push(this.allDrugs[i])
            }
          }
        }
      },
      getDictionaryDataConfig(module, filed_name) {
        return getDictionaryDataConfig(module, filed_name)

      },
      getInitData() {
        getInitData().then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {
            this.drugs = response.data.data.drugs
            this.allDrugs = response.data.data.drugs
            this.advices_template = response.data.data.advices_template
            this.doctors = response.data.data.doctors


          }
        })

      },
      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]
            this.teamList = []
            this.curDrugs = []
            this.$refs.multipleTable.clearSelection()
            this.$refs.tables.clearSelection()

            //用来区分处方属于项目还是药品
            if (this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0) {
              this.customTabIndex = 1
              this.curStatus = 1
              this.rightTab = 1
              this.showOne = true
              this.showTwo = false
            }
            if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0) {

              this.customTabIndex = 2
              this.curStatus = 2
              this.rightTab = 2

              this.showTwo = true
              this.showOne = false
            }

            if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0) {
              this.customTabIndex = this.rightTab
              this.curStatus = 0

            }

          }

        }
      },
      clearData() {
        console.log("111111")
        this.curPrescriptions = []
        this.curStatus = 0
        this.curDrugs = []
        this.preDrugs = []
        this.teamList = []


      },
      setData(data,info) {
        this.curStatus = 0
        this.prescriptions = data
        this.curPrescriptions = this.prescriptions[0]
        if(this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0 ){
          this.curStatus = 1
          this.customTabIndex= 1
          this.rightTab = 1
          this.showOne = true
          this.showTwo = false

        }

        if(this.curPrescriptions.project.length > 0 && this.curPrescriptions.advices.length == 0 ){
          this.curStatus = 2
          this.customTabIndex= 2
          this.rightTab = 2
          this.showOne = false
          this.showTwo = true
        }


        this.state1 = info.diagnosis
        this.state2 = info.sick_history
        this.doctorValue = info.doctor
        this.departmentValue = info.departments


        // console.log(this.$refs)
        // this.$nextTick(() => {
        //   this.$refs.prescription_tables.setNewData(this.prescriptions[0])
        // })
      },
      moreState(tab, event) {
        if (tab == 'more') {
          return false
        }
      },
      open(index) {
        if(this.doctorValue.length <= 0){
          this.$message.error("医生不能为空")
          return
        }

        if(this.departmentValue.length <= 0){
          this.$message.error("科室不能为空")
          return
        }

        if (index == 1) {
          let params = {
            patient_id: this.patientInfo.id,
            diagnose: this.state1,
            sick_history: this.state2,
            doctor: this.doctorValue,
               department: this.departmentValue,
            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) {
              this.prescriptions[i]['type'] = 1
            }
            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++) {
              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()

            }

            for (let b = 0; b < this.prescriptions[i].project.length; b++) {
              this.prescriptions[i].project[b].price = parseFloat(this.prescriptions[i].project[b].price)

            }
          }
          let data = {
            'prescriptions': this.prescriptions
          }
          createHisPrescription(data, params).then(response => {
            if (response.data.state == 1) {
              // this.prescriptions = []
              this.$message.success('保存成功')
            }
          })
        } else if (index == 2) {
          this.$router.push('/outpatientDoctorStation/print')
        } else if (index == 4) {
          this.$refs.selectTemplate.show()
        } else if (index == 5) {
          this.$refs.saveTemplate.show()
        }

      },
      addTab(targetName) {
        ++this.tabIndex
        let newTabName = '处方' + this.tabIndex
        this.prescriptions.push({
          id: 0,
          name: newTabName,
          advices: [],
          project: []

        })
        this.editableTabsValue = newTabName
        this.curPrescriptions = this.prescriptions[this.prescriptions.length - 1]
        this.curStatus = 0
      },
      removeTab(targetName) {
        this.$confirm("处方删除后不可恢复，是否确认删除", "删除", {
          confirmButtonText: "确 定",
          cancelButtonText: "取 消",
          type: "warning"
        }).then(() => {
          let id = 0
          for (let i = 0; i < this.prescriptions.length; i++) {
            if (this.prescriptions[i].name == targetName) {
              id = this.prescriptions[i].id
            }
          }

          if (id == 0) {
            let tabs = this.prescriptions
            let activeName = this.editableTabsValue
            if (activeName === targetName) {
              tabs.forEach((tab, index) => {
                if (tab.name === targetName) {
                  let nextTab = tabs[index + 1] || tabs[index - 1]
                  if (nextTab) {
                    activeName = nextTab.name

                  }
                }
              })
            }
            this.editableTabsValue = activeName
            this.prescriptions = tabs.filter(tab => tab.name !== targetName)

            for (let i = 0; i < this.prescriptions.length; i++) {
              if (activeName == this.prescriptions[i].name) {
                this.curPrescriptions = this.prescriptions[i]
                if(this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0){
                  this.curStatus = 1
                }
                if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0){
                  this.curStatus = 2
                }
              }
            }
            if (this.prescriptions.length == 0) {
              this.curPrescriptions = []
              this.curStatus = 0
            }
          }
          else {
            let params = {
              'id': id
            }
            delHisPrescription(params).then(response => {
              if (response.data.state == 1) {
                this.$message.success('删除成功')
                let tabs = this.prescriptions
                let activeName = this.editableTabsValue
                if (activeName === targetName) {
                  tabs.forEach((tab, index) => {
                    if (tab.name === targetName) {
                      let nextTab = tabs[index + 1] || tabs[index - 1]
                      if (nextTab) {
                        activeName = nextTab.name

                      }
                    }
                  })
                }
                this.editableTabsValue = activeName
                this.prescriptions = tabs.filter(tab => tab.name !== targetName)

                for (let i = 0; i < this.prescriptions.length; i++) {
                  if (activeName == this.prescriptions[i].name) {
                    this.curPrescriptions = this.prescriptions[i]
                    if(this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0){
                      this.curStatus = 1
                    }
                    if(this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0){
                      this.curStatus = 2
                    }
                  }
                }
                if (this.prescriptions.length == 0) {
                  this.curPrescriptions = []
                  this.curStatus = 0
                }
              } else {
                this.$message.success(response.data.msg)
              }
            })
          }

        })
          .catch(() => {});



      },
      clickTab(index) {
        if (index == 1){
          if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0) {
            this.$message.error("当前处方为项目，无法切换为药品，需要新开处方")
            return
          }
        }else{
          if (this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0) {
            this.$message.error("当前处方为药品，无法切换为项目，需要新开处方")
            return
          }


        }

        if (index == 1) {

            this.teamList = []
          this.$refs.tables.clearSelection()

          this.showOne = true
          this.showTwo = false
          this.$nextTick(() => {
            this.$refs.prescription_tables.setNewData(this.prescriptions[this.prescriptions.length - 1])
          })
          this.customTabIndex = 1
        }
        if (index == 2) {
          this.curDrugs = []
          this.$refs.multipleTable.clearSelection()

          this.showTwo = true
          this.showOne = false
          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) {
          this.customTabIndex = 1
          this.curStatus =1

        }
        if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0) {
          this.customTabIndex = 2
          this.curStatus =2
        }
        if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length == 0) {
          // this.customTabIndex = this.rightTab
          this.customTabIndex = index
          this.curStatus =0

        }


      }, changeAllGoodInfoTableData: function(selection) {
        this.curDrugs = selection
      }, addCharges() {
        this.$refs.additionalCharges.show()
      },
      selectDrugs(selection, row) {
        this.curDrugs = selection
      },
      comfirm() {

        if (this.curStatus == 1  && this.rightTab == 2) {
          this.$message.error('改处方是药品，无法添加项目')
          this.teamList = []
          this.$refs.tables.clearSelection()
          return
        }

        if (this.curStatus ==2 && this.rightTab == 1) {
          this.$message.error('改处方是项目，无法添加药品')
          this.curDrugs = []
          this.$refs.multipleTable.clearSelection()
          return
        }

        for (let i = 0; i < this.teamList.length; i++){
          for (let a = 0; a < this.curPrescriptions.project.length; a++){
            if(this.teamList[i].id == this.curPrescriptions.project[a].project_id){
              this.$message.error('改处方存在相同的项目，无法添加相同的项目')
              return

            }
          }
        }

        console.log(this.curDrugs)
        console.log(this.curPrescriptions.advices)


        for (let i = 0; i < this.curDrugs.length; i++){
          for (let a = 0; a < this.curPrescriptions.advices.length; a++){
            if(this.curDrugs[i].id == this.curPrescriptions.advices[i].id){
              this.$message.error('改处方存在相同的药品，无法添加相同的药品')
              return

            }
          }
        }




        for (let i = 0; i < this.prescriptions.length; i++) {
          if (this.prescriptions[i].name == this.editableTabsValue) {
            var temp = this.deepClone(this.curDrugs)
            var temp2 = this.deepClone(this.teamList)

            console.log(temp2)
            if (temp.length > 0) {
              for (let b = 0; b < temp.length; b++) {
                let obj = {
                  advice_id: 0,
                  id:  temp[b].id,
                  drug_name: temp[b].drug_name,
                  single_dose: temp[b].single_dose,
                  delivery_way: temp[b].delivery_way,
                  execution_frequency: temp[b].execution_frequency,
                  retail_price: temp[b].retail_price.toString(),
                  remark: '',
                  prescribing_number: temp[b].prescribing_number,
                  single_dose_unit: temp[b].min_unit,
                  prescribing_number_unit: temp[b].min_unit,
                  min_unit: temp[b].min_unit,
                  medical_insurance_number:temp[b].medical_insurance_number,

                }
                this.prescriptions[i].advices.push(obj)
              }
              this.curStatus = 1
            }

            if (temp2.length > 0) {
              for (let b = 0; b < temp2.length; b++) {
                let obj = {
                  id: 0,
                  project_id: temp2[b].id,
                  project_name: temp2[b].project_name,
                  statistical_classification: temp2[b].statistical_classification,
                  single_dose: temp2[b].single_dose,
                  delivery_way: temp2[b].delivery_way,
                  execution_frequency: temp2[b].execution_frequency,
                  number_days: temp2[b].number_days,
                  total:temp2[b].total,
                  price:temp2[b].price,
                  remark:"",
                  medical_code:temp2[b].medical_code,
                }
                console.log(obj)
                this.prescriptions[i].project.push(obj)
              }
              this.curStatus = 2
            }

            this.curPrescriptions = this.prescriptions[i]
            this.$refs.multipleTable.clearSelection()
            this.$refs.tables.clearSelection()

          }
        }
        this.curDrugs = []
        this.preDrugs = []
        this.teamList = []

      }, changeAllGoodInfoTableDataTwo(row) {
        this.teamList = row
      },
      selectChange(row) {
        this.teamList = row
      },
      getlist() {
        getHisProject().then(response => {
          if (response.data.state == 1) {
            var project = response.data.data.project
            console.log('project', project)
            this.tabProject = project
          }
        })
      }, deepClone(source) {
        if (!source && typeof source !== 'object') {
          throw new Error('error arguments', 'shallowClone')
        }
        const targetObj = source.constructor === Array ? [] : {}
        Object.keys(source).forEach((keys) => {
          if (source[keys] && typeof source[keys] === 'object') {
            targetObj[keys] = this.deepClone(source[keys])
          } else {
            targetObj[keys] = source[keys]
          }
        })
        return targetObj
      },
      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])
          }
        }
        var idstr = res.join(',')
        const params = {
          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
          }
        })
      }
    },
    created() {
      this.getInitData()
      //获取所有项目
      this.getlist()
      //获取所以项目组套
      this.getAllProjectTeam()

    }
  }
</script>

<style lang="scss" scoped>
  .new-main-contain {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .app-container {
    height: 100%;
  }

  .mainCell {
    height: 36px;
    display: flex;
    align-items: center;
  }

  .mainLeft {
    width: 200px;
    height: 100%;
    display: flex;
    flex-direction: column;

  .el-radio {
    margin-right: 5px;
  }

  }
  .mainRight {
    margin-left: 20px;
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;

  .cellSpan {
    min-width: 80px;
    display: inline-block;
    margin-right: 10px;
  }

  }
  .mainCenter {
    display: flex;
    flex: 1;
  }

  .centerLeft {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;

  .el-form-item {
    width: 32%;
    margin-right: 1%;
    float: left;
  }

  .el-form-item__label {
    text-align: left;
  }

  }
  .backColor {
    background: #f6f8f9;
    height: 5px;
    margin-bottom: 5px;
  }

  .RP {
    color: #409EFF;
    font-size: 20px;
    margin-bottom: 5px;
  }

  .tabsBox {
    position: relative;
    height: 76%;
    overflow-y: auto;
    margin-bottom: 60px;

  .el-tabs__item {
    padding: 0 10px;
  }

  }
  .preTabs {
    height: 100%;
  }

  .costBox {
    width: 100%;
    height: 60px;
    background: #fff;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
  }

  .addTab {
    position: absolute;
    right: 0;
    top: 6px;
    z-index: 20;
  }

  .centerRight {
    width: 300px;
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .rightTab {
    height: 40px;
    width: 100%;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;

  p {
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eee;
    float: left;
  }

  > p:last-child {
    border-left: 1px solid #d2d2d2;
    float: right;
  }

  .activeP {
    background: #409EFF;
    color: #fff;
  }

  }
  .comfirmBox {
    width: 100%;
    height: 60px;
    background: #fff;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
</style>

<style lang="scss">
  .centerLeft {

  .el-form-item__label {
    text-align: left;
  }

  }
  .tabsBox {

  .el-tabs__item {
    padding: 0 10px;
  }

  .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
    padding: 0 10px;
  }

  .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
    padding: 0 10px;
  }

  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
    padding: 0 10px;
  }

  }
  .centerRight {

  .el-tabs__nav-scroll {
    display: flex;
  }

  .el-tabs__nav {
    margin: 0 auto;
  }

  .el-table th .cell, .el-table td .cell {
    padding: 0 2px;
  }

  }
  .preTabs {

  .el-tabs__content {

  }

  }
  .rightTabs {
    height: 100%;


  .el-tabs__content {

  }

  }
  #tab-more {

  .el-icon-close {
    display: none;
  }

  }
</style>