ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/institutionSet/index.vue

@@ -0,0 +1,2550 @@
+<template>
+  <div class="institutionSet app-container">
+    <el-form :inline="true" :model="query" class="form-inline-hospital" size="small">
+      <el-form-item>
+        <el-input v-model="query.hospitalName" placeholder="机构名称"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input v-model="query.scenceId" placeholder="机构ID"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input v-model="query.hospitalIp" placeholder="机构IP"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <!--  区域   -->
+        <el-cascader
+          v-model="query.address"
+          clearable
+          placeholder="机构地区"
+          :options="provinceList"
+          :props="props"
+          style="width: 220px"
+          @active-item-change="handleItemChange">
+        </el-cascader>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model="query.hospOwnerTypes"
+          multiple
+          clearable
+          placeholder="机构所有制"
+          class="filter-item"
+          style="width: 160px"
+          @change="forceUpdate">
+          <el-option
+            v-for="item in dict.hosp_owner_type"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model="query.hospitalType"
+          clearable
+          placeholder="机构类别"
+          class="filter-item"
+          style="width: 160px"
+          @change="forceUpdate">
+          <el-option
+            v-for="item in dict.ins_category"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <!--    机构等级   -->
+      <el-form-item>
+        <el-select
+          v-model="query.level"
+          clearable
+          @change="forceUpdate"
+          placeholder="机构等级"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in dict.agency_hos_rank"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model="query.runningState"
+          clearable
+          placeholder="机构状态"
+          class="filter-item"
+          style="width: 160px"
+          @change="forceUpdate">
+          <el-option
+            v-for="item in dict.running_status"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model="query.isCanConnect"
+          clearable
+          @change="forceUpdate"
+          style="width: 160px"
+          placeholder="是否可以联网">
+          <el-option
+            v-for="item in dict.can_connect"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-select
+          v-model="query.equipmentStatus"
+          clearable
+          @change="forceUpdate"
+          style="width: 140px"
+          placeholder="是否有设备">
+          <el-option
+            v-for="item in dict.equipment_status"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model="query.connectStatus"
+          clearable
+          @change="forceUpdate"
+          style="width: 140px"
+          placeholder="是否已联网">
+          <el-option
+            v-for="item in dict.connect_status"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-select
+          v-model="query.configStatus"
+          clearable
+          @change="forceUpdate"
+          style="width: 140px"
+          placeholder="是否有云配置">
+          <el-option
+            v-for="item in dict.config_status"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <!-- <el-form-item>
+        <el-select
+          v-model="query.accessImages"
+          clearable
+          @change="forceUpdate"
+          style="width: 160px"
+          placeholder="客户端是否能调阅"
+        >
+          <el-option
+            v-for="item in yesOrNo"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item> -->
+      <el-form-item>
+        <el-button @click="crud.toQuery" class="filter-item" size="small">查询</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="resetQueryClick" class="filter-item" size="small">重置</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="addQueryHospitailClick" class="filter-item" size="small"
+          >新增机构</el-button
+        >
+        <el-button
+          @click="download"
+          class="filter-item"
+          size="mini"
+          style="margin-left: 5px"
+          :loading="downloadLoading"
+          v-if="showDownLoad"
+          >导出</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <div>
+      <!-- 表格 -->
+      <el-table :data="crud.data" v-loading="crud.loading">
+        <!-- :show-overflow-tooltip="true" -->
+        <el-table-column label="序号" width="60px">
+          <template slot-scope="scope">
+            <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-for="(item, index) in headerTable"
+          :key="index.key"
+          :label="item.label"
+          :prop="item.prop"
+          :min-width="item.width">
+          <template slot-scope="scope">
+            <div v-if="item.prop == 'hospitalType'">
+              {{ hosCategory(scope.row.hospitalType) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'level'">
+              {{ hosRank(scope.row.level) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'runningState'">
+              {{ hosState(scope.row.runningState) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'isCanConnect'">
+              {{ hosCanConnect(scope.row.isCanConnect) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'equipmentStatus'">
+              {{ hosEquipmentStatus(scope.row.equipmentStatus) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'connectStatus'">
+              {{ hosConnectStatus(scope.row.connectStatus) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'hospOwnerType'">
+              {{ hosHospOwnerType(scope.row.hospOwnerType) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'configStatus'">
+              {{ scope.row.configStatus == '1' ? '是' : '否' }}
+            </div>
+            <div v-else-if="item.prop == 'accessImages'">
+              {{ scope.row.connectStatus == '1' ? '是' : '否' }}
+            </div>
+            <div v-else-if="item.prop == 'joinUpState'">
+              {{
+                scope.row.joinUpState != undefined
+                  ? scope.row.joinUpState == 0
+                    ? '未接入'
+                    : '已接入'
+                  : '-'
+              }}
+            </div>
+            <div v-else>
+              {{ scope.row[item.prop] || omitData }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="200" fixed="right">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" @click="toAddRecord(scope.row)">修改</el-button>
+
+            <el-button
+              v-if="checkPer(permission.editYunSet)"
+              :disabled="scope.row.configStatus == 0"
+              size="mini"
+              type="text"
+              @click="cloudSet(scope.row)">
+              云配置</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              style="color: #d92929"
+              @click="monitorPath(scope.row)"
+              >删除</el-button
+            >
+            <el-button size="mini" type="text" v-if="showMiyao" @click="SecretKey(scope.row)"
+              >秘钥</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+    <!-- 新增机构弹框 -->
+    <el-dialog
+      :title="hospitalName"
+      top="2vh"
+      width="1000px"
+      class="addHispotalDialog"
+      :visible.sync="hospitalVisible"
+      :close-on-click-modal="false"
+      :before-close="closeDialog">
+      <!-- <div slot="title">
+        {{ hospitalName
+        }}<span style="color: orange; font-size: 13px"
+          >（提示：置灰的字段为与智联网平台同步的字段，不可编辑）</span
+        >
+      </div> -->
+
+      <el-form
+        :model="addHispotalForm"
+        label-width="170px"
+        class="addHispotalStyle"
+        ref="addHispotalForm"
+        size="small"
+        :rules="rules">
+        <el-row :gutter="15">
+          <el-tabs v-model="activeName" class="tabsInform">
+            <el-tab-pane label="基本信息" name="basicInformation" class="basicInformation">
+              <el-col :span="24">
+                <div class="titleTip">基础信息</div>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="机构名称：" prop="hospitalName">
+                  <el-input
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)"
+                    v-model="addHispotalForm.hospitalName"
+                    placeholder="请输入机构名称"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  :label="index == 0 ? '机构别称：' : ''"
+                  v-for="(othername, index) in hospitalNameAliasArr"
+                  :key="index + 1">
+                  <el-input
+                    v-model="othername.value"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)"
+                    placeholder="请输入机构别称"></el-input>
+                  <span
+                    v-if="
+                      hospitalName == '新增机构' ||
+                      (hospitalName == '修改机构' && !checkPer(permission.basic))
+                    "
+                    class="el-icon-circle-plus-outline addStyle"
+                    @click="addOtherName">
+                  </span>
+                  <span
+                    v-if="
+                      hospitalName == '新增机构' ||
+                      (hospitalName == '修改机构' && !checkPer(permission.basic))
+                    "
+                    class="el-icon-remove-outline reduceStyle"
+                    v-show="index != 0"
+                    @click="removeOtherName(index)"></span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="卫统机构ID：" prop="healthStatisticsId">
+                  <el-input
+                    v-model="addHispotalForm.healthStatisticsId"
+                    placeholder="卫统机构ID"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="组织机构代码：" prop="hospitalId">
+                  <el-input
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)"
+                    v-model="addHispotalForm.hospitalId"
+                    placeholder="请输入组织机构代码"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="机构地区：" prop="addressHos">
+                  <el-cascader
+                    v-model="addHispotalForm.addressHos"
+                    clearable
+                    placeholder="请选择机构地区"
+                    :options="provinceList"
+                    :props="props"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)"
+                    style="width: 220px"
+                    ref="cascaderArr"
+                    @active-item-change="handleItemChange"
+                    @change="provinceChange($event)">
+                  </el-cascader>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="机构状态：" prop="runningState">
+                  <el-select
+                    v-model="addHispotalForm.runningState"
+                    clearable
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)"
+                    placeholder="请选择机构状态">
+                    <el-option
+                      v-for="item in dict.running_status"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="机构所有制：" prop="hospOwnerType">
+                  <el-select v-model="addHispotalForm.hospOwnerType" placeholder="请选择机构所有制">
+                    <el-option
+                      v-for="item in dict.hosp_owner_type"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="机构类别：" prop="hospitalType">
+                  <el-select
+                    v-model="addHispotalForm.hospitalType"
+                    clearable
+                    placeholder="请选择机构类别"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)">
+                    <el-option
+                      v-for="item in dict.ins_category"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="机构等级：" prop="level">
+                  <el-select
+                    v-model="addHispotalForm.level"
+                    clearable
+                    placeholder="请选择机构等级"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)">
+                    <el-option
+                      v-for="item in dict.agency_hos_rank"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <div class="titleTip">配置信息</div>
+              </el-col>
+              <el-col :span="12" style="height: 63px">
+                <el-form-item
+                  label="自动上传方式："
+                  :rules="
+                    addHispotalForm.monitorStatus == '1' ? rules.verityMsg : [{ required: false }]
+                  "
+                  prop="autoUploadType">
+                  <el-select
+                    v-model="addHispotalForm.autoUploadType"
+                    clearable
+                    placeholder="请选择自动上传方式"
+                    @change="blur"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)">
+                    <el-option
+                      v-for="item in AutomaticallyUpload"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12" style="height: 63px">
+                <el-form-item label="urlKey：" prop="urlKey">
+                  <el-select
+                    v-model="addHispotalForm.urlKey"
+                    clearable
+                    filterable
+                    placeholder="请选择urlKey"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)">
+                    <el-option v-for="item in urlKeyList" :key="item" :label="item" :value="item" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="图像浏览方式：">
+                  <el-select
+                    v-model="addHispotalForm.viewType"
+                    clearable
+                    placeholder="请选择图像浏览方式"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)">
+                    <el-option
+                      v-for="item in dict.view_type"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <div class="titleTip">连通信息</div>
+              </el-col>
+              <el-col :span="12" style="height: 63px">
+                <el-form-item label="是否有设备：" prop="equipmentStatus">
+                  <el-select
+                    v-model="addHispotalForm.equipmentStatus"
+                    clearable
+                    placeholder="请选择是否有设备"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)">
+                    <el-option
+                      v-for="item in dict.equipment_status"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12" style="height: 63px">
+                <el-form-item label="是否可以联网：" prop="isCanConnect">
+                  <el-select
+                    v-model="addHispotalForm.isCanConnect"
+                    clearable
+                    placeholder="请选择是否可以联网"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)">
+                    <el-option
+                      v-for="item in dict.can_connect"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="是否归档：" prop="archiveFlag">
+                  <el-select
+                    v-model="addHispotalForm.archiveFlag"
+                    clearable
+                    placeholder="请选择是否归档"
+                    :disabled="hospitalName == '修改机构' && checkPer(permission.basic)">
+                    <el-option
+                      v-for="item in dict.archive_status"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="是否已联网：" prop="connectStatus">
+                  <el-select
+                    v-model="addHispotalForm.connectStatus"
+                    clearable
+                    placeholder="请选择是否已联网">
+                    <el-option
+                      v-for="item in dict.connect_status"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-tab-pane>
+
+            <el-tab-pane label="设备信息" name="equipmentInformation">
+              <el-form-item
+                v-for="(item, ide) in addHispotalForm.equipmentList"
+                :key="ide"
+                label-width="0">
+                <el-col :span="7" style="width: 250px; padding-right: 10px; text-align: right">
+                  <span v-if="!item.equipmentShow">{{ item.equipmentName }}：</span>
+                  <el-form-item v-else style="margin: 0">
+                    <el-select
+                      @change="equipmentNameChange($event, ide)"
+                      clearable
+                      v-model="item.equipmentName"
+                      style="width: 100%"
+                      filterable=""
+                      placeholder="请选择设备名称"
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.device)">
+                      <el-option
+                        v-for="item in dict.equipment_name"
+                        :key="item.dictSort"
+                        :label="item.label"
+                        :value="item.label"
+                        :disabled="item.disabled" />
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8" style="width: calc(100% - 250px)">
+                  <el-form-item style="margin: 0">
+                    <el-col :span="21" style="margin-bottom: 5px">
+                      <el-input
+                        clearable
+                        v-model="item.equipmentCount"
+                        @input="inputChange(item.equipmentCount, 'equipmentCount', ide)"
+                        placeholder="请输入总台数"
+                        disabled>
+                        <span slot="suffix">台数</span>
+                      </el-input>
+                    </el-col>
+                    <el-col :span="3">
+                      <el-popconfirm title="确定要删除该设备信息吗？" @confirm="deldeleteRed(ide)">
+                        <el-button
+                          slot="reference"
+                          v-if="item.equipmentShow"
+                          class="deldeleteRed"
+                          type="text"
+                          :disabled="hospitalName == '修改机构' && checkPer(permission.device)">
+                          删除
+                        </el-button>
+                      </el-popconfirm>
+                    </el-col>
+                    <div
+                      style="margin-bottom: 5px"
+                      v-for="(tmp, id) in item.manufacturer"
+                      :key="id">
+                      <el-col :span="7" style="margin-bottom: 5px">
+                        <el-select
+                          filterable=""
+                          clearable
+                          @change="manufacturerChange(tmp.manufacturer, ide, id)"
+                          v-model="tmp.manufacturer"
+                          placeholder="请选择厂家"
+                          :disabled="hospitalName == '修改机构' && checkPer(permission.device)">
+                          <el-option
+                            v-for="item in dict.equipment_manufactor"
+                            :key="item.label"
+                            :label="item.label"
+                            :value="item.label"
+                            :disabled="item.disabled" />
+                        </el-select>
+                      </el-col>
+                      <el-col :span="14" style="margin-bottom: 5px">
+                        <el-input
+                          clearable
+                          v-model="tmp.manufacturerCount"
+                          @input="inputChange(tmp.manufacturerCount, 'manufacturerCount', ide, id)"
+                          placeholder="请输入该厂家的台数"
+                          :disabled="hospitalName == '修改机构' && checkPer(permission.device)">
+                          <span slot="suffix">台数</span>
+                        </el-input>
+                      </el-col>
+                      <el-col
+                        :span="3"
+                        style="margin-bottom: 5px"
+                        v-if="
+                          hospitalName == '新增机构' ||
+                          (hospitalName == '修改机构' && !checkPer(permission.device))
+                        ">
+                        <el-button
+                          @click="manufacturerAdd(ide, id)"
+                          style="padding: 4px"
+                          type="primary"
+                          icon="el-icon-plus"
+                          size="mini"
+                          circle></el-button>
+                        <el-button
+                          @click="manufacturerDel(ide, id)"
+                          v-if="item.manufacturer.length != 1"
+                          style="margin-left: 0; padding: 4px"
+                          type="danger"
+                          icon="el-icon-minus"
+                          size="mini"
+                          circle></el-button>
+                      </el-col>
+                    </div>
+                  </el-form-item>
+                </el-col>
+              </el-form-item>
+              <el-button
+                type="text"
+                @click="equipmentAdd"
+                v-if="
+                  hospitalName == '新增机构' ||
+                  (hospitalName == '修改机构' && !checkPer(permission.device))
+                ">
+                + 继续添加
+              </el-button>
+            </el-tab-pane>
+
+            <el-tab-pane label="监测信息" name="monitorInfo">
+              <el-row style="display: flex; flex-wrap: wrap">
+                <el-col :span="24">
+                  <el-form-item label="是否开启监测：" prop="monitorStatus">
+                    <el-radio-group
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)"
+                      v-model="addHispotalForm.monitorStatus"
+                      @change="monitorChange">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" v-show="addHispotalForm.monitorStatus == '1'">
+                  <div>
+                    <el-form-item label="看图监测：">
+                      <el-radio-group
+                        v-model="addHispotalForm.lookPicMonitor"
+                        :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)">
+                        <el-radio label="1">是</el-radio>
+                        <el-radio label="0">否</el-radio>
+                      </el-radio-group>
+                      <div class="inputNumber" v-show="addHispotalForm.lookPicMonitor == '1'">
+                        <span>抽取</span>
+                        <el-input-number
+                          v-model="addHispotalForm.lookPicHourTime"
+                          :precision="0"
+                          size="small"
+                          controls-position="right"
+                          :min="0"
+                          :max="999"
+                          :disabled="
+                            hospitalName == '修改机构' && checkPer(permission.monitor)
+                          "></el-input-number>
+                        <span>个小时内五例数据</span>
+                      </div>
+                      <div class="inputNumber" v-show="addHispotalForm.lookPicMonitor == '1'">
+                        <span>但不抽近</span>
+                        <el-input-number
+                          v-model="addHispotalForm.lookPicMinuteTime"
+                          :precision="0"
+                          size="small"
+                          controls-position="right"
+                          :min="1"
+                          :max="999"
+                          :disabled="
+                            hospitalName == '修改机构' && checkPer(permission.monitor)
+                          "></el-input-number>
+                        <span>分钟的数据</span>
+                      </div>
+                      <el-form-item
+                        label="是否开启按模式抽取数据:"
+                        label-width="100"
+                        v-show="addHispotalForm.lookPicMonitor == '1'">
+                        <el-radio-group
+                          v-model="addHispotalForm.isModality"
+                          :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)">
+                          <el-radio label="1">是</el-radio>
+                          <el-radio label="0">否</el-radio>
+                        </el-radio-group>
+                      </el-form-item>
+                      <el-form-item prop="modeExtractDataList">
+                        <el-checkbox-group
+                          v-if="addHispotalForm.isModality == '1'"
+                          v-model="addHispotalForm.modeExtractDataList">
+                          <el-checkbox
+                            v-for="item in dict.modality"
+                            :label="item.value"
+                            :key="item.id"
+                            :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)"
+                            >{{ item.label }}</el-checkbox
+                          >
+                        </el-checkbox-group>
+                      </el-form-item>
+                    </el-form-item>
+                  </div>
+                </el-col>
+                <el-col :span="12" v-show="addHispotalForm.monitorStatus == '1'">
+                  <el-form-item label="日报上传监测：">
+                    <el-radio-group
+                      v-model="addHispotalForm.dayDataMonitor"
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="归档数据质量监测：">
+                    <el-radio-group
+                      v-model="addHispotalForm.qualityDataMonitor"
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                    <div v-show="addHispotalForm.qualityDataMonitor == '1'">
+                      <div class="inputNumber">
+                        <span>抽取</span>
+                        <el-input-number
+                          v-model="addHispotalForm.qualityDataHourTime"
+                          :precision="0"
+                          controls-position="right"
+                          :min="1"
+                          :max="999"
+                          :disabled="
+                            hospitalName == '修改机构' && checkPer(permission.monitor)
+                          "></el-input-number>
+                        <span>个小时内10例数据</span>
+                      </div>
+                      <div style="margin-bottom: 10px">
+                        <el-select
+                          v-model="addHispotalForm.checkAcc"
+                          style="width: 70px"
+                          :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)">
+                          <el-option
+                            v-for="item in yesOrNo"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                          </el-option>
+                        </el-select>
+                        校验检查项目编码
+                      </div>
+                      <div>
+                        <el-select
+                          v-model="addHispotalForm.checkAllId"
+                          style="width: 70px"
+                          :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)">
+                          <el-option
+                            v-for="item in yesOrNo"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                          </el-option>
+                        </el-select>
+                        校验校验检查医嘱ID、申请单ID
+                      </div>
+                    </div>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="漏图监测：" v-show="addHispotalForm.monitorStatus == '1'">
+                    <el-radio-group
+                      v-model="addHispotalForm.leakageMonitor"
+                      @change="forceUpdate"
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="24">
+                  <el-form-item
+                    label="看图异常监测："
+                    v-show="addHispotalForm.monitorStatus == '1'">
+                    <el-radio-group
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)"
+                      @change="lookPicAbnormalMonitorChange(addHispotalForm.lookPicAbnormalMonitor)"
+                      v-model="addHispotalForm.lookPicAbnormalMonitor">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </el-col>
+
+                <el-col :span="24">
+                  <el-form-item label="监测模式：" v-show="addHispotalForm.monitorStatus == '1'">
+                    <el-checkbox-group
+                      @change="lookPicMonitorModalityChange"
+                      :disabled="
+                        (hospitalName == '修改机构' && checkPer(permission.monitor)) ||
+                        addHispotalForm.lookPicAbnormalMonitor == '0'
+                      "
+                      :min="addHispotalForm.lookPicMonitorModality.indexOf('全部') == -1 ? 1 : 0"
+                      v-model="addHispotalForm.lookPicMonitorModality">
+                      <el-checkbox
+                        :disabled="
+                          item.value != '全部' &&
+                          addHispotalForm.lookPicMonitorModality.indexOf('全部') != -1
+                        "
+                        v-for="item in dict.pic_monitor_modality"
+                        :key="item.label"
+                        :label="item.label"
+                        :value="item.value" />
+                    </el-checkbox-group>
+                  </el-form-item>
+                </el-col>
+
+                <el-col :span="24" v-show="addHispotalForm.monitorStatus == '1'">
+                  <el-form-item label="客户端运行监测：">
+                    <el-radio-group
+                      v-model="addHispotalForm.iuWorkStationMonitor"
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.monitor)">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                    <div
+                      class="inputNumber otherInputNumberStyle"
+                      v-show="addHispotalForm.iuWorkStationMonitor == '1'">
+                      <span>抽取</span>
+                      <el-input-number
+                        v-model="addHispotalForm.iuWorkStationHourTime"
+                        :precision="0"
+                        controls-position="right"
+                        :min="1"
+                        size="small"
+                        :max="999"
+                        :disabled="
+                          hospitalName == '修改机构' && checkPer(permission.monitor)
+                        "></el-input-number>
+                      <span>个小时内的数据</span>
+                      <span>监测历史提醒次数、调阅次数是否均大于0</span>
+                    </div>
+                    <div
+                      class="inputNumber otherInputNumberStyle"
+                      v-show="addHispotalForm.iuWorkStationMonitor == '1'">
+                      <span>抽取</span>
+                      <el-input-number
+                        v-model="addHispotalForm.iuWorkStationHourTimeOther"
+                        :precision="0"
+                        controls-position="right"
+                        :min="1"
+                        size="small"
+                        :max="999"
+                        :disabled="
+                          hospitalName == '修改机构' && checkPer(permission.monitor)
+                        "></el-input-number>
+                      <span>个小时内统计数据</span>
+                      <span>监测重复提醒次数是否大于0</span>
+                    </div>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="24" v-show="addHispotalForm.monitorStatus == '1'">
+                  <el-form-item label="检查项目编码监测：">
+                    <el-form-item label="归档数据监测：">
+                      <el-radio-group
+                        v-model="addHispotalForm.examOssMonitor"
+                        :disabled="hospitalName == '修改医院' && checkPer(permission.monitor)">
+                        <el-radio label="1">是</el-radio>
+                        <el-radio label="0">否</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                    <el-form-item label="重复检查数据监测：">
+                      <el-radio-group
+                        v-model="addHispotalForm.examRepeatMonitor"
+                        :disabled="hospitalName == '修改医院' && checkPer(permission.monitor)">
+                        <el-radio label="1">是</el-radio>
+                        <el-radio label="0">否</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                    <el-form-item label="机构编码对照监测：">
+                      <el-radio-group
+                        v-model="addHispotalForm.examOrgMonitor"
+                        :disabled="hospitalName == '修改医院' && checkPer(permission.monitor)">
+                        <el-radio label="1">是</el-radio>
+                        <el-radio label="0">否</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-tab-pane>
+
+            <el-tab-pane label="专线信息" name="specialLine" class="basicInformation">
+              <el-row style="display: flex; flex-wrap: wrap">
+                <el-col :span="24">
+                  <div class="titleTip">专线信息</div>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item style="width: 100%" label-width="140px" label="专线IP">
+                    <el-input
+                      size="small"
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.dedicated)"
+                      v-model="addHispotalForm.hospitalIp"
+                      placeholder="专线IP"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="带宽">
+                    <el-input
+                      label-width="140px"
+                      size="small"
+                      :disabled="hospitalName == '修改机构' && checkPer(permission.dedicated)"
+                      v-model="addHispotalForm.hospitalBandwidth"
+                      placeholder="带宽">
+                      <em slot="suffix">M</em></el-input
+                    >
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-tab-pane>
+            <el-tab-pane label="自助机信息" name="selfServiceInfo">
+              <el-col :span="23">
+                <el-form-item label="自助机总数量：">
+                  <el-input
+                    clearable
+                    v-model="addHispotalForm.machineCount"
+                    @input="inputMachineChange()"
+                    placeholder="自动累计自助机数量"
+                    disabled>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="23" style="padding: 0 !important">
+                <el-col :span="9">
+                  <el-form-item label="服务专员：">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      v-model="addHispotalForm.serverPerson"
+                      placeholder="请输入服务专员"
+                      :disabled="hospitalName == '修改医院' && checkPer(permission.selfService)">
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                  <el-form-item label="驻场人员数量：" label-width="120px">
+                    <el-input
+                      clearable
+                      v-model.number="addHispotalForm.personnelNum"
+                      placeholder="请输入驻场人员数量"
+                      :step="1"
+                      :min="0"
+                      :max="999"
+                      :disabled="hospitalName == '修改医院' && checkPer(permission.selfService)"
+                      @input="countChanges(addHispotalForm.personnelNum, 'personnelNum')">
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="9">
+                  <el-form-item label="驻场人员归属：" label-width="120px">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      v-model="addHispotalForm.personClass"
+                      placeholder="请输入驻场人员归属"
+                      :disabled="hospitalName == '修改医院' && checkPer(permission.selfService)">
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+              </el-col>
+              <el-col :span="23">
+                <el-form-item label="备注：">
+                  <el-input
+                    type="textarea"
+                    autosize
+                    v-model="addHispotalForm.remarks"
+                    placeholder="请输入对应的医院关系"
+                    :disabled="hospitalName == '修改医院' && checkPer(permission.selfService)">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="23">
+                <el-form-item label="自助机信息：">
+                  <el-table :data="addHispotalForm.machineList">
+                    <el-table-column label="硬件厂家" min-width="100px">
+                      <template slot-scope="scope">
+                        <el-form-item
+                          style="margin-bottom: 0"
+                          :prop="'machineList.' + scope.$index + '.factory'"
+                          :rules="[
+                            {
+                              required: !!Number(scope.row.isuse),
+                              message: '硬件厂家',
+                              trigger: 'change',
+                            },
+                          ]">
+                          <el-select
+                            filterable=""
+                            clearable
+                            @change="hardwareManufacturerChange(scope.row)"
+                            v-model="scope.row.factory"
+                            :disabled="
+                              hospitalName == '修改医院' && checkPer(permission.selfService)
+                            "
+                            placeholder="硬件厂家">
+                            <el-option
+                              v-for="item in dict.machine_factory"
+                              :key="item.label"
+                              :label="item.label"
+                              :value="item.label"
+                              :disabled="item.disabled" />
+                          </el-select>
+                        </el-form-item>
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="MAC地址" min-width="160px">
+                      <template slot-scope="scope">
+                        <el-form-item
+                          style="margin-bottom: 0"
+                          :prop="'machineList.' + scope.$index + '.ip'"
+                          :rules="[
+                            {
+                              required: !!Number(scope.row.isuse),
+                              message: '请输入MAC地址',
+                              trigger: 'blur',
+                            },
+                          ]">
+                          <el-input
+                            clearable
+                            v-model="scope.row.ip"
+                            :disabled="
+                              hospitalName == '修改医院' && checkPer(permission.selfService)
+                            "
+                            @input="inputIpChange()"
+                            placeholder="请输入MAC地址">
+                          </el-input>
+                        </el-form-item>
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="自助机编码" min-width="90px">
+                      <template slot-scope="scope">
+                        <el-form-item
+                          style="margin-bottom: 0"
+                          :prop="'machineList.' + scope.$index + '.serialNumber'"
+                          :rules="[
+                            {
+                              required: !!Number(scope.row.isuse),
+                              message: '请输入自助机编码',
+                              trigger: 'blur',
+                            },
+                          ]">
+                          <el-input
+                            v-model="scope.row.serialNumber"
+                            :disabled="
+                              hospitalName == '修改医院' && checkPer(permission.selfService)
+                            "
+                            placeholder="请输入自助机编码">
+                          </el-input>
+                        </el-form-item>
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="是否启用" min-width="120px">
+                      <template slot-scope="scope">
+                        <el-form-item
+                          style="margin-bottom: 0"
+                          :prop="'machineList.' + scope.$index + '.isuse'"
+                          :rules="[
+                            {
+                              required: !!Number(scope.row.isuse),
+                              message: '是否启用',
+                              trigger: 'change',
+                            },
+                          ]">
+                          <el-select
+                            v-model="scope.row.isuse"
+                            :disabled="
+                              hospitalName == '修改医院' && checkPer(permission.selfService)
+                            "
+                            placeholder="是否启用">
+                            <el-option
+                              v-for="item in archiveFlagArr"
+                              :key="item.value"
+                              :label="item.label"
+                              :value="item.value" />
+                          </el-select>
+                        </el-form-item>
+                      </template>
+                    </el-table-column>
+                    <!-- hospitalName == '修改医院' &&  -->
+                    <el-table-column
+                      label="操作"
+                      min-width="70px"
+                      v-if="
+                        hospitalName == '新增机构' ||
+                        (hospitalName == '修改机构' && !checkPer(permission.selfService))
+                      ">
+                      <template slot-scope="scope">
+                        <el-button
+                          @click="hardwareManufacturerAdd(scope.row, scope.$index)"
+                          style="padding: 4px"
+                          type="primary"
+                          icon="el-icon-plus"
+                          size="mini"
+                          circle>
+                        </el-button>
+                        <el-button
+                          @click="hardwareManufacturerDel(scope.row, scope.$index)"
+                          v-if="addHispotalForm.machineList.length != 1"
+                          style="margin-left: 0; padding: 4px"
+                          type="danger"
+                          icon="el-icon-minus"
+                          size="mini"
+                          circle>
+                        </el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                  <!-- <el-col :span="24" style="font-weight:bold">备注信息：厂家可以重复选择，IP地址必填且不可重复</el-col> -->
+                </el-form-item>
+              </el-col>
+            </el-tab-pane>
+          </el-tabs>
+        </el-row>
+      </el-form>
+      <!--     -->
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="closeDialog">取 消</el-button>
+        <!--        @@    v-if="showEdit || hospitalName == '新增机构'"-->
+        <el-button
+          size="small"
+          :loading="AddHisLoading"
+          type="primary"
+          :disabled="toDisabled()"
+          @click="addHispitalClick">
+          确 定
+        </el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      title="秘钥信息"
+      top="5vh"
+      width="500px"
+      :visible.sync="SecretKeyVisible"
+      :close-on-click-modal="false"
+      @close="closeSecretKey">
+      <el-form :model="SecretKeyForm">
+        <el-form-item label="appId：">{{ SecretKeyForm.uid }}</el-form-item>
+        <el-form-item label="appSecret：">
+          {{ SecretKeyForm.securityKey }}
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+
+    <el-dialog
+      :title="currentDetail.hospitalName"
+      :visible.sync="cloudSetVisible"
+      @open="codeDialogOpen"
+      top="5vh"
+      width="70%">
+      <div>
+        <el-row v-if="warningShow">
+          <el-col :span="24">
+            <div class="warning">
+              <div>
+                <i class="el-icon-warning warning-icon"></i>
+                提示：配置文件中的路径不可以使用 \ （反斜杠），必须使用 /（正斜杠）。
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-tabs v-model="codeActiveName" @tab-click="handleCodeTabClick">
+          <el-tab-pane label="公共配置" name="first">
+            <div>
+              <codemirror
+                height="60vh"
+                ref="cm"
+                v-model="commonXmlcode"
+                :options="cmOptions"
+                @input="xmlCodeChange"></codemirror>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="getway配置" name="second">
+            <div v-if="xmlShow">
+              <codemirror
+                style="height: 60vh"
+                ref="cm"
+                v-model="getWayXmlCode"
+                :options="cmOptions"
+                @input="xmlCodeChange"></codemirror>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="cloudSetVisible = false">取 消</el-button>
+        <el-button type="primary" @click="setXmlCodeFn">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex';
+import {
+  addHospital,
+  updateHospital,
+  removeHospital,
+  getHosSecurityKey,
+  getHospInfo,
+  hospitadlConfigUpdate,
+  checkHospitalCode,
+} from '@/api/institutionSet/index';
+import institutionMonitor from '@/api/institutionMonitor/index';
+import pagination from '@crud/Pagination';
+
+import CRUD, { presenter, header, crud } from '@crud/crud';
+import { downloadFile } from '@/utils/index';
+import { download } from '@/api/data';
+import { codemirror } from 'vue-codemirror';
+import 'codemirror/theme/idea.css';
+import 'codemirror/mode/sql/sql.js';
+import 'codemirror/mode/xml/xml';
+import 'codemirror/theme/monokai.css';
+import store from '@/store';
+import DateRangePicker from '@/components/DateRangePicker';
+
+export default {
+  name: 'institutionSet',
+  cruds() {
+    return CRUD({
+      title: '机构管理',
+      url: 'hospital/queryHospitalList',
+      sort: ['updateTime,desc'],
+    });
+  },
+  mixins: [presenter(), header(), crud()],
+  data() {
+    var validateHosId = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('请输入组织机构代码'));
+      } else {
+        let data = {
+          hospitalId: value,
+          scenceId: this.currentDetail.scenceId,
+        };
+        checkHospitalCode(data).then(res => {
+          if (!res) {
+            callback(new Error('组织机构代码已存在'));
+          } else {
+            callback();
+          }
+        });
+      }
+    };
+
+    return {
+      waterMarkProp: {
+        zIndex: 1,
+        devicePixelRatio: 2,
+        text: '',
+        showTime: true,
+      },
+      options: [],
+      // 机构地区存取数据
+      provinceList: [],
+      props: {
+        value: 'value',
+        children: 'cities',
+        label: 'label',
+        checkStrictly: true,
+      },
+      permission: {
+        editYunSet: ['datas:editYunSet'],
+        basic: ['edit:basic'],
+        device: ['edit:device'],
+        monitor: ['edit:monitor'],
+        dedicated: ['edit:dedicated'],
+      },
+      headerTable: [
+        { label: '机构名称', prop: 'hospitalName', width: '220px' },
+        { label: '机构ID', prop: 'scenceId', width: '120px' },
+        { label: '机构地区', prop: 'address', width: '160px' },
+        { label: '机构类别', prop: 'hospitalType', width: '120px' },
+        { label: '机构等级', prop: 'level', width: '120px' },
+        { label: '机构状态', prop: 'runningState', width: '100px' },
+        { label: '机构所有制', prop: 'hospOwnerType', width: '120px' },
+        { label: '机构IP', prop: 'hospitalIp', width: '120px' },
+        { label: '带宽', prop: 'hospitalBandwidth', width: '120px' },
+        { label: '是否可以联网', prop: 'isCanConnect', width: '120px' },
+        { label: '是否有设备', prop: 'equipmentStatus', width: '120px' },
+        { label: '是否已联网', prop: 'connectStatus', width: '120px' },
+        { label: '是否有云配置', prop: 'configStatus', width: '140px' },
+        // { label: "客户端是否能调阅", prop: "accessImages", width: "140px" },
+        { label: 'urlKey', prop: 'urlKey', width: '80px' },
+        { label: '更新时间', prop: 'updateTime', width: '160px' },
+      ],
+      omitData: '-',
+      hospitalName: '新增机构',
+      hospitalVisible: false,
+      addHispotalForm: {
+        hospitalName: '',
+        hospitalNameAlias: [],
+        hospitalId: '',
+        addressHos: '',
+        address: '',
+        hospitalType: '',
+        level: '',
+        rank: '',
+        runningState: '',
+        isCanConnect: '',
+        equipmentStatus: '',
+        connectStatus: '',
+        archiveFlag: '',
+        joinUpState: '',
+        viewType: '',
+        equipmentList: [],
+        monitorStatus: '0',
+        lookPicHourTime: 6,
+        lookPicMinuteTime: 60,
+        autoUploadType: '',
+        lookPicMonitor: '0', // 看图监测
+        dayDataMonitor: '0', // 日报上传监测
+        lookPicAbnormalMonitor: '0',
+        leakageMonitor: '0',
+        lookPicMonitorModality: [], // 监测模式
+        qualityDataMonitor: '0', // 归档数据质量监测
+        qualityDataHourTime: 168, // 归档数据质量检测-时间
+        checkAcc: '0', // 校验检查项目编码
+        checkAllId: '0', // 校验检查医嘱ID、申请单ID
+        iuWorkStationMonitor: '0', // 客户端运行监测
+        iuWorkStationHourTime: 24, // 客户端运行监测-时间
+        iuWorkStationHourTimeOther: 168, // 客户端运行监测-时间 重复提醒
+        hospitalIp: '',
+        hospitalBandwidth: '',
+        isModality: '0',
+        modeExtractDataList: [],
+        machineCount: 0,
+        machineList: [{ factory: '', ip: '', serialNumber: '', isuse: '' }], //自助机信息
+        examOssMonitor: '0', // 归档数据监测
+        examRepeatMonitor: '0', // 重复检查数据监测
+        examOrgMonitor: '0', // 机构编码对照监测
+      },
+      AddHisLoading: false,
+      hospitalNameAliasArr: [{ value: '' }],
+      AutomaticallyUpload: [
+        { value: '1', label: '文字' },
+        { value: '2', label: '文字+图像' },
+        { value: '3', label: '文字但标记有图' },
+      ],
+      yesOrNo: [
+        { value: '0', label: '否' },
+        { value: '1', label: '是' },
+      ],
+      rules: {
+        hospitalName: [{ required: true, message: '请输入机构名称', trigger: 'blur' }],
+        hospitalId: [{ required: true, validator: validateHosId, trigger: 'blur' }],
+        addressHos: [{ required: true, message: '请选择机构地区', trigger: 'change' }],
+        hospitalType: [{ required: true, message: '请选择机构类别', trigger: 'change' }],
+        level: [
+          {
+            required: true,
+            message: '请选择机构等级',
+            trigger: 'change',
+          },
+        ],
+        runningState: [{ required: true, message: '请选择机构状态', trigger: 'change' }],
+        isCanConnect: [{ required: true, message: '请选择联网状态', trigger: 'change' }],
+        equipmentStatus: [{ required: true, message: '请选择是否有设备', trigger: 'change' }],
+        connectStatus: [
+          { required: true, message: '请选择是否已联网', trigger: 'change' },
+          { required: true, message: '请选择是否已接入', trigger: 'change' },
+        ],
+        archiveFlag: [{ required: true, message: '请选择是否归档', trigger: 'change' }],
+        joinUpState: [
+          {
+            required: true,
+            message: '请选择接入智联网状态',
+            trigger: 'change',
+          },
+        ],
+        viewType: [{ required: true, message: '请选择图像浏览方式', trigger: 'change' }],
+        hospOwnerType: [{ required: true, message: '请选择机构所有制', trigger: 'change' }],
+        monitorStatus: [
+          {
+            required: true,
+            message: '请选择是否开启监测',
+            trigger: ['blur', 'change'],
+          },
+        ],
+      },
+      archiveFlagArr: [
+        { value: '0', label: '否' },
+        { value: '1', label: '是' },
+      ],
+      // 秘钥
+      SecretKeyVisible: false,
+      SecretKeyForm: {
+        uid: '',
+        securityKey: '',
+        publicKey: '',
+        privateKey: '',
+      },
+      showMiyao: false,
+      showDownLoad: false,
+      showEdit: false,
+      activeName: 'basicInformation',
+      urlKeyList: [],
+      hosptilTeams: [],
+      downloadLoading: false,
+      cloudSetVisible: false,
+      currentDetail: {},
+      code: 'select a from table1 where b = 1',
+      cmOptions: {
+        // 语言及语法模式
+        mode: 'application/xml',
+        // 主题
+        theme: 'monokai',
+        // 显示函数
+        line: true,
+        lineNumbers: true,
+        // 软换行
+        lineWrapping: true,
+        // tab宽度
+        tabSize: 4,
+      },
+      codeActiveName: 'first',
+      commonXmlcode: '',
+      getWayXmlCode: '',
+      xmlShow: false,
+      currentXmlDetail: {},
+      warningShow: true,
+      isRequire: true,
+    };
+  },
+  computed: {
+    ...mapGetters(['user', 'roles']),
+  },
+  created() {
+    // 加载机构地区
+    this.getPosition(null, () => {});
+    this.getUrlKeyList();
+    this.getCommissionList();
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.roles.some(ele => {
+        if (ele == 'datas:miyao') {
+          this.showMiyao = true;
+          return;
+        }
+        if (ele == 'datas:update') {
+          this.showEdit = true;
+          return;
+        }
+        if (ele == 'datas:download') {
+          this.showDownLoad = true;
+          return;
+        }
+        this.waterMarkProp.text = this.user.name;
+      });
+    });
+  },
+  methods: {
+    lookPicAbnormalMonitorChange(value) {
+      if (this.addHispotalForm.lookPicAbnormalMonitor == '1') {
+        if (
+          this.addHispotalForm.lookPicMonitorModality &&
+          this.addHispotalForm.lookPicMonitorModality.length == 0
+        ) {
+          this.addHispotalForm.lookPicMonitorModality = ['全部'];
+        }
+      }
+      this.$forceUpdate();
+    },
+    lookPicMonitorModalityChange(value) {
+      this.$forceUpdate();
+      if (value && value.length == 0) {
+        this.addHispotalForm.lookPicMonitorModality = [];
+        this.dict.pic_monitor_modality.forEach(tmp => {
+          if (tmp.value.indexOf('全部') == -1)
+            this.addHispotalForm.lookPicMonitorModality.push(tmp.label);
+        });
+      } else {
+        if (value && value.indexOf('全部') != -1) {
+          this.addHispotalForm.lookPicMonitorModality = ['全部'];
+        }
+      }
+    },
+    toDisabled() {
+      if (this.hospitalName == '新增机构') {
+        return false;
+      } else {
+        if (this.activeName == 'basicInformation') return this.checkPer(this.permission.basic);
+        if (this.activeName == 'equipmentInformation') return this.checkPer(this.permission.device);
+        if (this.activeName == 'monitorInfo') return this.checkPer(this.permission.monitor);
+        if (this.activeName == 'specialLine') return this.checkPer(this.permission.dedicated);
+      }
+      return false;
+    },
+    getCommissionList() {
+      institutionMonitor.getCommissionList().then(res => {
+        this.hosptilTeams = this.menuFunc(res.content);
+      });
+    },
+    //关闭提示
+    closeWarning() {
+      this.warningShow = false;
+    },
+    addRules() {
+      // 定义规则
+      const newRules = [{ required: true, trigger: 'change', message: '请选择自动上传方式' }];
+      // 给rules对象添加规则
+      this.rules = { ...this.rules, autoUploadType: newRules };
+    },
+
+    removeRules() {
+      this.$nextTick(() => {
+        if (this.$refs.addHispotalForm) {
+          this.$refs.addHispotalForm.clearValidate(['autoUploadType']);
+        }
+        // 清除指定校验规则
+        // 这行必须
+        this.rules = { ...this.rules, autoUploadType: [] };
+      });
+    },
+    blur() {
+      this.addRules();
+    },
+    //xml
+    codeDialogOpen() {
+      this.codeActiveName = 'first';
+      let data = {
+        hospitalId: this.currentDetail.scenceId,
+      };
+      getHospInfo(data).then(res => {
+        const { commonConfig, config } = res.content[0] || {};
+        this.commonXmlcode = commonConfig;
+        this.getWayXmlCode = config;
+        this.currentXmlDetail = res.content[0] || {};
+      });
+    },
+    setXmlCodeFn() {
+      const { hospitalId, scenceId, updateUser, createTime, updateTime } = this.currentXmlDetail;
+      let data = {
+        hospitalId,
+        updateUser,
+        createTime,
+        updateTime,
+      };
+      if (this.codeActiveName == 'first') {
+        data.commonConfig = this.commonXmlcode;
+      }
+      if (this.codeActiveName == 'second') {
+        data.config = this.getWayXmlCode;
+      }
+      // console.log(data, "data");
+      hospitadlConfigUpdate(data)
+        .then(res => {
+          this.$message.success('修改成功！');
+          this.cloudSetVisible = false;
+        })
+        .catch(err => {
+          console.log(err);
+          this.$message.error(err.message);
+        });
+    },
+    handleCodeTabClick(tab, event) {
+      // console.log(this.codeActiveName, "config");
+      this.xmlShow = false;
+      setTimeout(() => {
+        this.xmlShow = true;
+      }, 500);
+    },
+    // 递归修改删除空值
+    menuFunc(childrenMap) {
+      return childrenMap.map(item => {
+        if (item.children && item.children.length) {
+          this.menuFunc(item.children);
+        } else {
+          delete item.children;
+        }
+        return item;
+      });
+    },
+    download() {
+      if (this.crud.data.length != 0) {
+        this.downloadLoading = true;
+        download('hospital/downloadHospital', this.query)
+          .then(result => {
+            this.downloadLoading = false;
+          })
+          .catch(e => {
+            downloadFile(e, '机构详情', 'xlsx');
+            this.downloadLoading = false;
+          });
+      } else {
+        this.$message.error('没有相关详情数据, 无法导出');
+      }
+    },
+    // urlKey
+    getUrlKeyList() {
+      institutionMonitor.getUrlKeyList().then(res => {
+        this.urlKeyList = res.content;
+      });
+    },
+    forceUpdate() {
+      this.$forceUpdate(); // 强制刷新
+    },
+    // 重置
+    resetQueryClick() {
+      Object.keys(this.query).map(key => {
+        this.query[key] = '';
+      });
+      // this.crud.toQuery();
+      this.crud.resetQuery();
+    },
+    // 一级二级改变的时候调取下一级数据
+    handleItemChange(val) {
+      this.getPosition(val);
+    },
+    provinceChange(event) {
+      const checkedNode = this.$refs['cascaderArr'].getCheckedNodes();
+      let str = '';
+      checkedNode[0].pathLabels.forEach(ele => {
+        str += ele;
+      });
+      this.addHispotalForm.address = str;
+    },
+    // 地区联动获取数据
+    getPosition(val, cb) {
+      let vm = this; //查询省市县
+      let params = { parent: 1 };
+      if (!val) {
+        //初始化加载 获取所有省份数据
+        params = { parent: 1 };
+      } else if (val.length === 1) {
+        //加载二级  获取市级数据
+        params = { parent: val[0] };
+      } else {
+        //加载3级   获取县级数据
+        params = { parent: val[1] };
+      }
+      institutionMonitor
+        .queryNation(params)
+        .then(res => {
+          if (!val) {
+            //初始化加载   查询省份数据
+            vm.provinceList = res.content.map(e => {
+              return {
+                value: e.saleid,
+                label: e.province,
+                cities: [],
+              };
+            });
+          } else if (val.length === 1) {
+            //加载二级    查询该省下市级数据
+            vm.provinceList.map(item => {
+              if (item.value === val[0]) {
+                item.cities = res.content.map(e => {
+                  return {
+                    value: e.saleid,
+                    label: e.city || e.county,
+                    cities: [],
+                  };
+                });
+              }
+            });
+          } else {
+            //加载3级   查询该省市下县级数据
+            vm.provinceList.map(item => {
+              if (item.value === val[0]) {
+                item.cities.map(value => {
+                  if (value.value === val[1]) {
+                    value.cities = res.content.map(e => {
+                      return { value: e.saleid, label: e.county };
+                    });
+                  }
+                });
+              }
+            });
+          }
+          cb && cb(res);
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    },
+    // 返回机构类别对应的名称
+    hosCategory(category) {
+      return this.dict.label.ins_category[category];
+    },
+    // 返回机构等级(级)对应的名称
+    hosRank(rank) {
+      return this.dict.label.agency_hos_rank[rank];
+    },
+    // 机构状态
+    hosState(state) {
+      return this.dict.label.running_status[state];
+    },
+    // 是否可以联网
+    hosCanConnect(state) {
+      return this.dict.label.can_connect[state];
+    },
+    // 是否有设备
+    hosEquipmentStatus(state) {
+      return this.dict.label.equipment_status[state];
+    },
+    // 是否已联网
+    hosConnectStatus(state) {
+      return this.dict.label.connect_status[state];
+    },
+    // 机构所有制
+    hosHospOwnerType(state) {
+      return this.dict.label.hosp_owner_type[state];
+    },
+    // 是否云配置
+    configStatus(state) {
+      return this.dict.label.config_status[state];
+    },
+    // 新增机构
+    addQueryHospitailClick() {
+      this.currentDetail = {};
+      this.hospitalName = '新增机构';
+      this.activeName = 'basicInformation';
+      let equipmentList = [];
+      // console.log(this.dict.equipment_default_name);
+      this.dict.equipment_default_name.forEach(tmp => {
+        let data = {
+          equipmentCount: '',
+          equipmentCode: tmp.value,
+          equipmentName: tmp.label,
+          equipmentShow: false,
+          manufacturer: [{ manufacturer: '', manufacturerCount: '' }],
+        };
+        equipmentList.push(data);
+      });
+      this.addHispotalForm.equipmentList = equipmentList;
+      this.hospitalVisible = true;
+      this.addHispotalForm.monitorStatus = '0';
+      this.addHispotalForm.lookPicHourTime = 6;
+      this.addHispotalForm.lookPicMinuteTime = 60;
+      this.addHispotalForm.modeExtractDataList = this.dict.modality.map(item => item.value);
+    },
+    //云配置弹窗
+    cloudSet(row) {
+      // console.log(row);
+      sessionStorage.setItem('cloudSet', JSON.stringify(row));
+      store.dispatch('setcloudset', row);
+      this.$router.push({
+        name: 'cloudSet',
+      });
+    },
+    //xml编辑器
+    //xml编辑器
+    xmlCodeChange(content) {
+      this.$nextTick(() => {
+        console.log('code:' + this.code);
+        console.log('content:' + content);
+      });
+    },
+    toAddRecord(row) {
+      this.currentDetail = row;
+      institutionMonitor.getHospInfo({ scenceId: row.scenceId }).then(res => {
+        this.dict.equipment_name.forEach(tmp => (tmp.disabled = false));
+        this.activeName = 'basicInformation';
+        this.hospitalName = '修改机构';
+        let addressHos = [row.province];
+        this.getPosition([row.province]);
+        // 机构地区回显
+        if (row.city != '') {
+          setTimeout(() => {
+            this.getPosition([row.province, row.city]);
+          }, 500);
+          addressHos.push(row.city);
+        }
+        if (row.district != '') {
+          addressHos.push(row.district);
+        }
+        this.hospitalNameAliasArr = [];
+        // 机构别称
+        if (res.hospitalNameAlias && res.hospitalNameAlias.length != 0) {
+          let arr = res.hospitalNameAlias.split(',');
+          arr.forEach(ele => {
+            this.hospitalNameAliasArr.push({ value: ele });
+          });
+        } else {
+          this.hospitalNameAliasArr.push({ value: '' });
+        }
+        let equipmentList = [];
+        if (res.equipmentList && res.equipmentList.length > 0) {
+          equipmentList = res.equipmentList;
+          let dict_name = [...this.dict.equipment_default_name, ...this.dict.equipment_name];
+          // console.log(dict_name);
+          dict_name.forEach(tmp => {
+            // console.log(tmp.label);
+            tmp.disabled = false;
+            equipmentList.forEach(res => {
+              tmp.equipmentShow = false;
+              if (tmp.label == res.equipmentName) {
+                res.equipmentCode = tmp.value;
+                tmp.disabled = true;
+              }
+            });
+          });
+        } else {
+          this.dict.equipment_default_name.forEach(tmp => {
+            let data = {
+              equipmentCount: '',
+              equipmentName: tmp.label,
+              equipmentShow: false,
+              equipmentCode: tmp.value,
+              manufacturer: [{ manufacturer: '', manufacturerCount: '' }],
+            };
+            equipmentList.push(data);
+          });
+        }
+        // console.log(equipmentList, "eeeee");
+        res.equipmentList.forEach((tmp, index) => {
+          // if (index > 2) {
+          //   tmp.equipmentShow = true;
+          // }
+          if (tmp.manufacturer && tmp.manufacturer.length == 0) {
+            tmp.manufacturer.push({ manufacturer: '', manufacturerCount: '' });
+          }
+          // tmp.manufacturer = tmp.manufacturer.filter(x => x.manufacturer)
+        });
+        if (res.lookPicMonitor == 1) {
+          this.addRules();
+        } else {
+          this.removeRules();
+        }
+        res.lookPicMonitorModality = res.lookPicMonitorModality
+          ? res.lookPicMonitorModality.split(',')
+          : [];
+        console.log(res.lookPicMonitorModality, '74563----');
+
+        // 设备信息
+        this.addHispotalForm = {
+          ...row,
+          ...res,
+          addressHos: addressHos,
+          hospitalType: row.hospitalType != undefined ? row.hospitalType + '' : '',
+          level: row.level != undefined ? row.level + '' : '',
+          rank: row.rank != undefined ? row.rank + '' : '',
+          runningState: row.runningState != undefined ? row.runningState + '' : '',
+          equipmentList: equipmentList,
+          iuWorkStationHourTimeOther:
+            res.iuWorkStationHourTimeOther == 0 ? 168 : res.iuWorkStationHourTimeOther,
+          modeExtractDataList:
+            res.strModality && res.strModality.length > 0 ? res.strModality.split(',') : [],
+        };
+        // 自助机信息
+        if (!res.machineList.length) {
+          this.addHispotalForm.machineList = [{ factory: '', ip: '', serialNumber: '', isuse: '' }];
+        }
+        this.addHispotalForm.machineCount = res.machineList.length;
+        setTimeout(() => {
+          this.hospitalVisible = true;
+          // 监测信息如果看图监测设置开启，监测模式为空，自动勾选全部
+          if (
+            this.addHispotalForm.lookPicMonitorModality.length == 0 &&
+            this.addHispotalForm.lookPicMonitorModality &&
+            this.addHispotalForm.lookPicAbnormalMonitor == 1
+          ) {
+            this.lookPicAbnormalMonitorChange(res.lookPicAbnormalMonitor);
+          }
+          this.$nextTick(() => {
+            this.$refs['addHispotalForm'].clearValidate();
+          });
+        }, 200);
+      });
+    },
+    // 是否开启监测
+    monitorChange(e) {
+      // e == 1 开启
+      if (e == 1) {
+        this.addHispotalForm.lookPicMonitor = '1'; // 看图监测
+        this.addHispotalForm.dayDataMonitor = '1'; // 日报上传监测
+        this.addHispotalForm.lookPicAbnormalMonitor = '0';
+        this.addHispotalForm.lookPicMonitorModality = [];
+        this.addHispotalForm.leakageMonitor = '0';
+        this.addHispotalForm.examOssMonitor = '0'; // 检查项目编码-归档
+        this.addHispotalForm.examRepeatMonitor = '0'; // 检查项目编码-重复
+        this.addHispotalForm.examOrgMonitor = '0'; // 检查项目编码-对照
+        this.addRules();
+      } else {
+        // 否
+        this.addHispotalForm.lookPicMonitor = '0'; // 看图监测
+        this.addHispotalForm.lookPicAbnormalMonitor = '0';
+        this.addHispotalForm.lookPicMonitorModality = [];
+        this.addHispotalForm.leakageMonitor = '0';
+        this.addHispotalForm.iuWorkStationMonitor = '0'; // 客户端运行监测
+        this.addHispotalForm.dayDataMonitor = '0'; // 日报上传监测
+        this.addHispotalForm.qualityDataMonitor = '0'; // 归档数据质量监测
+        this.addHispotalForm.examOssMonitor = '0'; // 检查项目编码-归档
+        this.addHispotalForm.examRepeatMonitor = '0'; // 检查项目编码-重复
+        this.addHispotalForm.examOrgMonitor = '0'; // 检查项目编码-对照
+        this.removeRules();
+      }
+    },
+    // 删除
+    monitorPath(row) {
+      // console.log("1", row);
+      this.$confirm('确定要删除该机构吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          let params = {
+            scenceId: row.scenceId,
+          };
+          // console.log("11", params);
+          removeHospital(params)
+            .then(res => {
+              this.$message.success('删除成功');
+              this.crud.refresh();
+            })
+            .catch(err => {});
+        })
+        .catch(() => {});
+    },
+    // 秘钥
+    SecretKey(row) {
+      getHosSecurityKey({
+        hospitalId: row.scenceId,
+        hospitalName: row.hospitalName,
+      })
+        .then(res => {
+          this.SecretKeyVisible = true;
+          this.SecretKeyForm = {
+            ...res,
+          };
+        })
+        .catch(err => {});
+    },
+    // 秘钥
+    SecretKey1(row) {
+      getHospitalSm2Key({
+        hospitalId: row.scenceId,
+        hospitalName: row.hospitalName,
+      })
+        .then(res => {
+          this.SecretKeyVisible1 = true;
+          this.SecretKeyForm = {
+            ...res,
+          };
+        })
+        .catch(err => {});
+    },
+    closeSecretKey() {
+      this.SecretKeyForm = {
+        uid: '',
+        securityKey: '',
+        publicKey: '',
+        privateKey: '',
+      };
+      this.SecretKeyVisible = false;
+    },
+    // 获取数据前设置好接口地址
+    [CRUD.HOOK.beforeRefresh](crud) {
+      if (crud.query.address && crud.query.address.length != 0) {
+        if (crud.query.address[0]) {
+          crud.query.province = crud.query.address[0];
+        }
+        if (crud.query.address[1]) {
+          crud.query.city = crud.query.address[1];
+        } else {
+          crud.query.city = '';
+        }
+        if (crud.query.address[2]) {
+          crud.query.district = crud.query.address[2];
+        } else {
+          crud.query.district = '';
+        }
+      } else {
+        crud.query.province = '';
+        crud.query.city = '';
+        crud.query.district = '';
+      }
+    },
+    closeDialog() {
+      this.addHispotalForm = {
+        hospitalName: '',
+        hospitalNameAlias: [],
+        hospitalId: '',
+        addressHos: '',
+        hospitalType: '',
+        level: '',
+        rank: '',
+        runningState: '',
+        isCanConnect: '',
+        equipmentStatus: '',
+        connectStatus: '',
+        archiveFlag: '',
+        joinUpState: '',
+        viewType: '',
+        equipmentList: [],
+        monitorStatus: 0,
+        lookPicMonitor: '0', // 看图监测
+        dayDataMonitor: '0', // 日报上传监测
+        qualityDataMonitor: '0', // 归档数据质量监测
+        qualityDataHourTime: 168, // 归档数据质量检测-时间
+        checkAcc: '0', // 校验检查项目编码
+        checkAllId: '0', // 校验检查医嘱ID、申请单ID
+        iuWorkStationMonitor: '0', // 皖医互通运行监测
+        iuWorkStationHourTime: 24, // 客户端运行监测-时间
+        iuWorkStationHourTimeOther: 168, // 客户端运行监测-时间 重复提醒
+        // machineInfoHourTime: 6, // 自助机信息监测-时间
+        isModality: '0',
+        machineCount: 0,
+        modeExtractDataList: [],
+        lookPicMonitorModality: [], // 监测信息-监测模式
+        machineList: [{ factory: '', ip: '', serialNumber: '', isuse: '' }], //自助机信息
+      };
+      this.$refs['addHispotalForm'].resetFields();
+      this.hospitalNameAliasArr = [{ value: '' }];
+      this.hospitalVisible = false;
+      this.isRequire = true;
+    },
+    addHispitalClick() {
+      console.log('this.addHispotalForm', this.addHispotalForm);
+      this.$nextTick(() => {
+        this.$refs['addHispotalForm'].validate((valid, obj) => {
+          if (valid) {
+            let isNext = true;
+            // 机构别称
+            if (this.hospitalNameAliasArr.length != 1) {
+              let nameArr = [];
+              this.hospitalNameAliasArr.some((ele, index) => {
+                if (ele.value == '') {
+                  setTimeout(() => {
+                    this.$message.warning(`机构别称第 ${index + 1} 列为空`);
+                  }, 20);
+                  isNext = false;
+                  return true;
+                }
+                if (isNext) {
+                  if (nameArr.includes(ele.value)) {
+                    setTimeout(() => {
+                      this.$message.warning(`机构别称有重复项`);
+                    }, 20);
+                    isNext = false;
+                    return true;
+                  }
+                  nameArr.push(ele.value);
+                }
+              });
+            }
+            let hospitalNameAlias = []; // 机构别称数组
+            this.hospitalNameAliasArr.forEach(ele => {
+              hospitalNameAlias.push(ele.value);
+            });
+
+            this.addHispotalForm.equipmentList = this.addHispotalForm.equipmentList.filter(
+              tmp => tmp.equipmentName
+            );
+            this.addHispotalForm.equipmentList.forEach(tmp => {
+              tmp.manufacturer = tmp.manufacturer.filter(x => x.manufacturer);
+            });
+            // 监测信息
+            if (
+              this.addHispotalForm.monitorStatus == '1' &&
+              this.addHispotalForm.lookPicMonitor == '0'
+            ) {
+              this.activeName = 'monitorInfo';
+              return this.$message.error('请选择看图监测');
+            }
+
+            let params = {
+              ...this.addHispotalForm,
+              hospitalNameAlias: hospitalNameAlias.join(),
+              province: this.addHispotalForm.addressHos[0],
+              city:
+                this.addHispotalForm.addressHos[1] != undefined
+                  ? this.addHispotalForm.addressHos[1]
+                  : '',
+              district:
+                this.addHispotalForm.addressHos[2] != undefined
+                  ? this.addHispotalForm.addressHos[2]
+                  : '',
+              strModality: this.addHispotalForm.modeExtractDataList.join(','),
+            };
+            //自助机信息过滤没有填的数据
+            params.machineList = params.machineList.filter(
+              item => item.factory || item.ip || item.serialNumber || item.isuse
+            );
+            let arr = [undefined, '', null];
+            // 是否监测是否开启
+            if (params.monitorStatus == '1') {
+              if (arr.includes(params.lookPicHourTime) || arr.includes(params.lookPicMinuteTime)) {
+                this.activeName = 'monitorInfo';
+                return this.$message.warning('请填写监测时间');
+              }
+            } else {
+              params.lookPicMonitor = '0'; // 看图监测
+            }
+            // 客户端运行监测
+            if (params.iuWorkStationMonitor == '1') {
+              if (arr.includes(params.iuWorkStationHourTime)) {
+                this.activeName = 'monitorInfo';
+                return this.$message.warning('请填写监测时间');
+              }
+              if (arr.includes(params.iuWorkStationHourTimeOther)) {
+                this.activeName = 'monitorInfo';
+                return this.$message.warning('请填写监测时间');
+              }
+            }
+            // 归档数据质量监测
+            if (params.qualityDataMonitor == '1') {
+              if (arr.includes(params.qualityDataHourTime)) {
+                this.activeName = 'monitorInfo';
+                return this.$message.warning('请填写监测时间');
+              }
+            } else {
+              params.checkAcc = '0'; // 校验检查项目编码
+              params.checkAllId = '0'; // 校验检查医嘱ID、申请单ID
+            }
+            // 监测信息 - 监测模式
+            params.lookPicMonitorModality =
+              params.lookPicAbnormalMonitor == '1' ? params.lookPicMonitorModality.join(',') : '';
+            delete params.gatewayStatus;
+            delete params.lookPicStatus;
+            delete params.modeExtractDataList;
+            if (isNext) {
+              this.AddHisLoading = true;
+              if (this.hospitalName == '新增机构') {
+                addHospital(params)
+                  .then(res => {
+                    this.$message.success('新增成功');
+                    this.AddHisLoading = false;
+                    this.crud.refresh();
+                    this.closeDialog();
+                  })
+                  .catch(err => {
+                    this.AddHisLoading = false;
+                  });
+              } else {
+                updateHospital(params)
+                  .then(res => {
+                    this.$message.success('修改成功');
+                    this.AddHisLoading = false;
+                    this.crud.refresh();
+                    this.closeDialog();
+                  })
+                  .catch(err => {
+                    this.AddHisLoading = false;
+                  });
+              }
+            }
+          } else {
+            this.activeName = 'basicInformation';
+            this.$message.warning('请先将基本信息填写完成');
+            return false;
+          }
+        });
+      });
+    },
+    // 添加机构别称
+    addOtherName() {
+      let isNext = true;
+      this.hospitalNameAliasArr.some(ele => {
+        if (ele.value == '') {
+          this.$message.warning('存在机构别称为空');
+          isNext = false;
+          return true;
+        }
+      });
+      if (isNext) {
+        this.hospitalNameAliasArr.push({
+          value: '',
+        });
+      }
+    },
+    // 删除机构别称
+    removeOtherName(index) {
+      this.hospitalNameAliasArr.splice(index, 1);
+    },
+    // 选择设备
+    equipmentNameChange(val, index) {
+      this.dict.equipment_name.forEach(item => {
+        item.disabled = false;
+        this.addHispotalForm.equipmentList.forEach((tmp, key) => {
+          if (tmp.equipmentName == val) item.equipmentCode = val;
+          if (item.label == tmp.equipmentName) {
+            item.disabled = true;
+            tmp.equipmentCode = item.value;
+          }
+        });
+        // console.log(this.addHispotalForm.equipmentList);
+      });
+    },
+    // 选择厂家
+    manufacturerChange(value, index, index1) {
+      if (!this.addHispotalForm.equipmentList[index].equipmentName) {
+        this.addHispotalForm.equipmentList[index].manufacturer[index1].manufacturer = '';
+        this.$message.warning('请先选择设备名称');
+      } else {
+        if (!value)
+          this.addHispotalForm.equipmentList[index].manufacturer[index1].manufacturerCount = '';
+        this.addHispotalForm.equipmentList[index].manufacturer.forEach((row, rowIndex) => {
+          if (index1 != rowIndex) {
+            if (row.manufacturer == value) {
+              this.addHispotalForm.equipmentList[index].manufacturer[index1].manufacturer = '';
+              this.addHispotalForm.equipmentList[index].manufacturer[index1].manufacturerCount = '';
+              this.$message.error('该厂家已存在，请重新选择');
+            }
+          }
+        });
+      }
+    },
+    // 设备继续添加
+    equipmentAdd() {
+      this.addHispotalForm.equipmentList.push({
+        equipmentCount: '',
+        equipmentName: '',
+        equipmentShow: true,
+        equipmentCode: '',
+        manufacturer: [{ manufacturer: '', manufacturerCount: '' }],
+      });
+    },
+    manufacturerAdd(id, idw) {
+      if (
+        !this.addHispotalForm.equipmentList[id].manufacturer[idw].manufacturer &&
+        !this.addHispotalForm.equipmentList[id].manufacturer[idw].manufacturerCount
+      ) {
+        this.$message.warning('请先选择厂家，并输入总台数');
+        return;
+      }
+      this.addHispotalForm.equipmentList[id].manufacturer.push({
+        manufacturer: '',
+        manufacturerCount: '',
+      });
+    },
+    manufacturerDel(index, index1) {
+      this.inputChange('', 'manufacturerCount', index, index1);
+      this.addHispotalForm.equipmentList[index].manufacturer.splice(index1, 1);
+    },
+    deldeleteRed(index) {
+      this.addHispotalForm.equipmentList.splice(index, 1);
+      this.equipmentNameChange();
+    },
+
+    inputChange(value, name, num, tmplemp) {
+      // console.log(value, name);
+      // 只能输入数字
+      this.$nextTick(() => {
+        if (value) {
+          value = value.replace(/\D/g, '').replace(/^0+(?=\d)/, '');
+          if (name == 'equipmentCount') {
+            this.addHispotalForm.equipmentList.forEach((tmp, index) => {
+              if (this.addHispotalForm.equipmentList[num].equipmentName) {
+                if (index == num) tmp.equipmentCount = value;
+              } else {
+                if (index == num) {
+                  tmp.equipmentCount = '';
+                  this.$message.warning('请先选择设备名称');
+                }
+              }
+            });
+          } else if (name == 'manufacturerCount') {
+            let number = 0;
+            this.addHispotalForm.equipmentList[num].manufacturer.forEach((tmp, index) => {
+              // console.log(
+              //   this.addHispotalForm.equipmentList[num].equipmentName,
+              //   this.addHispotalForm.equipmentList[num].manufacturer[tmplemp].manufacturer
+              // );
+              if (
+                this.addHispotalForm.equipmentList[num].equipmentName &&
+                this.addHispotalForm.equipmentList[num].manufacturer[tmplemp].manufacturer
+              ) {
+                number = number + Number(tmp.manufacturerCount);
+                // console.log(number);
+                this.addHispotalForm.equipmentList[num].equipmentCount = number;
+                // if (
+                //   Number(this.addHispotalForm.equipmentList[num].equipmentCount) < number
+                // ) {
+
+                // } else {
+                //   if (index == tmplemp) tmp.manufacturerCount = value;
+                // }
+              } else {
+                if (index == tmplemp) {
+                  tmp.manufacturerCount = '';
+                  if (!this.addHispotalForm.equipmentList[num].equipmentName) {
+                    this.$message.warning('请先选择设备名称');
+                  } else if (!this.addHispotalForm.equipmentList[num].manufacturer) {
+                    this.$message.warning('请先选择厂家');
+                  }
+                }
+              }
+            });
+          }
+        } else {
+          if (name == 'manufacturerCount') {
+            let number = 0;
+            this.addHispotalForm.equipmentList[num].manufacturer.forEach((tmp, index) => {
+              if (this.addHispotalForm.equipmentList[num].equipmentName) {
+                number = number + Number(tmp.manufacturerCount);
+
+                this.addHispotalForm.equipmentList[num].equipmentCount = number;
+                // if (
+                //   Number(this.addHispotalForm.equipmentList[num].equipmentCount) < number
+                // ) {
+
+                // } else {
+                //   if (index == tmplemp) tmp.manufacturerCount = value;
+                // }
+              } else {
+                if (index == tmplemp) {
+                  tmp.manufacturerCount = '';
+                  if (!this.addHispotalForm.equipmentList[num].equipmentName) {
+                    this.$message.warning('请先选择设备名称');
+                  } else if (!this.addHispotalForm.equipmentList[num].manufacturer) {
+                    this.$message.warning('请先选择厂家');
+                  }
+                }
+              }
+            });
+          }
+        }
+        this.$forceUpdate();
+      });
+    },
+    // 自助机数量和单个数量change
+    inputMachineChange() {
+      this.addHispotalForm.machineCount = this.addHispotalForm.machineList.filter(
+        item => item.factory || item.ip || item.serialNumber || item.isuse
+      ).length;
+    },
+    // 自助机信息厂家数量增加或减少
+    hardwareManufacturerAdd(item, index) {
+      let list = [];
+      let list1 = [];
+      this.$refs.addHispotalForm.validateField(
+        [
+          `machineList.${index}.ip`,
+          `machineList.${index}.factory`,
+          `machineList.${index}.serialNumber`,
+          `machineList.${index}.isuse`,
+        ],
+        async errorMsg => {
+          console.log('errorMsg', list, errorMsg);
+
+          if (errorMsg != '') {
+            list.push(errorMsg);
+            // console.log(list);
+            if (list.length == 4 && list.every(item => item === '')) {
+            }
+          } else {
+            list1.push(errorMsg);
+          }
+          if (list1.length == 4) {
+            this.addHispotalForm.machineList.push({
+              factory: '',
+              ip: '',
+              serialNumber: '',
+              isuse: '',
+            });
+          }
+        }
+      );
+    },
+    hardwareManufacturerDel(item, index) {
+      this.addHispotalForm.machineList.splice(index, 1);
+      this.inputMachineChange();
+    },
+    hardwareManufacturerChange(item) {
+      if (item && item['factory']) {
+        this.requiredMachineInfo(item, 'ip');
+      }
+      this.inputMachineChange();
+    },
+  },
+
+  components: {
+    pagination,
+    codemirror,
+    DateRangePicker,
+  },
+  dicts: [
+    'ins_category',
+    'agency_hos_rank',
+    'running_status',
+    'can_connect',
+    'archive_status',
+    'equipment_status',
+    'connect_status',
+    'view_type',
+    'hosp_owner_type',
+    'equipment_manufactor',
+    'equipment_name',
+    'equipment_default_name',
+    'config_status',
+    'modality',
+    'pic_monitor_modality',
+    'machine_factory',
+  ],
+};
+</script>
+<style lang="scss">
+.costContent {
+  .el-form-item__content {
+    margin-left: 0 !important;
+  }
+}
+</style>
+<style lang="scss" scoped>
+.institutionSet {
+  ::v-deep .el-button.filter-item {
+    color: #1890ff;
+    border: 1px solid #1890ff;
+  }
+  ::v-deep.el-dialog__body {
+    padding: 5px 20px !important;
+  }
+  ::v-deep.el-dialog__footer {
+    padding: 10px;
+    padding-top: 10px;
+  }
+
+  ::v-deep.el-radio-group {
+    margin-bottom: 0 !important;
+  }
+  .form-inline-hospital {
+    position: relative;
+    background-color: #fff;
+    // z-index: 10;
+  }
+
+  .addHispotalDialog {
+    ::v-deep.el-dialog__body {
+      padding: 20px;
+      padding-bottom: 0;
+    }
+    .addHispotalStyle {
+      ::v-deep.el-form-item {
+        margin-bottom: 16px;
+      }
+      ::v-deep.basicInformation .el-input {
+        width: 230px;
+      }
+      .inputNumber {
+        display: flex;
+        padding: 10px 0;
+        span {
+          padding: 0px 5px;
+        }
+        ::v-deep .el-input {
+          width: 100px;
+        }
+        ::v-deep .el-input-number--small {
+          width: 100px;
+        }
+      }
+      .otherInputNumberStyle {
+        height: 70px;
+        padding: 0;
+        flex-wrap: wrap;
+      }
+      .addStyle {
+        font-size: 24px;
+        color: #1890ff;
+        cursor: pointer;
+        vertical-align: top;
+        margin-top: 4px;
+        margin-left: 5px;
+      }
+      .reduceStyle {
+        font-size: 24px;
+        color: #d92929;
+        cursor: pointer;
+        margin-left: 4px;
+        vertical-align: top;
+        margin-top: 5px;
+      }
+    }
+  }
+  .gatewayCounty {
+    ::v-deep.el-form-item {
+      margin-bottom: 0 !important;
+    }
+  }
+}
+.tabsInform {
+  ::v-deep.el-tabs__content {
+    height: 67vh;
+    overflow: auto;
+  }
+
+  .titleTip {
+    color: #111;
+    font-weight: bold;
+    padding: 10px;
+    position: relative;
+    font-size: 14px;
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0px;
+      display: inline-block;
+      width: 5px;
+      height: 16px;
+      background-color: #0089ff;
+    }
+  }
+}
+.deldeleteRed {
+  &.el-button--text {
+    color: #d92929;
+  }
+}
+</style>
+<style lang="scss" scoped>
+.warning {
+  height: 34px;
+  background-color: #fff7f3;
+  font-size: 13px;
+  line-height: 34px;
+  color: #ff7b35;
+  padding: 0 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .warning-icon {
+    color: #ff7b35;
+  }
+}
+</style>