diagnosis.admin/src/components/ChineseMedicine copy.vue

<template>
  <div>
    <div class="table-header flex-vertical-between">
      <div class="table-label flex-vertical-center-l">
        <div class="label-item flex-center" v-for="(item,index) in recipe_tabs" :key="'a'+index">
          <span
            :class="recipe_tabs_c==index?'l_active':''"
            @click="recipeChange(index)"
          >{{item.name}}</span>
          <div @click="recipeDelete(index)">X</div>
        </div>
      </div>
      <div class="flex flex-col-center flex-row-r">
        <div class="add-presc flex-center" @click="addRecipeTba()">新增处方</div>
        <div class="add-presc flex-center" @click="clearRecipe()">清空处方</div>
      </div>
    </div>

    <div class="table-container">
      <div class="t-con-header flex-vertical-between">
        <div class="t-con-radio flex-vertical-center-l" v-if="false">
          <span class="t-radio-title">选择药房：</span>
          <div class="t-radio-group">
            <!-- <el-radio-group v-model="recipe_tabs[recipe_tabs_c].radio" @change="getPharmacyID"
                                :disabled="recipe_tabs[recipe_tabs_c].disable">
                                <el-radio label="0">散装饮片</el-radio>
                                <el-radio label="1">散装颗粒</el-radio>
                                <el-radio label="2">小包装饮片</el-radio>
                                <el-radio label="3">小包装颗粒</el-radio>

            </el-radio-group>-->
            <el-select
              v-model="recipe_tabs[recipe_tabs_c].pharmacyID"
              :disabled="recipe_tabs[recipe_tabs_c].disable"
              placeholder="请选择"
              @change="changePharmacy(recipe_tabs[recipe_tabs_c].lastType)"
            >
              <el-option
                :label="item.pharmacyName"
                :value="item.pid"
                v-for="(item,index) in pharmacyList"
                :key="'b'+index"
              ></el-option>
            </el-select>
          </div>
        </div>
        <!-- @change="getPharmacyID" -->
        <div class="t-con-radio flex-vertical-center-l">
          <!-- <span class="t-radio-title">选择类型：</span> -->
          <div class="t-radio-group">
            <el-radio-group
              v-model="recipe_tabs[recipe_tabs_c].radio"
              :disabled="recipe_tabs[recipe_tabs_c].disable"
              @change="changePharmacy(recipe_tabs[recipe_tabs_c].lastType)"
            >
              <!-- <el-radio label="0">散装</el-radio>
              <el-radio label="1">小包装</el-radio>-->
              <el-radio label="1">共享散装饮片</el-radio>
              <el-radio label="2">共享散装颗粒</el-radio>
              <el-radio label="3">共享小包装饮片</el-radio>
              <el-radio label="4">共享小包装颗粒</el-radio>
              <el-radio label="1">本地散装饮片</el-radio>
              <el-radio label="2">本地散装颗粒</el-radio>
              <el-radio label="3">本地小包装饮片</el-radio>
              <el-radio label="4">本地小包装颗粒</el-radio>
              <el-radio label="5">膏方</el-radio>
            </el-radio-group>
          </div>
        </div>

        <!-- <div class="add-presc1 flex-center" @click="clearRecipe()">清空处方</div> -->
      </div>
      <!-- 表格  -->
      <div class="table-show flex-plane-t-between flex-wrap">
        <!-- 表一和表二 -->
        <div class="table-left-body">
          <div class="table-left" v-if="true">
            <el-table
              :data="recipe_tabs[recipe_tabs_c].tableData"
              style="width:100%;"
              :span-method="arraySpanMethod1"
              id="table1"
            >
              <el-table-column prop="id" label width="40" fixed="left">
                <template slot-scope="scope">
                  <!-- width:110px -->
                  <!-- v-model="scope.row.key" -->
                  <div v-if="!scope.row.name" class="flex-vertical-between">
                    <div style="width:110px;" class="operate2" id="operate2">
                      <el-input
                        :value="scope.row.key"
                        :id="'searchD'+scope.row.id"
                        size="mini"
                        placeholder="请输入..."
                        @input="searchDrug($event,scope)"
                        @blur="drugBlur($event,scope)"
                        @keydown.down.native="drugDown($event,scope)"
                        @keydown.up.native="drugUp($event,scope)"
                        @keydown.enter.native="drugEnter(scope)"
                        :disabled="recipe_tabs[recipe_tabs_c].disable"
                      ></el-input>

                      <div class="table-choose3" v-if="scope.row.key">
                        <div class="table-choose-h flex-vertical-between">
                          <div class="flex-center">药品名称</div>
                          <div class="flex-center">规格</div>
                          <div class="flex-center">产地</div>
                          <div class="flex-center">库存</div>
                        </div>

                        <div
                          class="t-c-b infinite-list"
                          v-infinite-scroll="load"
                          :infinite-scroll-immediate="false"
                          :id="'infiniteList'+scope.row.id"
                          :ref="'infiniteList'+scope.row.id"
                          style="overflow:auto"
                        >
                          <div
                            class="infinite-list-item flex-vertical-between"
                            :style="scope.row.search_i===index1?'background:#F3FFFB;':''"
                            @click="chooseDis1(scope,index1,item1)"
                            v-for="(item1,index1) in scope.row.drugList"
                            :key="scope.row.id+'c'+index1"
                          >
                            <p class="flex-center">{{item1.ypmc}}</p>
                            <p class="flex-center">{{item1.gg}}</p>
                            <p class="flex-center">{{item1.cdmc}}</p>
                            <p class="flex-center">{{item1.kc}}</p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div
                      class="operate1"
                      v-if="scope.row.id!==recipe_tabs[recipe_tabs_c].totalTableD.length && !scope.row.name"
                    >
                      <img src="../assets/delete1.png" alt @click="deleteDis1(scope)" />
                    </div>
                  </div>

                  <!-- -->
                  <div v-else>{{scope.row.id}}</div>
                </template>
              </el-table-column>
              <el-table-column prop="name" label="药品名称" width="80" fixed="left">
                <template slot-scope="scope" v-if="scope.row.name">
                  <div
                    @click="clickName(scope)"
                    v-if="!scope.row.showSearch"
                    :style="{'color':scope.row.color?scope.row.color:''}"
                  >{{scope.row.name}}</div>
                  <div v-else class="flex-vertical-between">
                    <div style="width:110px;">
                      <el-input
                        :value="scope.row.key"
                        :id="'searchD'+scope.row.id"
                        size="mini"
                        :placeholder="scope.row.name"
                        @input="searchDrug($event,scope)"
                        @blur="drugBlur1($event,scope)"
                        @keydown.down.native="drugDown($event,scope)"
                        @keydown.up.native="drugUp($event,scope)"
                        @keydown.enter.native="drugEnter(scope)"
                        :disabled="recipe_tabs[recipe_tabs_c].disable"
                      ></el-input>
                      <!-- v-model=" jiuzhescope.row.key" -->
                      <div class="table-choose3" v-if="scope.row.key">
                        <div class="table-choose-h flex-vertical-between">
                          <div class="flex-center">药品名称</div>
                          <div class="flex-center">规格</div>
                          <div class="flex-center">产地</div>
                          <div class="flex-center">库存</div>
                        </div>
                        <!--  -->
                        <div
                          class="t-c-b infinite-list"
                          v-infinite-scroll="load"
                          :infinite-scroll-immediate="false"
                          :id="'infiniteList'+scope.row.id"
                          :ref="'infiniteList'+scope.row.id"
                          style="overflow:auto"
                          v-if="scope.row.drugList.length>0"
                        >
                          <div
                            class="infinite-list-item flex-vertical-between"
                            :style="scope.row.search_i===index1?'background:#F3FFFB;':''"
                            @click="chooseDis1(scope,index1,item1)"
                            v-for="(item1,index1) in scope.row.drugList"
                            :key="scope.row.id+'d'+index1"
                          >
                            <p class="flex-center">{{item1.ypmc}}</p>
                            <p class="flex-center">{{item1.gg}}</p>
                            <p class="flex-center">{{item1.cdmc}}</p>
                            <p class="flex-center">{{item1.kc}}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </template>
              </el-table-column>
              <!-- fixed="left" -->
              <el-table-column prop="spec" label="规格" width="80"></el-table-column>
              <el-table-column prop="dose" label="剂量" width="50">
                <template slot-scope="scope" v-if="scope.row.name">
                  <div class="t_dose">
                    <el-input
                      :value="scope.row.dose"
                      size="mini"
                      @input="countDoseMoney($event,scope)"
                      :ref="'dose'+scope.row.id"
                      :id="'dose'+scope.row.id"
                      :disabled="recipe_tabs[recipe_tabs_c].disable"
                      @keydown.enter.native="doseEnter(scope)"
                    ></el-input>
                  </div>
                </template>
              </el-table-column>
              <el-table-column prop="unit" label="单位" width="50"></el-table-column>
              <el-table-column prop="inventory" label="库存" width="80"></el-table-column>
              <el-table-column prop="usage" label="用法" width="100">
                <template slot-scope="scope" v-if="scope.row.name">
                  <el-select
                    v-model="scope.row.usage"
                    placeholder="请选择"
                    size="mini"
                    @change="usageC($event,scope)"
                    :disabled="recipe_tabs[recipe_tabs_c].disable"
                  >
                    <el-option
                      :label="item.value"
                      :value="item.key"
                      v-for="(item,index) in scope.row.usageList"
                      :key="scope.row.id+'e'+index"
                    ></el-option>
                  </el-select>
                </template>
              </el-table-column>
              <!-- <el-table-column prop="price" label="单价" width="50">
              </el-table-column>-->
              <el-table-column prop="total" label="计价总额" width="80">
                <template slot-scope="scope" v-if="scope.row.name">
                  <div>{{scope.row.total | formatTotal}}</div>
                </template>
              </el-table-column>

              <el-table-column label="操作" fixed="right">
                <template slot-scope="scope">
                  <div class="operate" v-if="scope.row.name">
                    <div>
                      <img
                        src="../assets/add.png"
                        alt
                        @click="addDis1(scope)"
                        v-if="!recipe_tabs[recipe_tabs_c].disable"
                      />
                    </div>
                    <div>
                      <img
                        src="../assets/delete1.png"
                        alt
                        @click="deleteDis1(scope)"
                        v-if="!recipe_tabs[recipe_tabs_c].disable"
                      />
                    </div>
                    <div>
                      <img src="../assets/find.png" alt @click="findDrug(scope)" />
                    </div>
                  </div>
                  <div
                    class="operate"
                    v-else-if="scope.row.id==recipe_tabs[recipe_tabs_c].totalTableD.length && !scope.row.name"
                  >
                    <div style="opacity:0;">
                      <img src="../assets/find.png" alt />
                    </div>
                  </div>

                  <div v-else class="operate">
                    <div v-if="scope.row.id!==recipe_tabs[recipe_tabs_c].totalTableD.length">
                      <img
                        src="../assets/delete1.png"
                        alt
                        @click="deleteDis1(scope)"
                        v-if="!recipe_tabs[recipe_tabs_c].disable"
                      />
                    </div>
                  </div>
                </template>
              </el-table-column>

              <div slot="empty"></div>
            </el-table>
          </div>
        </div>

        <div class="table-left-body">
          <div class="table-left" v-if="true">
            <el-table
              :data="recipe_tabs[recipe_tabs_c].tableData1"
              style="width:100%;"
              :span-method="arraySpanMethod1"
              id="table1"
            >
              <el-table-column prop="id" label width="40" fixed="left">
                <template slot-scope="scope">
                  <!-- width:110px -->
                  <!-- v-model="scope.row.key" -->
                  <div v-if="!scope.row.name" class="flex-vertical-between">
                    <div style="width:110px;" class="operate2" id="operate2">
                      <el-input
                        :value="scope.row.key"
                        :id="'searchD'+scope.row.id"
                        size="mini"
                        placeholder="请输入..."
                        @input="searchDrug($event,scope)"
                        @blur="drugBlur($event,scope)"
                        @keydown.down.native="drugDown($event,scope)"
                        @keydown.up.native="drugUp($event,scope)"
                        @keydown.enter.native="drugEnter(scope)"
                        :disabled="recipe_tabs[recipe_tabs_c].disable"
                      ></el-input>

                      <div class="table-choose3" v-if="scope.row.key">
                        <div class="table-choose-h flex-vertical-between">
                          <div class="flex-center">药品名称</div>
                          <div class="flex-center">规格</div>
                          <div class="flex-center">产地</div>
                          <div class="flex-center">库存</div>
                        </div>

                        <div
                          class="t-c-b infinite-list"
                          v-infinite-scroll="load"
                          :infinite-scroll-immediate="false"
                          :id="'infiniteList'+scope.row.id"
                          :ref="'infiniteList'+scope.row.id"
                          style="overflow:auto"
                        >
                          <div
                            class="infinite-list-item flex-vertical-between"
                            :style="scope.row.search_i===index1?'background:#F3FFFB;':''"
                            @click="chooseDis1(scope,index1,item1)"
                            v-for="(item1,index1) in scope.row.drugList"
                            :key="scope.row.id+'f'+index1"
                          >
                            <p class="flex-center">{{item1.ypmc}}</p>
                            <p class="flex-center">{{item1.gg}}</p>
                            <p class="flex-center">{{item1.cdmc}}</p>
                            <p class="flex-center">{{item1.kc}}</p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div
                      class="operate1"
                      v-if="scope.row.id!==recipe_tabs[recipe_tabs_c].totalTableD.length && !scope.row.name"
                    >
                      <img src="../assets/delete1.png" alt @click="deleteDis1(scope)" />
                    </div>
                  </div>
                  <!-- -->
                  <div v-else>{{scope.row.id}}</div>
                </template>
              </el-table-column>
              <el-table-column prop="name" label="药品名称" width="80" fixed="left">
                <template slot-scope="scope" v-if="scope.row.name">
                  <div
                    @click="clickName(scope)"
                    v-if="!scope.row.showSearch"
                    :style="{'color':scope.row.color?scope.row.color:''}"
                  >{{scope.row.name}}</div>
                  <div v-else class="flex-vertical-between">
                    <div style="width:110px;">
                      <el-input
                        :value="scope.row.key"
                        :id="'searchD'+scope.row.id"
                        size="mini"
                        :placeholder="scope.row.name"
                        @input="searchDrug($event,scope)"
                        @blur="drugBlur1($event,scope)"
                        @keydown.down.native="drugDown($event,scope)"
                        @keydown.up.native="drugUp($event,scope)"
                        @keydown.enter.native="drugEnter(scope)"
                        :disabled="recipe_tabs[recipe_tabs_c].disable"
                      ></el-input>
                      <!-- v-model="scope.row.key" -->
                      <div class="table-choose3" v-if="scope.row.key">
                        <div class="table-choose-h flex-vertical-between">
                          <div class="flex-center">药品名称</div>
                          <div class="flex-center">规格</div>
                          <div class="flex-center">产地</div>
                          <div class="flex-center">库存</div>
                        </div>
                        <!--  -->
                        <div
                          class="t-c-b infinite-list"
                          v-infinite-scroll="load"
                          :infinite-scroll-immediate="false"
                          :id="'infiniteList'+scope.row.id"
                          :ref="'infiniteList'+scope.row.id"
                          style="overflow:auto"
                          v-if="scope.row.drugList.length>0"
                        >
                          <div
                            class="infinite-list-item flex-vertical-between"
                            :style="scope.row.search_i===index1?'background:#F3FFFB;':''"
                            @click="chooseDis1(scope,index1,item1)"
                            v-for="(item1,index1) in scope.row.drugList"
                            :key="scope.row.id+'g'+index1"
                          >
                            <p class="flex-center">{{item1.ypmc}}</p>
                            <p class="flex-center">{{item1.gg}}</p>
                            <p class="flex-center">{{item1.cdmc}}</p>
                            <p class="flex-center">{{item1.kc}}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </template>
              </el-table-column>
              <!-- fixed="left" -->
              <el-table-column prop="spec" label="规格" width="80"></el-table-column>
              <el-table-column prop="dose" label="剂量" width="50">
                <template slot-scope="scope" v-if="scope.row.name">
                  <div class="t_dose">
                    <el-input
                      :value="scope.row.dose"
                      size="mini"
                      @input="countDoseMoney($event,scope)"
                      :id="'dose'+scope.row.id"
                      :disabled="recipe_tabs[recipe_tabs_c].disable"
                      @keydown.enter.native="doseEnter(scope)"
                    ></el-input>
                  </div>
                </template>
              </el-table-column>
              <el-table-column prop="unit" label="单位" width="50"></el-table-column>
              <el-table-column prop="inventory" label="库存" width="80"></el-table-column>
              <el-table-column prop="usage" label="用法" width="100">
                <template slot-scope="scope" v-if="scope.row.name">
                  <el-select
                    v-model="scope.row.usage"
                    placeholder="请选择"
                    size="mini"
                    @change="usageC($event,scope)"
                    :disabled="recipe_tabs[recipe_tabs_c].disable"
                  >
                    <el-option
                      :label="item.value"
                      :value="item.key"
                      v-for="(item,index) in scope.row.usageList"
                      :key="scope.row.id+'h'+index"
                    ></el-option>
                  </el-select>
                </template>
              </el-table-column>
              <!-- <el-table-column prop="price" label="单价" width="50">
              </el-table-column>-->
              <el-table-column prop="total" label="计价总额" width="80">
                <template slot-scope="scope" v-if="scope.row.name">
                  <div>{{scope.row.total | formatTotal}}</div>
                </template>
              </el-table-column>

              <el-table-column label="操作" fixed="right">
                <template slot-scope="scope">
                  <div class="operate" v-if="scope.row.name">
                    <div>
                      <img
                        src="../assets/add.png"
                        alt
                        @click="addDis1(scope)"
                        v-if="!recipe_tabs[recipe_tabs_c].disable"
                      />
                    </div>
                    <div>
                      <img
                        src="../assets/delete1.png"
                        alt
                        @click="deleteDis1(scope)"
                        v-if="!recipe_tabs[recipe_tabs_c].disable"
                      />
                    </div>
                    <div>
                      <img src="../assets/find.png" alt @click="findDrug(scope)" />
                    </div>
                  </div>
                  <div
                    class="operate"
                    v-else-if="scope.row.id==recipe_tabs[recipe_tabs_c].totalTableD.length && !scope.row.name"
                  >
                    <div style="opacity:0;">
                      <img src="../assets/find.png" alt />
                    </div>
                  </div>

                  <div v-else class="operate">
                    <div v-if="scope.row.id!==recipe_tabs[recipe_tabs_c].totalTableD.length">
                      <img
                        src="../assets/delete1.png"
                        alt
                        @click="deleteDis1(scope)"
                        v-if="!recipe_tabs[recipe_tabs_c].disable"
                      />
                    </div>
                  </div>
                </template>
              </el-table-column>

              <div slot="empty"></div>
            </el-table>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部处方 -->
    <div class="table-bottom">
      <div class="table-b-header">
        <div class="flex-vertical-center-l header-about flex-wrap" v-if="container_i==0">
          <div class="item flex-vertical-center-l">
            <span>剂数：</span>
            <div class="div1">
              <el-input
                size="medium"
                placeholder="请输入剂数"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.doseNum"
                @change="doseNumC()"
              ></el-input>
            </div>
          </div>
          <div class="item flex-vertical-center-l">
            <span>剂型：</span>
            <div class="div2">
              <!-- :disabled="recipe_tabs[recipe_tabs_c].disable" -->
              <el-select
                @change="countNowRecipeMoney()"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.doseType"
                placeholder="请选择"
              >
                <el-option
                  :label="item.value"
                  :value="item.key"
                  v-for="(item,index) in recipe_tabs[recipe_tabs_c].bottom_form.doseTypeList"
                  :key="'i'+index"
                ></el-option>
                <!-- for 有问题 -->
              </el-select>
            </div>
          </div>
          <div
            class="item flex-vertical-center-l"
            v-if="recipe_tabs[recipe_tabs_c].bottom_form.doseType=='1'"
          >
            <span>每次：</span>
            <!--浓煎-->
            <div class="div1">
              <!-- :disabled="recipe_tabs[recipe_tabs_c].disable" -->
              <el-select
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.nongjian"
                placeholder="请选择"
              >
                <el-option label="50ml" value="50"></el-option>
                <el-option label="100ml" value="100"></el-option>
                <el-option label="150ml" value="150"></el-option>
                <el-option label="200ml" value="200"></el-option>
                <el-option label="250ml" value="250"></el-option>
              </el-select>
            </div>
          </div>
          <div
            class="item flex-vertical-center-l"
            v-if="recipe_tabs[recipe_tabs_c].bottom_form.doseType=='1'"
          >
            <span>代煎：</span>
            <div class="div3">
              <el-input
                size="medium"
                placeholder="请输入"
                @blur="countNowRecipeMoney"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.daijian"
              >
                <div slot="suffix" class="input-suffix">剂</div>
              </el-input>
            </div>
          </div>
          <div class="item flex-vertical-center-l">
            <span>处方用法：</span>
            <div class="div3">
              <!-- :disabled="recipe_tabs[recipe_tabs_c].disable" -->
              <el-select v-model="recipe_tabs[recipe_tabs_c].bottom_form.usege" placeholder="请选择">
                <el-option
                  :label="item.value"
                  :value="item.key"
                  v-for="(item,index) in recipe_tabs[recipe_tabs_c].bottom_form.usegeList"
                  :key="'j'+index"
                ></el-option>
              </el-select>
            </div>
          </div>
          <div
            class="item flex-vertical-center-l"
            v-if="recipe_tabs[recipe_tabs_c].bottom_form.usege=='0' || recipe_tabs[recipe_tabs_c].bottom_form.usege=='2' ||recipe_tabs[recipe_tabs_c].bottom_form.usege=='1'"
          >
            <span>服药时间：</span>
            <div class="div3">
              <!-- :disabled="recipe_tabs[recipe_tabs_c].disable" -->
              <el-select v-model="recipe_tabs[recipe_tabs_c].bottom_form.time" placeholder="请选择">
                <el-option
                  :label="item.value"
                  :value="item.key"
                  v-for="(item,index) in recipe_tabs[recipe_tabs_c].bottom_form.timeList"
                  :key="'k'+index"
                ></el-option>
              </el-select>
            </div>
          </div>

          <div class="item flex-vertical-center-l">
            <span>频次：</span>
            <div class="div1">
              <!-- :disabled="recipe_tabs[recipe_tabs_c].disable" -->
              <el-select v-model="recipe_tabs[recipe_tabs_c].bottom_form.num" placeholder="请选择">
                <el-option
                  :label="item.value"
                  :value="item.key"
                  v-for="(item,index) in recipe_tabs[recipe_tabs_c].bottom_form.numList"
                  :key="'l'+index"
                ></el-option>
              </el-select>
            </div>
          </div>
        </div>

        <div v-if="recipe_tabs[recipe_tabs_c].bottom_form.usege=='5'" class="header-about">
          <div class="item flex-vertical-center-l">
            <span>操作指南：</span>
            <div style="flex:1;">
              <el-input
                size="medium"
                placeholder="请输入"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.caozuo"
              ></el-input>
            </div>
          </div>
        </div>
        <div class="flex-vertical-center-l header-about flex-wrap" v-if="container_i==2">
          <div class="item flex-vertical-center-l">
            <span>类型：</span>
            <div class="div2">
              <el-select
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.doseType1"
                placeholder="请选择"
              >
                <el-option label="针刺" value="zc"></el-option>
                <el-option label="汤药" value="ty"></el-option>
              </el-select>
            </div>
          </div>
          <div class="item flex-vertical-center-l">
            <span>次数：</span>
            <div class="div1">
              <el-input
                size="medium"
                placeholder="请输入次数"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.doseNum1"
              ></el-input>
            </div>
          </div>
        </div>

        <div class="header-about">
          <div class="item flex-vertical-center-l">
            <span>嘱托：</span>
            <div style="flex:1;">
              <el-input
                size="medium"
                placeholder="请输入"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.zhutuo"
              ></el-input>
            </div>
          </div>
        </div>

        <div class="header-about flex-vertical-center-l flex-wrap" v-if="container_i!=2">
          <div class="item flex-vertical-center-l">
            <span>配送：</span>
            <div class="div1">
              <el-radio-group
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.radio"
                @change="getaddress"
              >
                <el-radio label="0">是</el-radio>
                <el-radio label="1">否</el-radio>
              </el-radio-group>
            </div>
          </div>
          <div
            class="item flex-vertical-center-l"
            v-if="recipe_tabs[recipe_tabs_c].bottom_form.radio==0"
          >
            <span>收货人姓名：</span>
            <div class="div1">
              <el-input
                size="small"
                placeholder="请输入"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.savename"
              ></el-input>
            </div>
          </div>
          <div
            class="item flex-vertical-center-l"
            v-if="recipe_tabs[recipe_tabs_c].bottom_form.radio==0"
          >
            <span>收货人电话：</span>
            <div class="div1">
              <el-input
                size="small"
                placeholder="请输入"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.phone"
              ></el-input>
            </div>
          </div>
          <div
            class="item flex-vertical-center-l flex-wrap"
            v-if="recipe_tabs[recipe_tabs_c].bottom_form.radio==0"
          >
            <span>收货地址：</span>
            <div class="city1 city">
              <!-- <el-select size="small" v-model="recipe_tabs[recipe_tabs_c].bottom_form.province"
                                placeholder="省">
                                <el-option label="浙江省" value="zj"></el-option>
                                
              </el-select>-->
              <el-select
                size="small"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.province"
                placeholder="选择省"
                @change="proC($event)"
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item,index) in recipe_tabs[recipe_tabs_c].bottom_form.provinceList"
                  :key="'m'+index"
                ></el-option>
              </el-select>
            </div>
            <div class="city1 city">
              <!-- <el-select size="small" v-model="recipe_tabs[recipe_tabs_c].bottom_form.city"
                                placeholder="市">
                                <el-option label="杭州市" value="hz"></el-option>
                               
              </el-select>-->
              <el-select
                size="small"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.city"
                placeholder="选择市"
                @change="cityC($event)"
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item,index) in recipe_tabs[recipe_tabs_c].bottom_form.cityList"
                  :key="'n'+index"
                ></el-option>
              </el-select>
            </div>
            <div class="city1 city">
              <!-- <el-select size="small" v-model="recipe_tabs[recipe_tabs_c].bottom_form.area"
                                placeholder="区">
                                <el-option label="拱墅区" value="gs"></el-option>
              </el-select>-->
              <el-select
                size="small"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.area"
                placeholder="选择区"
              >
                <el-option
                  :label="item.name"
                  :value="item.code"
                  v-for="(item,index) in recipe_tabs[recipe_tabs_c].bottom_form.areaList"
                  :key="'o'+index"
                ></el-option>
              </el-select>
            </div>
            <div class="div4">
              <el-input
                size="small"
                placeholder="请输入详细地址"
                v-model="recipe_tabs[recipe_tabs_c].bottom_form.address"
              ></el-input>
            </div>
          </div>
          <div
            class="right flex-center"
            v-if="recipe_tabs[recipe_tabs_c].bottom_form.radio==0"
            @click="getAddressForHospital"
          >寄到本院</div>
          <!-- 数据会更新到这个组件里面 -->
        </div>
      </div>
    </div>
    <!-- 留在这个页面 -->
    <div class="table-b-bottom flex-vertical-between">
      <div class="t-b-b-left flex-vertical-center-l flex-wrap">
        <div class="t-b-l-item">
          <!-- 单击金额 *数 -->
          当前处方金额:
          <span>{{recipe_tabs[recipe_tabs_c].bottom_form.nowRecipeMoney1}}元</span>
        </div>
        <div class="t-b-l-item" v-if="container_i==0">
          单剂金额:
          <span>{{recipe_tabs[recipe_tabs_c].bottom_form.nowRecipeMoney | formatTotal}}元</span>
        </div>
        <div
          class="t-b-l-item"
          v-if="recipe_tabs[recipe_tabs_c].bottom_form.daijian && recipe_tabs[recipe_tabs_c]. bottom_form.doseType=='1'"
        >
          代煎费:
          <span>{{recipe_tabs[recipe_tabs_c].bottom_form.moneyMsg.agencyPrice?recipe_tabs[recipe_tabs_c].bottom_form.moneyMsg.agencyPrice*Number(recipe_tabs[recipe_tabs_c].bottom_form.daijian):0}}元</span>
        </div>
        <div class="t-b-l-item" v-if="recipe_tabs[recipe_tabs_c].bottom_form.radio==0">
          配送费:
          <span>{{recipe_tabs[recipe_tabs_c].bottom_form.moneyMsg.deliveryPrice}}元</span>
        </div>
        <div class="t-b-l-item" v-if="recipe_tabs[recipe_tabs_c].bottom_form.doseType=='0'">
          制膏费:
          <span>{{recipe_tabs[recipe_tabs_c].bottom_form.moneyMsg.systemOfCreamPrice}}元</span>
        </div>
        <div
          class="t-b-l-item"
          v-if="recipe_tabs[recipe_tabs_c].bottom_form.doseType=='2' || recipe_tabs[recipe_tabs_c].bottom_form.doseType=='3'"
        >
          特殊调配费:
          <span>{{recipe_tabs[recipe_tabs_c].bottom_form.moneyMsg.specialDeploymentPrice?recipe_tabs[recipe_tabs_c].bottom_form.moneyMsg.specialDeploymentPrice*Number(recipe_tabs[recipe_tabs_c].bottom_form.doseNum):0}}元</span>
        </div>
        <div class="t-b-l-item">
          <!-- 合计费用: <span>{{recipe_tabs[recipe_tabs_c].bottom_form.allMoney}}元</span> -->
          合计费用:
          <span>{{totalAllMoney}}元</span>
        </div>
      </div>
      <div class="t-b-b-right flex-vertical-center-r">
        <!-- $router.push({path:'/index/accordedit'}) -->
        <div
          class="flex-center"
          v-if="!recipe_tabs[recipe_tabs_c].bottom_form.disable"
          @click="saveToMine"
        >存为我的协定方</div>
        <div class="flex-center bg-green" v-if="showSubmit" @click="submit()">提交处方</div>
      </div>
    </div>

    <popup
      :showDialog="showDialog"
      @cancle="showDialog=false"
      @confim="submitAgree()"
      title="存为我的协定方"
      width="80%"
    >
      <div slot="body">
        <accordEdit :showBtn="false" ref="accordEdit"></accordEdit>
      </div>
    </popup>
  </div>
</template>
<script>
import { addAccordData, getAccordShareList } from "@/api/business.js";
import { getDataByKey } from "@/api/system.js";
import accordEdit from "@/views/business/AccordEdit.vue";
import {
  getProver,
  getArea,
  getSelectType,
  getPharmacyMsg,
  getPatAddress
} from "@/api/city.js";
import {
  getTableDrug,
  getAddressForHospital,
  getPharmacyID,
  changePharmacy,
  customerQuery
} from "@/api/diagnosis.js";
import { debounce } from "@/utils/format.js";

import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
import popup from "@/components/Propup.vue";
export default {
  components: {
    popup,
    accordEdit
  },
  props: {
    container_i: {
      type: Number,
      default: 0
    },
    showSubmit: {
      type: Boolean,
      default: true
    }
    // totalAllMoney: Number,
  },
  data() {
    return {
      totalAllMoney: 0,
      preData: [],
      showDialog: false,
      shareSelect: [], // 共享至选择器数据
      share: "",
      name: "中药处方",
      recipe_tabs: [
        {
          isMyMade: true,
          name: "处方1",
          pharmacyID: "", // 药房id
          totalTableD: [
            {
              id: 1,
              key: "",
              drugList: [],
              page: 1,
              loadMore: true,
              usageList: [],
              search_i: 0,
              showSearch: false
            }
          ],
          tableData: [
            {
              id: 1,
              key: "",
              drugList: [],
              page: 1,
              loadMore: true,
              usageList: [],
              search_i: 0,
              showSearch: false
            }
          ],
          radio: "1",
          lastType: "1", // 上一次的 药房类型

          tableData1: [],
          bottom_form: {
            preType: "", // 协定方的时候 切换 中药类型带入
            disable: false, // 协定方 配方转方 为 true
            doseNum: "",
            doseType: "",
            doseTypeList: [],
            usegeList: [],
            usege: "",
            num: "",
            numList: [], // 频次后台数据
            daijian: "",
            nongjian: "200ml",
            time: "",
            timeList: [], // 服药时间后台数据
            caozuo: "",
            zhutuo: "",
            radio: "1",
            provinceList: [],
            cityList: [],
            areaList: [],
            province: "",
            city: "",
            area: "",
            address: "",
            phone: "",
            doseType1: "zc",
            doseNum1: "",
            savename: "",
            nowRecipeMoney: 0, //单剂金额
            nowRecipeMoney1: 0, //当前处方金额
            allMoney: 0, // 合计金额

            moneyMsg: {} // 价格数据
          }
        }
      ], // 处方 tabs
      recipe_tabs_c: 0, // 处方 tabs 下标
      index: 0, // 全局index 下拉加载时使用

      provinceList1: [], // 全局省列表 赋值用
      countWay: "1", // 计算方式
      pharmacyList: [], // 药房选择器 数据

      clickPid: "" // 点击的药品id
    };
  },
  created() {
    // setTimeout(() => {
    //     this.getDataByKey()
    // }, 200);
    // this.getAccordShareList()
    // this.getPharmacyID()
    // this.getTableDrug('', 1, 0)
    this.customerQuery();
    this.getProver();
    this.getSelectType("中药药品用法", 0);
    this.getSelectType("剂型", 0);
    this.getSelectType("处方用法");
    this.getSelectType("中药服药时间");
    this.getSelectType("中药频次");
  },
  mounted() {},
  methods: {
    // 是否配送
    getaddress(e) {
      console.log(e, "e");
      if (e == 1) {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.address = "";
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.savename = "";
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.phone = "";
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.province = "";
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.city = "";
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.area = "";
      } else {
        this.getPatAddress();
      }
      this.countNowRecipeMoney();
    },
    scroll(e) {
      //   console.log("滚动", e);
    },
    // 监听键盘事件
    drugDown(e, scope) {
      let index = scope.row.id ? scope.row.id - 1 : 0;

      let totalData = this.recipe_tabs[this.recipe_tabs_c].totalTableD;
      // 如果到最后一个 判断是否需要分页
      if (totalData[index].search_i == totalData[index].drugList.length - 1) {
        // totalData[scope.$index].search_i
        if (totalData[index].loadMore) {
          totalData[index].page += 1;
          this.getTableDrug(
            totalData[index].key,
            totalData[index].page,
            index,
            totalData[index].loadMore
          );

          totalData[index].search_i += 1;
        }
      } else {
        totalData[index].search_i += 1;
      }

      // 表格 fixed 时 去 下标 为 1

      if (totalData[index].drugList.length > 5) {
        document.querySelectorAll(
          `#infiniteList${scope.row.id}`
        )[1].scrollTop += 36;

        console.log(
          document.querySelectorAll(`#infiniteList${scope.row.id}`)[1]
            .scrollTop,
          "top"
        );
      }
      this.recipe_tabs[this.recipe_tabs_c].totalTableD = totalData;
      totalData.filter((item, index) => {
        // this.getSelectType('中药药品用法', index)
        return (item.id = index + 1);
      });

      this.recipe_tabs[this.recipe_tabs_c].tableData = totalData.filter(
        (item, index) => {
          return item.id % 2 != 0;
        }
      );
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = totalData.filter(
        (item, index) => {
          return item.id % 2 == 0;
        }
      );
      this.$forceUpdate();
    },
    drugUp(e, scope) {
      let index = scope.row.id ? scope.row.id - 1 : 0;
      let totalData = this.recipe_tabs[this.recipe_tabs_c].totalTableD;
      // 如果到最后一个 判断是否需要分页
      if (totalData[index].search_i == 0) {
        // totalData[scope.$index].search_i
      } else {
        totalData[index].search_i -= 1;
      }

      if (
        document.querySelectorAll(`#infiniteList${scope.row.id}`)[1].scrollTop >
        0
      ) {
        document.querySelectorAll(
          `#infiniteList${scope.row.id}`
        )[1].scrollTop -= 36;
      }
      this.recipe_tabs[this.recipe_tabs_c].totalTableD = totalData;
      totalData.filter((item, index) => {
        // this.getSelectType('中药药品用法', index)
        return (item.id = index + 1);
      });

      this.recipe_tabs[this.recipe_tabs_c].tableData = totalData.filter(
        (item, index) => {
          return item.id % 2 != 0;
        }
      );
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = totalData.filter(
        (item, index) => {
          return item.id % 2 == 0;
        }
      );
    },
    drugEnter(scope) {
      this.chooseDis1(
        scope,
        scope.row.search_i,
        scope.row.drugList[scope.row.search_i]
      );
    },
    usageC(e, scope) {
      let index = scope.row.id ? scope.row.id - 1 : 0;
      let totalData = this.recipe_tabs[this.recipe_tabs_c].totalTableD;

      this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].usage = e;

      this.recipe_tabs[this.recipe_tabs_c].tableData = totalData.filter(
        (item, index) => {
          return item.id % 2 != 0;
        }
      );
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = totalData.filter(
        (item, index) => {
          return item.id % 2 == 0;
        }
      );
    },
    doseEnter(scope) {
      if (
        scope.row.id ==
        this.recipe_tabs[this.recipe_tabs_c].totalTableD.length - 1
      ) {
        // console.log(document.querySelectorAll('#searchD' + (scope.row.id + 1)), '啦啦啦')
        document.querySelectorAll("#searchD" + (scope.row.id + 1))[1].focus();
      } else {
        try {
          this.recipe_tabs[this.recipe_tabs_c].totalTableD.forEach(item => {
            if (item.name && !item.dose && scope.row.id < item.id) {
              document.querySelectorAll("#dose" + item.id)[0].focus();
              throw Error();
            }
            if (!item.name) {
              // console.log(document.querySelectorAll('#searchD' + item.id), '啦啦啦')
              document.querySelectorAll("#searchD" + item.id)[1].focus();
              throw Error();
            }
          });
        } catch (error) {}
      }
    },
    //  修改剂数
    doseNumC() {
      let doseNum = this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseNum;
      this.recipe_tabs[this.recipe_tabs_c].bottom_form.daijian = doseNum;
      this.countNowRecipeMoney();
    },
    // 计算中药处方总金额
    countMdAllMoney() {
      let totalAllMoney = 0;
      this.recipe_tabs.forEach(item => {
        totalAllMoney += Number(item.bottom_form.allMoney);
      });
      this.totalAllMoney = totalAllMoney;

      this.$emit("update:totalAllMoney", totalAllMoney);
    },
    // 计算当前处方金额
    countNowRecipeMoney() {
      let data = this.recipe_tabs[this.recipe_tabs_c].totalTableD;
      let total = 0;
      data.forEach(item => {
        if (item.total) {
          total += Number(item.total);
        }
      });
      // console.log(total, '几家总额');
      this.recipe_tabs[this.recipe_tabs_c].bottom_form.nowRecipeMoney = total;

      // 计算当前处方金额
      if (this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseNum) {
        if (this.countWay == "1") {
          this.recipe_tabs[this.recipe_tabs_c].bottom_form.nowRecipeMoney1 = (
            total *
            Number(this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseNum)
          ).toFixed(2);
          total = (
            total *
            Number(this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseNum)
          ).toFixed(2);
        } else {
          this.recipe_tabs[this.recipe_tabs_c].bottom_form.nowRecipeMoney1 = (
            total *
            Number(this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseNum)
          ).toFixed(3);
          total = (
            total *
            Number(this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseNum)
          ).toFixed(3);
        }
      } else {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.nowRecipeMoney1 = 0;
      }

      // 膏剂类型
      let doseType = this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseType;
      // 是否配送
      let isDelivery = this.recipe_tabs[this.recipe_tabs_c].bottom_form.radio;
      // 制膏费
      let systemOfCreamPrice =
        doseType == "0"
          ? this.recipe_tabs[this.recipe_tabs_c].bottom_form.moneyMsg
              .systemOfCreamPrice
            ? this.recipe_tabs[this.recipe_tabs_c].bottom_form.moneyMsg
                .systemOfCreamPrice
            : 0
          : 0;
      // 代煎费
      let agencyPrice = 0;

      if (doseType == "1") {
        agencyPrice = this.recipe_tabs[this.recipe_tabs_c].bottom_form.daijian
          ? this.recipe_tabs[this.recipe_tabs_c].bottom_form.moneyMsg
              .agencyPrice *
            Number(this.recipe_tabs[this.recipe_tabs_c].bottom_form.daijian)
          : 0;
      }

      // 特殊调配费
      let specialDeploymentPrice =
        doseType == "2" || doseType == "3"
          ? this.recipe_tabs[this.recipe_tabs_c].bottom_form.moneyMsg
              .specialDeploymentPrice
          : 0;
      //配送费
      let deliveryPrice =
        isDelivery == 0
          ? this.recipe_tabs[this.recipe_tabs_c].bottom_form.moneyMsg
              .deliveryPrice
          : 0;

      this.recipe_tabs[this.recipe_tabs_c].bottom_form.allMoney =
        Number(Number(total).toFixed(3)) +
        Number(systemOfCreamPrice) +
        Number(agencyPrice) +
        Number(specialDeploymentPrice) +
        Number(deliveryPrice);

      this.recipe_tabs[
        this.recipe_tabs_c
      ].bottom_form.allMoney = this.recipe_tabs[
        this.recipe_tabs_c
      ].bottom_form.allMoney.toFixed(3);

      this.countMdAllMoney();
    },
    // 清空处方
    clearRecipe() {
      this.index = 0;
      this.recipe_tabs[this.recipe_tabs_c].disable = false;
      this.recipe_tabs[this.recipe_tabs_c].isMyMade = true;
      this.recipe_tabs[this.recipe_tabs_c].totalTableD.splice(
        this.recipe_tabs[this.recipe_tabs_c].totalTableD.length - 1,
        1
      );

      let father = this.$parent;
      this.recipe_tabs[this.recipe_tabs_c].totalTableD.forEach(item2 => {
        father.rationalMed.forEach((item1, index1) => {
          if (item2.medid == item1.reqID || item2.medid == item1.matid) {
            father.rationalMed.splice(index1, 1);
            father.resetRationalMed();
          }
        });
      });

      this.recipe_tabs[this.recipe_tabs_c].totalTableD = [
        {
          drugList: [],
          page: 1,
          loadMore: true,
          key: "",
          search_i: 0
        }
      ];
      this.recipe_tabs[this.recipe_tabs_c].tableData = [
        {
          drugList: [],
          page: 1,
          id: 1,
          loadMore: true,
          key: "",
          search_i: 0
        }
      ];
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = [];
      this.recipe_tabs[this.recipe_tabs_c].radio = "1";
      this.recipe_tabs[this.recipe_tabs_c].lastType = "1";
      let moneyMsg = this.recipe_tabs[this.recipe_tabs_c].bottom_form.moneyMsg;
      this.recipe_tabs[this.recipe_tabs_c].bottom_form = {
        preType: "", // 协定方的时候 切换 中药类型带入
        disable: false, // 协定方 配方转方 为 true
        doseNum: "",
        doseType: "",
        doseTypeList: [],
        usegeList: [],
        usege: "",
        num: "",
        numList: [], // 频次后台数据
        daijian: "",
        nongjian: "200ml",
        time: "",
        timeList: [], // 服药时间后台数据
        caozuo: "",
        zhutuo: "",
        radio: "1",
        provinceList: [],
        cityList: [],
        areaList: [],
        province: "",
        city: "",
        area: "",
        address: "",
        phone: "",
        doseType1: "zc",
        doseNum1: "",
        savename: "",
        nowRecipeMoney: 0, //单剂金额
        nowRecipeMoney1: 0, //当前处方金额
        allMoney: 0, // 合计金额

        moneyMsg: moneyMsg // 价格数据
      };
      this.nowRecipeMoney = 0;

      this.getProver();
      this.getSelectType("中药药品用法", 0);
      this.getSelectType("剂型", 0);
      this.getSelectType("处方用法");
      this.getSelectType("中药服药时间");
      this.getSelectType("中药频次");
      sessionStorage.setItem("isupdateExpre", "0");
      this.countNowRecipeMoney();
    },
    load() {
      console.log("进入");
      let key = this.recipe_tabs[this.recipe_tabs_c].totalTableD[this.index]
        .key;
      let page = this.recipe_tabs[this.recipe_tabs_c].totalTableD[this.index]
        .page;
      let loadMore = this.recipe_tabs[this.recipe_tabs_c].totalTableD[
        this.index
      ].loadMore;
      if (loadMore) {
        page += 1;
      }

      // if (!loadMore == 1) return;
      this.getTableDrug(key, page, this.index, loadMore);
    },
    // 新增处方 tab
    addRecipeTba() {
      let obj = this.recipe_tabs[this.recipe_tabs_c].bottom_form;

      this.recipe_tabs.push({
        isMyMade: true,
        name: `处方${this.recipe_tabs.length + 1}`,
        pharmacyID: this.recipe_tabs[this.recipe_tabs_c].pharmacyID,
        totalTableD: [
          {
            id: 1,
            key: "",
            drugList: [],
            page: 1,
            loadMore: true,
            usageList: [],
            search_i: 0,
            showSearch: false
          }
        ],
        tableData: [
          {
            id: 1,
            key: "",
            drugList: [],
            page: 1,
            loadMore: true,
            usageList: [],
            search_i: 0,
            showSearch: false
          }
        ],
        radio: "1",
        lastType: "1",
        tableData1: [],
        bottom_form: {
          doseNum: "",
          doseType: "",
          doseTypeList: [],
          usegeList: [],
          usege: "",
          num: "",
          numList: [], // 频次后台数据
          daijian: "",
          nongjian: "200ml",
          time: "",
          timeList: [], // 服药时间后台数据
          caozuo: "",
          zhutuo: "",
          radio: "1",
          pro: "",
          city: "",
          area: "",
          address: "",
          phone: "",
          doseType1: "",
          doseNum1: "",
          provinceList: this.provinceList1,
          cityList: [],
          areaList: [],
          province: "",
          city: "",
          area: "",
          moneyMsg: obj.moneyMsg, // 价格数据
          nowRecipeMoney: 0, //单剂金额
          nowRecipeMoney1: 0, //当前处方金额
          allMoney: 0, // 合计金额
          disable: false
        }
      });
      this.recipe_tabs_c = this.recipe_tabs.length - 1;
      // this.getPharmacyID()
      this.recipeChange(this.recipe_tabs_c);
    },
    // 处方 tab  点击改变
    recipeChange(index) {
      this.recipe_tabs_c = index;
      this.getSelectType("剂型");
      this.getSelectType("处方用法");
      this.getSelectType("中药服药时间");
      this.getSelectType("中药频次");
    },
    recipeDelete(index) {
      if (this.recipe_tabs.length == 1) return;
      this.recipe_tabs.splice(index, 1);
      this.recipe_tabs_c = this.recipe_tabs.length - 1;
      this.recipe_tabs.filter((item, index) => {
        return (item.name = "处方" + (index + 1));
      });
      // this.$forceUpdate()
    },
    // 输入剂量计算 当前药品总价格
    countDoseMoney(e, scope) {
      let totalData = this.recipe_tabs[this.recipe_tabs_c].totalTableD;
      let kucun = scope.row.inventory; // 药品库存
      if (Number(e) > Number(kucun)) {
        this.$message.warning("当前库存不足");

        document.querySelectorAll("#dose" + scope.row.id)[0].style.border =
          "1px solid red";
        document.querySelectorAll("#dose" + scope.row.id)[0].style.color =
          "red";
      } else {
        document.querySelectorAll("#dose" + scope.row.id)[0].style.border = "";
        document.querySelectorAll("#dose" + scope.row.id)[0].style.color = "";
      }

      let price = this.recipe_tabs[this.recipe_tabs_c].totalTableD[
        scope.row.id - 1
      ].price;
      this.recipe_tabs[this.recipe_tabs_c].totalTableD[
        scope.row.id - 1
      ].dose = e;
      let dose = this.recipe_tabs[this.recipe_tabs_c].totalTableD[
        scope.row.id - 1
      ].dose;
      let total = 0;
      // 计算方式2
      if (this.countWay == "2") {
        total = (Number(price) * Number(dose)).toFixed(2);
      } else {
        total = Number(price) * Number(dose);
      }

      this.recipe_tabs[this.recipe_tabs_c].totalTableD[
        scope.row.id - 1
      ].total = total;

      this.recipe_tabs[this.recipe_tabs_c].tableData = totalData.filter(
        (item, index) => {
          return item.id % 2 != 0;
        }
      );
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = totalData.filter(
        (item, index) => {
          return item.id % 2 == 0;
        }
      );

      if (this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseNum) {
        this.countNowRecipeMoney();
      }
    },
    // 表一 选中药品
    chooseDis1(scope, index, item) {
      let totalData = this.recipe_tabs[this.recipe_tabs_c].totalTableD;
      let isHas = false;
      totalData.forEach(item1 => {
        if (item1.medid === item.pid) {
          isHas = true;
        }
      });
      if (isHas) {
        this.$message.warning("请勿重复添加药品");
        return;
      }
      let obj = {
        color: "#000",
        id: scope.row.id,
        name: item.ypmc,
        spec: item.gg, // 规格
        dose: "", // 剂量
        unit: item.dw, // 单位
        // usage: item.usagestr, // 用法
        usage: "",
        // price: item.lsjg,
        price: item.price,
        total: 0,
        inventory: item.kc, // 库存
        key: "",
        search_i: index,
        medid: item.pid, // 药品id
        originname: item.cdmc, // 产地名称
        showSearch: false
      };
      Object.assign(totalData[scope.row.id - 1], obj);

      // 调用 父级合理用药接口
      let father = this.$parent;

      father.rationalMed.forEach((item1, index1) => {
        if (this.clickPid == item1.reqID || this.clickPid == item1.matid) {
          father.rationalMed.splice(index1, 1);
          father.resetRationalMed();
        }
      });

      father.getRationalMed(obj.medid);

      if (scope.row.id == totalData.length) {
        totalData.push({
          id: 2,
          drugList: [],
          page: 1,
          loadMore: true,
          usageList: [],
          search_i: 0,
          showSearch: false
        });
      }

      this.recipe_tabs[this.recipe_tabs_c].totalTableD = totalData;
      totalData.filter((item, index) => {
        this.getSelectType("中药药品用法", index);
        return (item.id = index + 1);
      });

      this.recipe_tabs[this.recipe_tabs_c].tableData = totalData.filter(
        (item, index) => {
          return item.id % 2 != 0;
        }
      );
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = totalData.filter(
        (item, index) => {
          return item.id % 2 == 0;
        }
      );

      setTimeout(() => {
        let ids = document.querySelectorAll("#dose" + scope.row.id);
        document.querySelectorAll("#dose" + scope.row.id)[0].focus();
      }, 500);
    },
    // 表一和表二 数据添加
    addDis1(scope) {
      let totalData = this.recipe_tabs[this.recipe_tabs_c].totalTableD;
      let index = scope.row.id;
      // totalData[index + 1].id && totalData[index + 1].name
      if (index != totalData.length - 2) {
        // 插入到 数据中间
        let data = totalData.splice(scope.row.id);

        totalData.push({
          id: 2,
          drugList: [],
          page: 1,
          loadMore: true,
          usageList: [],
          showSearch: false,
          key: "",
          search_i: 0
        });
        totalData = totalData.concat(data);
        // this.totalTableD = totalData;
      } else if (totalData[index + 1].id && !totalData[index + 1].name) {
        totalData.push({
          id: 2,
          drugList: [],
          page: 1,
          loadMore: true,
          usageList: [],
          showSearch: false,
          key: "",
          search_i: 0
        });
      }

      totalData.filter((item, index1) => {
        this.getSelectType("中药药品用法", index1);
        return (item.id = index1 + 1);
      });

      this.recipe_tabs[this.recipe_tabs_c].totalTableD = totalData;

      this.recipe_tabs[this.recipe_tabs_c].tableData = totalData.filter(
        (item, index) => {
          return item.id % 2 != 0;
        }
      );
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = totalData.filter(
        (item, index) => {
          return item.id % 2 == 0;
        }
      );

      setTimeout(() => {
        if (
          scope.row.id ==
          this.recipe_tabs[this.recipe_tabs_c].totalTableD.length - 1
        ) {
          document.querySelectorAll("#searchD" + (scope.row.id + 1))[0].focus();
        } else {
          try {
            this.recipe_tabs[this.recipe_tabs_c].totalTableD.forEach(item => {
              if (!item.name) {
                // console.log(document.querySelectorAll('#searchD' + item.id), '啦啦啦')
                document.querySelectorAll("#searchD" + item.id)[0].focus();
                throw Error();
              }
            });
          } catch (error) {}
        }
      }, 500);
    },
    // 表一 和表二 查看药品数据
    findDrug(scope) {
      this.$emit("find", scope);
    },
    // 表一和表二 数据删除
    deleteDis1(scope) {
      let father = this.$parent;
      father.rationalMed.forEach((item1, index1) => {
        if (scope.row.medid == item1.reqID || scope.row.medid == item1.matid) {
          father.rationalMed.splice(index1, 1);
          father.resetRationalMed();
        }
      });
      let totalData = this.recipe_tabs[this.recipe_tabs_c].totalTableD;
      let index = scope.row.id - 1;
      this.recipe_tabs[this.recipe_tabs_c].totalTableD.splice(index, 1);
      totalData.filter((item, index) => {
        // 调用 父级合理用药接口

        // father.getRationalMed(item.medid)
        return (item.id = index + 1);
      });
      this.recipe_tabs[this.recipe_tabs_c].tableData = totalData.filter(
        (item, index) => {
          return item.id % 2 != 0;
        }
      );
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = totalData.filter(
        (item, index) => {
          return item.id % 2 == 0;
        }
      );
      this.countNowRecipeMoney();
    },
    clickName(scope) {
      // 隐藏滚动条
      if (scope.row.id % 2 == 0) {
        document.getElementsByClassName(
          "el-table__body-wrapper"
        )[1].style.overflow = "hidden";
      } else {
        document.getElementsByClassName(
          "el-table__body-wrapper"
        )[0].style.overflow = "hidden";
      }

      this.clickPid = scope.row.medid;

      this.recipe_tabs[this.recipe_tabs_c].totalTableD[
        scope.row.id - 1
      ].showSearch = !this.recipe_tabs[this.recipe_tabs_c].totalTableD[
        scope.row.id - 1
      ].showSearch;

      this.recipe_tabs[this.recipe_tabs_c].totalTableD[scope.row.id - 1].key =
        scope.row.name;
      this.recipe_tabs[this.recipe_tabs_c].totalTableD[
        scope.row.id - 1
      ].search_i = 0;

      debounce(this.getTableDrug(scope.row.key, 1, scope.row.id - 1), 10000);
      setTimeout(() => {
        console.log(document.querySelectorAll("#searchD" + scope.row.id));
        document.querySelectorAll("#searchD" + scope.row.id)[1].focus();
      }, 500);
    },
    // 输入框获取 药品列表
    searchDrug(e, scope) {
      // 隐藏滚动条
      if (scope.row.id % 2 == 0) {
        document.getElementsByClassName(
          "el-table__body-wrapper"
        )[1].style.overflow = "hidden";
      } else {
        document.getElementsByClassName(
          "el-table__body-wrapper"
        )[0].style.overflow = "hidden";
      }
      let index = scope.row.id ? scope.row.id - 1 : 0;
      // console.log(this.recipe_tabs[this.recipe_tabs_c].totalTableD[index], '我是key')

      this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].key = e;
      let ids = document.querySelectorAll("#operate2");
      ids.forEach((item, index) => {
        item.style["z-index"] = "auto";
      });
      // if (e != '') {
      //     this.recipe_tabs[this.recipe_tabs_c].totalTableD[
      //         scope.row.id - 1
      //     ].showSearch = true
      // } else {
      //     this.recipe_tabs[this.recipe_tabs_c].totalTableD[
      //         scope.row.id - 1
      //     ].showSearch = false
      // }

      this.recipe_tabs[this.recipe_tabs_c].tableData = this.recipe_tabs[
        this.recipe_tabs_c
      ].totalTableD.filter((item, index) => {
        return item.id % 2 != 0;
      });
      this.recipe_tabs[this.recipe_tabs_c].tableData1 = this.recipe_tabs[
        this.recipe_tabs_c
      ].totalTableD.filter((item, index) => {
        return item.id % 2 == 0;
      });
      this.index = scope.row.id - 1;

      // this.getTableDrug(scope.row.key, 1, scope.row.id - 1)

      debounce(this.getTableDrug(scope.row.key, 1, index), 10000);
    },
    drugBlur(e, scope) {
      // 调用 父级合理用药接口

      // father.getRationalMedForPlat(scope.row.medid)
      // 失去焦点 释放滚动条
      if (scope.row.id % 2 == 0) {
        document.getElementsByClassName(
          "el-table__body-wrapper"
        )[1].style.overflow = "auto";
      } else {
        document.getElementsByClassName(
          "el-table__body-wrapper"
        )[0].style.overflow = "auto";
      }
      setTimeout(() => {
        let index = scope.row.id ? scope.row.id - 1 : 0;
        this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].key = "";

        let ids = document.querySelectorAll("#operate2");
        ids.forEach((item, index) => {
          item.style["z-index"] = "99";
        });

        this.recipe_tabs[this.recipe_tabs_c].totalTableD.forEach(item => {
          item.drugList = [];
        });
        this.recipe_tabs[this.recipe_tabs_c].tableData = this.recipe_tabs[
          this.recipe_tabs_c
        ].totalTableD.filter((item, index) => {
          return item.id % 2 != 0;
        });
        this.recipe_tabs[this.recipe_tabs_c].tableData1 = this.recipe_tabs[
          this.recipe_tabs_c
        ].totalTableD.filter((item, index) => {
          return item.id % 2 == 0;
        });
      }, 500);
    },
    drugBlur1(e, scope) {
      // 调用 父级合理用药接口

      // 失去焦点 展示滚动条
      if (scope.row.id % 2 == 0) {
        document.getElementsByClassName(
          "el-table__body-wrapper"
        )[1].style.overflow = "auto";
      } else {
        document.getElementsByClassName(
          "el-table__body-wrapper"
        )[0].style.overflow = "auto";
      }
      setTimeout(() => {
        let index = scope.row.id ? scope.row.id - 1 : 0;
        this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].key = "";
        this.recipe_tabs[this.recipe_tabs_c].totalTableD[
          index
        ].showSearch = false;
        let ids = document.querySelectorAll("#operate2");
        ids.forEach((item, index) => {
          item.style["z-index"] = "99";
        });

        this.recipe_tabs[this.recipe_tabs_c].totalTableD.forEach(item => {
          item.drugList = [];
        });
        this.recipe_tabs[this.recipe_tabs_c].tableData = this.recipe_tabs[
          this.recipe_tabs_c
        ].totalTableD.filter((item, index) => {
          return item.id % 2 != 0;
        });
        this.recipe_tabs[this.recipe_tabs_c].tableData1 = this.recipe_tabs[
          this.recipe_tabs_c
        ].totalTableD.filter((item, index) => {
          return item.id % 2 == 0;
        });
      }, 500);
    },
    // 合并表一 表二
    arraySpanMethod1({ row, column, rowIndex, columnIndex }) {
      // if (!row.name) {
      //     // document.getElementById('table1')
      //     return [1, 8];
      // }
    },
    // 存为我的 协定方 提交
    submitAgree() {
      this.$refs.accordEdit.save();
      return;

      if (this.share == "") {
        this.$message.error({
          message: "请选择共享信息",
          showClose: true,
          type: "error"
        });
        return;
      }
      // 处理数据
      let data = this.recipe_tabs;
      let index = this.recipe_tabs_c;
      let obj = {
        rangtype: this.share,
        curetype: data[index].bottom_form.doseType,
        density: data[index].bottom_form.nongjian,
        deploymentfree: data[index].bottom_form.specialDeploymentPrice,
        frequency: data[index].bottom_form.num,
        medicationtime: data[index].bottom_form.time,
        fryingfee: data[index].bottom_form.agencyPrice,
        markfree: data[index].bottom_form.systemOfCreamPrice,
        name: this.getuserinfo.userid + new Date().toDateString(),
        prescriptionDetailVos: [],
        prescriptiontype: data[index].radio,
        type: "0",
        usrage: data[index].usege
      };

      data[index].totalTableD.forEach((item, index) => {
        if (item.name) {
          let obj1 = {
            dose: item.dose,
            drugid: item.medid,
            drugname: item.name,
            seqn: item.id,
            specification: item.spec,
            unit: item.unit,
            usagestr: item.usage
          };

          obj.prescriptionDetailVos.push(obj1);
        }
      });
      this.recipe_tabs[this.recipe_tabs_c].preType = "";
      this.addAccordData(obj);
    },
    // 存为我的 协定方
    saveToMine() {
      this.getAccordShareList();
      let hasDoseNum = true; // 是否有剂数
      let hasData = true; // 是否有处方药品数据
      let hasUse = true;
      this.recipe_tabs.forEach(item => {
        if (item.totalTableD.length < 2) {
          hasData = false;
        }
        item.totalTableD.forEach(item1 => {
          if (!item1.dose && item1.name) {
            hasDoseNum = false;
          }
          if (!item1.usage && item1.name) {
            hasUse = false;
          }
        });
      });
      if (!hasData) {
        this.$message.error("请完善中药处方药品信息");
        return false;
      }
      if (!hasDoseNum) {
        this.$message.error("请完善中药处方剂量信息");
        return false;
      }
      // if (!hasUse) {
      //     this.$message.error('请完善中药处方用法信息')
      //     return false
      // }

      this.showDialog = true;
      let that = this;
      setTimeout(() => {
        let arr = that.deepCopy(
          this.recipe_tabs[this.recipe_tabs_c].totalTableD
        );
        this.$refs.accordEdit.totalTableD = arr;
        this.$refs.accordEdit.form.cMedType = this.recipe_tabs[
          this.recipe_tabs_c
        ].radio;
        this.$refs.accordEdit.form.doseType = this.recipe_tabs[
          this.recipe_tabs_c
        ].bottom_form.doseType;

        console.log(this.$refs.accordEdit, "acc");
        this.$refs.accordEdit.tableData = this.$refs.accordEdit.totalTableD.filter(
          item => {
            return item.id % 2 != 0;
          }
        );
        this.$refs.accordEdit.tableData1 = this.$refs.accordEdit.totalTableD.filter(
          item => {
            return item.id % 2 == 0;
          }
        );
      }, 200);

      return;
    },
    deepCopy(source) {
      if (!source instanceof Object) return source; //如果不是对象的话直接返回
      let target = Array.isArray(source) ? [] : {}; //数组兼容
      for (var k in source) {
        if (source.hasOwnProperty(k)) {
          if (typeof source[k] === "object") {
            target[k] = this.deepCopy(source[k]);
          } else {
            target[k] = source[k];
          }
        }
      }
      return target;
    },
    // 提交处方
    submit() {
      this.$emit("submit");
    },
    // 修改省的数据
    proC(e) {
      // console.log(e)
      this.recipe_tabs[this.recipe_tabs_c].bottom_form.city = "";
      this.recipe_tabs[this.recipe_tabs_c].bottom_form.area = "";
      this.getArea(e, 1);
    },
    cityC(e) {
      this.recipe_tabs[this.recipe_tabs_c].bottom_form.area = "";
      this.getArea(e, 2);
    },

    //添加协定方数据
    async addAccordData(data) {
      const loading = this.$loading({
        lock: true,
        text: "正在保存",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      let res = await addAccordData(data).catch(err => {
        loading.close();
      });
      if (res.ResultCode == 0) {
        loading.close();
        this.$message({
          type: "success",
          message: "保存成功",
          showClose: true
        });
        this.showDialog = false;

        setTimeout(() => {
          this.$router.push({
            path: "/index/accord"
          });
        }, 2000);
      }
    },
    // 通过中药类型获取药房id
    async getPharmacyID() {
      let res = await getPharmacyID({
        type: this.recipe_tabs[this.recipe_tabs_c].radio
      });
      if (res.ResultCode == 0) {
        if (res.ResultInfo == "") {
          this.$message({
            showClose: true,
            message: "当前类型无法开药,请切换类型",
            type: "error"
          });
          return;
        }
        this.recipe_tabs[this.recipe_tabs_c].pharmacyID = res.ResultInfo;
        this.changePharmacy(this.recipe_tabs[this.recipe_tabs_c].lastType);
        this.getPharmacyMsg(res.ResultInfo);
      }
    },
    // 选择药房
    async customerQuery() {
      let res = await customerQuery({
        type: 0
      });
      if (res.ResultCode == 0) {
        this.recipe_tabs[this.recipe_tabs_c].pharmacyID = res.Data[1].pid;
        this.pharmacyList = res.Data;
        this.$forceUpdate();
        this.getPharmacyMsg(res.Data[1].pid);
      }
    },

    // 切换中药类型时 切换 药房 获取 药品里面有没有这条数据
    async changePharmacy(type) {
      let drugIds = [];

      this.recipe_tabs[this.recipe_tabs_c].totalTableD.forEach(item => {
        if (item.name) {
          let idDose = item.medid + "&" + item.dose;
          // drugIds.push(item.medid)
          drugIds.push(idDose);
        }
      });
      let pharmacyName = "";
      // let type1 = 0
      let type1 = this.recipe_tabs[this.recipe_tabs_c].radio;
      this.pharmacyList.forEach(item => {
        if (item.pid == this.recipe_tabs[this.recipe_tabs_c].pharmacyID) {
          pharmacyName = item.pharmacyName;
        }
      });
      // if (this.recipe_tabs[this.recipe_tabs_c].radio == 0) {
      //     if (pharmacyName.indexOf('饮片') != -1) {
      //         type1 = 0
      //     } else if (pharmacyName.indexOf('颗粒') != -1) {
      //         type1 = 1
      //     }
      // } else {
      //     if (pharmacyName.indexOf('饮片') != -1) {
      //         type1 = 2
      //     } else if (pharmacyName.indexOf('颗粒') != -1) {
      //         type1 = 3
      //     }
      // }
      let params = {
        type: type1,
        pharmacyid: this.recipe_tabs[this.recipe_tabs_c].pharmacyID,
        drugIds,
        preType: this.recipe_tabs[this.recipe_tabs_c].preType,
        oldType: type
      };
      let res = await changePharmacy(params);
      if (res.ResultCode == 0) {
        this.recipe_tabs[this.recipe_tabs_c].totalTableD.forEach(
          (item1, index1) => {
            if (item1.name) {
              res.Data.forEach((item, index) => {
                if (item == item1.medid) {
                  item1.color = "red";
                }

                // console.log(item instanceof Object);
                if (item instanceof Object && item.oldYpid == item1.medid) {
                  item1 = {
                    id: 2,
                    name: item.ypmc,
                    spec: item.gg, // 规格
                    dose: item.dose, // 剂量
                    unit: item.dw, // 单位
                    // usage: item.usagestr, // 用法
                    usage: "",
                    // price: item.lsjg,
                    price: item.price,
                    total: 0,
                    inventory: item.kc, // 库存
                    key: "",
                    search_i: index,
                    medid: item.pid, // 药品id
                    originname: item.cdmc, // 产地名称
                    showSearch: false,
                    usageList: []
                  };

                  item1.color = "#000";
                }

                this.$set(
                  this.recipe_tabs[this.recipe_tabs_c].totalTableD,
                  index1,
                  item1
                );
              });
            }
          }
        );
        this.recipe_tabs[this.recipe_tabs_c].totalTableD.filter(
          (item, index) => {
            this.getSelectType("中药药品用法", index);
            return (item.id = index + 1);
          }
        );
        this.recipe_tabs[this.recipe_tabs_c].tableData = this.recipe_tabs[
          this.recipe_tabs_c
        ].totalTableD.filter((item, index) => {
          return item.id % 2 != 0;
        });
        this.recipe_tabs[this.recipe_tabs_c].tableData1 = this.recipe_tabs[
          this.recipe_tabs_c
        ].totalTableD.filter((item, index) => {
          return item.id % 2 == 0;
        });

        // this.recipe_tabs[this.recipe_tabs_c].lastType = this.recipe_tabs[this.recipe_tabs_c]
        //     .radio // 存储这一次的 药房类型
        this.recipe_tabs[this.recipe_tabs_c].lastType = type1; // 存储这一次的 药房类型

        // console.log(this.recipe_tabs[this.recipe_tabs_c].totalTableD);
        this.getPharmacyMsg(this.recipe_tabs[this.recipe_tabs_c].pharmacyID);
      }
    },
    // 获取寄到本院地址数据
    async getAddressForHospital() {
      let res = await getAddressForHospital({});
      if (res.ResultCode == 0) {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.province =
          res.Data.province;
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.city = res.Data.city;
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.area =
          res.Data.district;

        this.getArea(res.Data.province, 1);
        this.getArea(res.Data.city, 2);

        this.recipe_tabs[this.recipe_tabs_c].bottom_form.address =
          res.Data.adressdetail;
      }
    },
    // 获取表格药品列表
    async getTableDrug(key, page, index, load = true) {
      if (!load) return;
      let pharmacyName = "";
      // let type = 0
      let type = this.recipe_tabs[this.recipe_tabs_c].radio;
      this.pharmacyList.forEach(item => {
        if (item.pid == this.recipe_tabs[this.recipe_tabs_c].pharmacyID) {
          pharmacyName = item.pharmacyName;
        }
      });
      // if (this.recipe_tabs[this.recipe_tabs_c].radio == 0) {
      //     if (pharmacyName.indexOf('饮片') != -1) {
      //         type = 0
      //     } else if (pharmacyName.indexOf('颗粒') != -1) {
      //         type = 1
      //     }
      // } else {
      //     if (pharmacyName.indexOf('饮片') != -1) {
      //         type = 2
      //     } else if (pharmacyName.indexOf('颗粒') != -1) {
      //         type = 3
      //     }
      // }
      let params = {
        key: key,
        limit: 5,
        page: page,
        type: type,
        pharmacyid: this.recipe_tabs[this.recipe_tabs_c].pharmacyID
      };
      let res = await getTableDrug(params);

      if (res.ResultCode == 0) {
        // 计算方式3
        if (this.countWay == "3") {
          res.Data.Items.filter(item => {
            return (item.price = Number(item.price).toFixed(2));
          });
        }
        if (page <= res.Data.TotalPageCount) {
          if (page == 1) {
            this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].drugList =
              res.Data.Items;
          } else {
            this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].drugList = [
              ...this.recipe_tabs[this.recipe_tabs_c].totalTableD[index]
                .drugList,
              ...res.Data.Items
            ];
            this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].page += 1;
          }
          if (
            this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].drugList
              .length == res.Data.TotalRecordCount
          ) {
            // this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].loadMore = false
          }

          this.recipe_tabs[this.recipe_tabs_c].totalTableD.filter(
            (item, index) => {
              return (item.id = index + 1);
            }
          );
          this.recipe_tabs[this.recipe_tabs_c].tableData = this.recipe_tabs[
            this.recipe_tabs_c
          ].totalTableD.filter((item, index) => {
            return item.id % 2 != 0;
          });
          this.recipe_tabs[this.recipe_tabs_c].tableData1 = this.recipe_tabs[
            this.recipe_tabs_c
          ].totalTableD.filter((item, index) => {
            return item.id % 2 == 0;
          });
        } else {
          this.recipe_tabs[this.recipe_tabs_c].totalTableD[
            index
          ].loadMore = false;
        }
      }
    },
    // 获取省数据
    async getProver() {
      let res = await getProver();
      if (res.ResultCode == 0) {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.provinceList =
          res.Data;
        this.provinceList1 = res.Data;
      }
    },
    // 获取市数据
    async getArea(code, type) {
      let res = await getArea(code);
      if (res.ResultCode == 0) {
        if (type == 1) {
          this.recipe_tabs[this.recipe_tabs_c].bottom_form.cityList = res.Data;
        } else {
          this.recipe_tabs[this.recipe_tabs_c].bottom_form.areaList = res.Data;
        }
      }
    },

    // 根据表格获取数据类型
    async getSelectType(data, index) {
      let res = await getSelectType(data);

      if (data == "中药药品用法") {
        if (this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].usage) {
          res.Data.forEach(item => {
            if (
              item.value ===
              this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].usage
            ) {
              this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].usage =
                item.key;
            } else {
              this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].usage =
                "";
            }
          });
        }
        this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].usageList =
          res.Data;
      } else if (data == "剂型") {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseTypeList =
          res.Data;
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.doseType =
          res.Data[0].key;
      } else if (data == "处方用法") {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.usegeList = res.Data;

        this.recipe_tabs[this.recipe_tabs_c].bottom_form.usege =
          res.Data[0].key;
      } else if (data == "中药服药时间") {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.timeList = res.Data;
      } else if (data == "中药频次") {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.numList = res.Data;
      }
    },
    // 获取制膏费用
    async getPharmacyMsg(data) {
      let res = await getPharmacyMsg(data);
      if (res.ResultCode == 0) {
        res.Data.agencyPrice = res.Data.agencyPrice ? res.Data.agencyPrice : 0;
        res.Data.deliveryPrice = res.Data.deliveryPrice
          ? res.Data.deliveryPrice
          : 0;
        res.Data.specialDeploymentPrice = res.Data.specialDeploymentPrice
          ? res.Data.specialDeploymentPrice
          : 0;
        res.Data.systemOfCreamPrice = res.Data.systemOfCreamPrice
          ? res.Data.systemOfCreamPrice
          : 0;

        this.recipe_tabs[this.recipe_tabs_c].bottom_form.moneyMsg = res.Data;
      }
    },
    // 获取共享至信息
    async getAccordShareList() {
      let res = await getAccordShareList();
      if (res.ResultCode == 0) {
        this.shareSelect = res.Data;
      }
    },

    // 获取医共体计算方式配置
    async getDataByKey() {
      let res = await getDataByKey({
        key: "countMenthod ",
        organizationid: this.getuserinfo.organizationid
      });
      if (res.ResultCode == 0) {
        if (res.ResultInfo == "0") {
          this.countWay = "1";
        } else if (res.ResultInfo == "1") {
          this.countWay = "2";
        } else if (res.ResultInfo == "2") {
          this.countWay = "3";
        }
      }
    },
    // 获取患者地址信息
    async getPatAddress() {
      if (!this.getPatiensInfo.basisPatient.pid) return;
      let res = await getPatAddress({
        patId: this.getPatiensInfo.basisPatient.pid
      });
      if (res.ResultCode == 0) {
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.address =
          res.Data.detailadress;
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.savename =
          res.Data.name;
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.phone = res.Data.phone;
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.province =
          res.Data.province;
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.city = res.Data.city;
        this.recipe_tabs[this.recipe_tabs_c].bottom_form.area =
          res.Data.district;

        this.getArea(res.Data.province, 1);
        this.getArea(res.Data.city, 2);
      }
    }
  },
  filters: {
    formatTotal(val) {
      if (val == 0) return val;
      // console.log(val, 'val');
      if (parseInt(val) === parseFloat(val)) {
        return val;
      } else {
        let v = String(val).split(".");
        if (v[1].length > 3) {
          return val.toFixed(3);
        } else {
          return val;
        }
      }
    }
  },
  computed: {
    ...mapGetters(["getuserinfo", "getPatiensInfo"])
  },
  watch: {
    getuserinfo: {
      deep: true,
      handler() {
        if (this.getuserinfo.organizationid) {
          this.getDataByKey();
        }
      }
    }
  }
};
</script>
<style lang="scss" scoped>
@import "../style/common.scss";

.table-header {
  border-bottom: 2px solid #dedede;
  padding: 5px 0;

  .table-label {
    .label-item {
      cursor: pointer;
      width: 104px;
      border-right: 2px solid #eaeaea;

      div {
        color: #666;
        // transform: rotate(45deg);
        font-size: 16px;
        margin-left: 12px;
        margin-top: 1px;
        font-weight: 600;
      }
    }

    span {
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #666666;
    }

    .l_active {
      color: #5386f6;
    }
  }
}

.add-presc {
  width: 70px;
  height: 26px;
  background: #ffae45;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
  margin-right: 10px;
}

.table-container {
  padding: 5px 0px;

  .t-con-header {
    margin-bottom: 20px;

    .t-con-radio {
      flex: 1;
    }

    .t-radio-title {
      width: 82px;
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #333333;
    }

    .t-radio-group {
      flex: 1;
    }

    .add-presc1 {
      width: 84px;
      height: 34px;
      background: #ffae45;
      border-radius: 4px;
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #ffffff;
      cursor: pointer;
    }
  }
}

.table-show {
  width: 100%;
  // height: 250px;
  // overflow: auto;

  // background: #5386F6;
  // overflow: hidden;

  .table-left-body {
    width: 49.8%;
    position: relative;
    perspective: 100px;
    padding-bottom: 53px;
  }

  .table-left {
    width: 100%;
    overflow-y: auto;
    border: 1px solid #dedede;
    box-sizing: border-box;

    .table-l-hader {
      white-space: nowrap;

      div {
        display: inline-block;
        // padding: 15px 10px;
        background: #f3fffb;
        text-align: center;
        height: 48px;
        line-height: 48px;
        border: 1px solid #dedede;
        border-bottom: 0 !important;
        // border-top: 0 !important;
      }

      .med-name {
        margin-left: 50px;
      }

      .kucun {
        padding-right: 120px;
      }

      .fixed-r {
        position: fixed;
        right: 0;
      }

      .fixed-left {
        position: fixed;
        left: 0;
      }
    }

    .table-l-item {
      white-space: nowrap;

      .bg-green {
        .div1 {
          background: #f3fffb;
          border: 1px solid #dedede;
        }
      }

      .div1 {
        display: inline-block;
        // padding: 15px 10px;
        background: #ffffff;
        text-align: center;
        height: 53px;
        line-height: 53px;
        border: 1px solid #dedede;
        z-index: 9999;
        border-top: 0 !important;
      }

      .med-name {
        margin-left: 50px;
      }

      .kucun {
        padding-right: 120px;
        border-right: 1px solid #dedede;
      }

      .fixed-r {
        position: fixed;
        right: 0;
      }

      .fixed-left {
        position: fixed;
        left: 0;
        // border-left: 1px solid #DEDEDE;
      }

      .no-data {
        width: 100%;
        box-sizing: border-box;
        // border-top: 1px solid #DEDEDE;
        position: relative;
        left: 0;
        right: 0;
        bottom: 0px;
        // float: left;
      }
    }
  }
}

.operate {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;

  img {
    width: 16px;
  }
}

.bottom-input {
  background: #fff;
  padding: 12.5px 30px 12.5px 52px;
  position: relative;
  // z-index: 999;
  // perspective: 100px;

  .div {
    width: 154px;
  }

  .table-choose {
    z-index: 9999;
    width: 332px;
    height: 221px;
    background: #ffffff;
    border: 2px solid #d8d8d8;
    position: relative;
    top: 2px;
    left: -48px;
    overflow: auto;

    .table-choose-h {
      background: #f3fffb;

      div {
        height: 36px;
        width: 73px;
      }

      div:first-child {
        width: 115px;
      }
    }

    .t-c-b {
      cursor: pointer;
      height: 180px;

      .td {
        background: #f3fffb;
      }

      p {
        border: 1px solid #ededed;
        height: 36px;
        width: 73px;
        // flex: 1;
        box-sizing: border-box;
      }

      p:first-child {
        width: 115px;
      }
    }
  }
}

.table-bottom {
  // position: absolute;
  // bottom: 80px;
  // right: 0;
  // left: 0;
  padding: 0 37px;
  // margin-top: 241px;
  margin-top: 66px;

  .header-about {
    .item {
      margin-right: 20px;
      margin-bottom: 10px;

      span {
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333333;
      }

      .div1 {
        width: 120px;
      }

      .div2 {
        width: 74px;
      }

      .city1 {
        width: 120px;
      }

      .div3 {
        width: 92px;
      }

      .div4 {
        width: 160px;
      }

      .input-suffix {
        line-height: 36px;
      }
    }

    .right {
      width: 70px;
      height: 26px;
      background: #ffae45;
      border-radius: 4px;
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 10px;
      cursor: pointer;
    }
  }
}

.table-b-bottom {
  padding: 10px 27px;
  border-top: 2px solid #dedede;
  margin-top: 10px;
  // position: absolute;
  // bottom: 0;
  // left: 0;
  // right: 0;

  .t-b-l-item {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-right: 20px;

    span {
      color: #ff6245;
    }
  }

  .t-b-b-right {
    div {
      width: 130px;
      height: 46px;
      background: #ffae45;
      border-radius: 4px;
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #ffffff;
      cursor: pointer;
    }

    .bg-green {
      background: #5386f6;
      margin-left: 20px;
    }
  }
}

// 中成药 和适宜技术配方
.chinese_medicine {
  padding: 0 37px;

  .clearer {
    width: 84px;
    height: 34px;
    background: #ffae45;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 20px;
  }

  .c-m-table {
    width: 100%;
    overflow: hidden;

    .unit {
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #000000;
      // margin-left: 10px;
    }

    .input {
      width: 40px;
    }
  }
}

.table-show {
  width: 100%;

  // background: #5386F6;
  // overflow: hidden;

  .table-left-body {
    width: 49.5%;
    position: relative;
    perspective: 100px;
    padding-bottom: 53px;
  }

  .table-left {
    width: 100%;
    overflow-y: auto;
    border: 1px solid #dedede;
    box-sizing: border-box;

    .table-l-hader {
      white-space: nowrap;

      div {
        display: inline-block;
        // padding: 15px 10px;
        background: #f3fffb;
        text-align: center;
        height: 48px;
        line-height: 48px;
        border: 1px solid #dedede;
        border-bottom: 0 !important;
        // border-top: 0 !important;
      }

      .med-name {
        margin-left: 50px;
      }

      .kucun {
        padding-right: 120px;
      }

      .fixed-r {
        position: fixed;
        right: 0;
      }

      .fixed-left {
        position: fixed;
        left: 0;
      }
    }

    .table-l-item {
      white-space: nowrap;

      .bg-green {
        .div1 {
          background: #f3fffb;
          border: 1px solid #dedede;
        }
      }

      .div1 {
        display: inline-block;
        // padding: 15px 10px;
        background: #ffffff;
        text-align: center;
        height: 53px;
        line-height: 53px;
        border: 1px solid #dedede;
        z-index: 9999;
        border-top: 0 !important;
      }

      .med-name {
        margin-left: 50px;
      }

      .kucun {
        padding-right: 120px;
        border-right: 1px solid #dedede;
      }

      .fixed-r {
        position: fixed;
        right: 0;
      }

      .fixed-left {
        position: fixed;
        left: 0;
        // border-left: 1px solid #DEDEDE;
      }

      .no-data {
        width: 100%;
        box-sizing: border-box;
        // border-top: 1px solid #DEDEDE;
        position: relative;
        left: 0;
        right: 0;
        bottom: 0px;
        // float: left;
      }
    }
  }
}

.operate {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;

  img {
    width: 16px;
  }
}

.operate2 {
  position: absolute;
  z-index: 99;
}

.operate1 {
  position: fixed;
  width: 50px;
  // background: red;
  right: 15px;
  // top: 63px;
  z-index: 99999 !important;
  text-align: right;

  img {
    width: 16px;
  }
}

.bottom-input {
  background: #fff;
  padding: 12.5px 30px 12.5px 52px;
  position: relative;
  // z-index: 999;
  // perspective: 100px;

  .div {
    width: 154px;
  }

  .table-choose {
    z-index: 9999;
    width: 332px;
    height: 221px;
    background: #ffffff;
    border: 2px solid #d8d8d8;
    position: relative;
    top: 2px;
    left: -48px;
    overflow: auto;

    .table-choose-h {
      background: #f3fffb;

      div {
        height: 36px;
        width: 73px;
      }

      div:first-child {
        width: 115px;
      }
    }

    .t-c-b {
      cursor: pointer;
      height: 180px;

      .td {
        background: #f3fffb;
      }

      p {
        border: 1px solid #ededed;
        height: 36px;
        width: 73px;
        // flex: 1;
        box-sizing: border-box;
      }

      p:first-child {
        width: 115px;
      }
    }
  }
}

.table-bottom {
  // position: absolute;
  // bottom: 0;
  // right: 0;
  // left: 0;\
  padding: 0 37px;
  // margin-top: 241px;

  .header-about {
    .item {
      margin-right: 20px;
      margin-bottom: 10px;

      span {
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333333;
      }

      .div1 {
        width: 120px;
      }

      .div2 {
        width: 74px;
      }

      .city1 {
        width: 120px;
      }

      .div3 {
        width: 92px;
      }

      .div4 {
        width: 160px;
      }

      .input-suffix {
        line-height: 36px;
      }
    }

    .right {
      width: 70px;
      height: 26px;
      background: #ffae45;
      border-radius: 4px;
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 10px;
      cursor: pointer;
    }
  }
}

.table-b-bottom {
  padding: 10px 27px;
  border-top: 2px solid #dedede;
  margin-top: 10px;

  .t-b-l-item {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-right: 20px;

    span {
      color: #ff6245;
    }
  }

  .t-b-b-right {
    div {
      width: 130px;
      height: 46px;
      background: #ffae45;
      border-radius: 4px;
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #ffffff;
      cursor: pointer;
    }

    .bg-green {
      background: #5386f6;
      margin-left: 20px;
    }
  }
}

.table-choose3 {
  z-index: 999999 !important;
  width: 332px;
  height: 221px;
  background: #ffffff;
  border: 2px solid #d8d8d8;
  // position: absolute;
  position: fixed;
  top: 16px;
  left: 124px;

  margin-top: 19px;
  // left: 0px;
  // top: 0px;
  overflow: auto;
  // z-index: 999 !important;

  .table-choose-h {
    background: #f3fffb;

    div {
      height: 36px;
      width: 73px;
    }

    div:first-child {
      width: 115px;
    }
  }

  .t-c-b {
    cursor: pointer;
    height: 180px;

    .td {
      background: #f3fffb;
    }

    p {
      border: 1px solid #ededed;
      height: 36px;
      width: 73px;
      // flex: 1;
      box-sizing: border-box;
    }

    p:first-child {
      width: 115px;
    }
  }
}

.table-container::v-deep .el-radio {
  margin-right: 5px;
}

.table-container::v-deep .el-radio__label {
  padding-left: 5px;
}

.table-left-body::v-deep .el-table th {
  background: #e6fff6;
}

.collapse ::v-deep .el-collapse-item__content {
  padding-bottom: 5px;
}

.c-m-table::v-deep .el-table .cell {
  text-align: center;
}

.table-show::v-deep .el-table .cell {
  text-align: center;
}

.c-m-table::v-deep .el-select input {
  padding: 0 15px 0 5px;
}

.table-show ::v-deep .el-select input {
  padding: 0 15px 0 5px;
}

.t_dose::v-deep .el-input__inner {
  // text-align: left;
  padding: 0 5px !important;
}

.city::v-deep .el-select input {
  padding: 0 20px 0 10px;
  // height: 32px;
}

.xuewei::v-deep .el-select {
  width: 100%;
}

.form-item {
  margin-bottom: 20px;

  span {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #ff3a3a;
    display: inline-block;
    width: 8px;
  }

  .name {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
  }

  .input {
    width: 260px;
  }
}
</style>