ylyx-cli 1.0.14 → 1.0.16

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

@@ -1,534 +1,534 @@
-<template>
-  <div class="app-container">
-    <div class="cloudSet">
-      <div class="hosTitle">
-        <img :src="position" />
-        {{ this.currentDetail.hospitalName }}
-        <span @click="hisrecordFn"> 【历史记录】 </span>
-      </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>
-      <div class="uuidContainer tabContainer">
-        <div
-          @click="uuidTabFn(item, index)"
-          :class="uuidActive == index ? 'uuidTab' : 'uuidTabNarmal'"
-          v-for="(item, index) in hospInfo"
-          :key="index">
-          <div v-if="item.uuid">
-            <p>{{ item.address }}</p>
-          </div>
-          <div v-else>
-            <p>低版本程序</p>
-          </div>
-          <img v-if="uuidActive == index" :src="triAngel" />
-          <img v-else :src="triAngelNormal" />
-        </div>
-      </div>
-      <div class="tabContainer">
-        <div class="updateDetail">
-          <span>{{ currentXmlDetail.updateTime }} {{ currentXmlDetail.updateUser }}更新了配置</span>
-        </div>
-        <el-tabs v-model="codeActiveName" @tab-click="handleCodeTabClick">
-          <el-tab-pane label="公共配置" name="first">
-            <div>
-              <codemirror
-                style="height: calc(100vh - 370px)"
-                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: calc(100vh - 370px)"
-                ref="cm"
-                v-model="getWayXmlCode"
-                :options="cmOptions"
-                @input="xmlCodeChange"></codemirror>
-            </div>
-          </el-tab-pane>
-        </el-tabs>
-      </div>
-      <div class="submitBtn">
-        <el-popover placement="top" width="160" v-model="visible">
-          <p>确定要修改该配置吗？</p>
-          <div style="text-align: right; margin: 0">
-            <el-button size="mini" type="text" @click="visible = false">取消</el-button>
-            <el-button type="primary" size="mini" @click="setXmlCodeFn">确定</el-button>
-          </div>
-          <el-button type="primary" slot="reference">确定</el-button>
-        </el-popover>
-      </div>
-    </div>
-    <el-dialog
-      title="历史记录"
-      top="5vh"
-      :visible.sync="hisrecordDialogVisible"
-      width="900px"
-      :before-close="handleClose">
-      <div>
-        <el-form :inline="true" :model="query" class="form-inline-hospital" size="small">
-          <el-form-item>
-            <el-input
-              style="width: 140px"
-              v-model="query.address"
-              placeholder="IP及端口"></el-input>
-          </el-form-item>
-          <el-form-item>
-            <el-input
-              style="width: 140px"
-              v-model="query.updateUser"
-              placeholder="更新人"></el-input>
-          </el-form-item>
-          <el-form-item>
-            <el-form-item>
-              <el-select
-                v-model="query.updateType"
-                clearable
-                @change="crud.toQuery()"
-                style="width: 140px"
-                placeholder="更新类型">
-                <el-option
-                  v-for="item in dict.hosp_config_record"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value" />
-              </el-select>
-            </el-form-item>
-          </el-form-item>
-          <el-form-item>
-            <el-date-picker
-              style="width: 260px"
-              v-model="query.startDate"
-              type="daterange"
-              align="right"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              size="small"
-              value-format="yyyy-MM-dd"
-              :picker-options="pickerOptions">
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item>
-            <el-button @click="crud.toQuery" type="primary" plain 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>
-        <el-table :data="crud.data" height="500px" 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 == 'updateType'">
-                {{ hospConfigRecordStatus(scope.row.updateType) || omitData }}
-              </div>
-              <div v-else-if="item.prop == 'uuid'">
-                {{ scope.row.uuid || '低版本程序' }}
-              </div>
-              <div v-else>
-                {{ scope.row[item.prop] || omitData }}
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <!--分页组件-->
-        <pagination />
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="hisrecordDialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="hisrecordDialogVisible = false">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import pagination from '@crud/Pagination';
-import CRUD, { presenter, header, crud } from '@crud/crud';
-import { getHospInfo, hospitadlConfigUpdate } from '@/api/institutionSet/index';
-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 { mapGetters } from 'vuex';
-import position from '@/assets/images/position.png';
-import triAngel from '@/assets/images/triAngel.png';
-import triAngelNormal from '@/assets/images/triAngelNormal.png';
-import DateRangePicker from '@/components/DateRangePicker';
-import { getDay } from '@/utils/getTime';
-const start = getDay(-6) + ' 00:00:00';
-const end = getDay(0) + ' 23:59:59';
-
-export default {
-  name: 'cloudSet',
-  components: {
-    pagination,
-    codemirror,
-    DateRangePicker,
-  },
-  dicts: ['hosp_config_record'],
-  cruds() {
-    return CRUD({
-      title: '机构管理',
-      url: '/hospitadlConfig/getHistoryRecord',
-      sort: ['updateTime,desc'],
-      query: {
-        startDate: [start, end],
-      },
-    });
-  },
-  mixins: [presenter(), header(), crud()],
-  data() {
-    return {
-      cmOptions: {
-        // 语言及语法模式
-        mode: 'application/xml',
-        // 主题
-        theme: 'monokai',
-        // 显示函数
-        line: true,
-        lineNumbers: true,
-        // 软换行
-        lineWrapping: true,
-        // tab宽度
-        tabSize: 4,
-      },
-      codeActiveName: 'first',
-      cloudSetClose: false,
-      commonXmlcode: '',
-      getWayXmlCode: '',
-      xmlShow: false,
-      currentXmlDetail: {},
-      warningShow: true,
-      hospInfo: [],
-      position,
-      triAngel,
-      triAngelNormal,
-      uuidActive: 0,
-      visible: false,
-      hisrecordDialogVisible: false,
-      omitData: '-',
-      headerTable: [
-        { label: '更新时间', prop: 'updateTime', width: '150px' },
-        { label: 'UUID', prop: 'uuid', width: '150px' },
-        { label: 'IP端口', prop: 'address', width: '150px' },
-        { label: '更新人', prop: 'updateUser', width: '120px' },
-        { label: '类型', prop: 'updateType', width: '120px' },
-      ],
-    };
-  },
-  created() {
-    this.currentDetail = JSON.parse(sessionStorage.getItem('cloudSet'));
-    this.codeDialogOpen('first');
-    this.handleCodeTabClick();
-  },
-  computed: {
-    ...mapGetters(['user', 'cloutSetDetail']),
-  },
-  watch: {
-    cloutSetDetail: {
-      // 对对象进行深度监听
-      handler(val) {
-        this.currentDetail = val || JSON.parse(sessionStorage.getItem('cloudSet'));
-        this.codeDialogOpen('first');
-        this.handleCodeTabClick();
-      },
-      immediate: true,
-      deep: true,
-    },
-  },
-  methods: {
-    [CRUD.HOOK.beforeRefresh](crud) {
-      Object.keys(this.query).map(key => {
-        if (typeof this.query[key] == 'string') {
-          this.query[key] = this.query[key].trim();
-        }
-      });
-      crud.query = {
-        ...this.query,
-        startTime: this.query.startDate ? `${this.query.startDate[0]}` : undefined,
-        endTime: this.query.startDate ? `${this.query.startDate[1]}` : undefined,
-        hospitalId: this.currentDetail.scenceId,
-      };
-      return true;
-    },
-    // 是否云配置
-    hospConfigRecordStatus(state) {
-      return this.dict.label.hosp_config_record[state];
-    },
-    uuidTabFn(item, index) {
-      this.uuidActive = index;
-      const { commonConfig, config } = item.hospitalConfigInfo || {};
-      this.commonXmlcode = commonConfig || '';
-      this.getWayXmlCode = config || '';
-      this.currentXmlDetail = item || {};
-    },
-    resetQueryClick() {
-      Object.keys(this.query).forEach(key => {
-        this.query[key] = '';
-      });
-      ((this.query.startDate = [start, end]), this.crud.resetQuery());
-      this.crud.toQuery();
-    },
-    //打开历史检查
-    hisrecordFn() {
-      this.query.startDate = [start, end];
-      this.crud.toQuery();
-      this.hisrecordDialogVisible = true;
-    },
-    handleClose() {
-      this.hisrecordDialogVisible = false;
-    },
-    handleCodeTabClick(tab, event) {
-      this.xmlShow = false;
-      setTimeout(() => {
-        this.xmlShow = true;
-      }, 20);
-    },
-    //关闭提示
-    closeWarning() {
-      this.warningShow = false;
-    },
-    xmlCodeChange(content) {
-      this.$nextTick(() => {});
-    },
-    codeDialogOpen(val) {
-      this.codeActiveName = val;
-      let data = {
-        hospitalId: this.currentDetail.scenceId,
-      };
-      getHospInfo(data).then(res => {
-        console.log(res, 'res');
-        const { commonConfig, config } = res.content[this.uuidActive]
-          ? res.content[this.uuidActive].hospitalConfigInfo
-          : {};
-        this.commonXmlcode = commonConfig;
-        this.getWayXmlCode = config;
-        this.currentXmlDetail = res.content[this.uuidActive] || {};
-        this.hospInfo = res.content;
-        this.handleCodeTabClick();
-      });
-    },
-    setXmlCodeFn() {
-      console.log(this.currentXmlDetail, 'this.currentXmlDetail');
-      const { hospitalId } = this.currentXmlDetail.hospitalConfigInfo;
-      const { updateUser, updateTime, uuid } = this.currentXmlDetail;
-      let data = {
-        hospitalId,
-        updateUser,
-        updateTime,
-        uuid,
-      };
-      if (this.codeActiveName == 'first') {
-        data.commonConfig = this.commonXmlcode || '';
-      }
-      if (this.codeActiveName == 'second') {
-        data.config = this.getWayXmlCode || '';
-      }
-      hospitadlConfigUpdate(data)
-        .then(res => {
-          this.visible = false;
-          this.$message.success('修改成功！');
-          this.cloudSetVisible = false;
-          this.codeDialogOpen(this.codeActiveName);
-        })
-        .catch(err => {
-          this.$message.error(err.message);
-        });
-    },
-  },
-};
-</script>
-<style>
-.cm-s-monokai.CodeMirror {
-  height: calc(100vh - 380px);
-}
-</style>
-<style scoped lang="scss">
-.cloudSet {
-  background-color: #fff;
-  ::-webkit-scrollbar {
-    /*滚动条整体样式*/
-    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
-    height: 10px;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    /*滚动条里面小方块*/
-    width: 30px;
-    background-color: #d8d9d9bf;
-    border: 2px solid transparent;
-    border-radius: 9px;
-    margin: 0 50px;
-    background-clip: content-Box;
-  }
-
-  ::-webkit-scrollbar-track {
-    /*滚动条里面轨道*/
-    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
-    border-radius: 0;
-    background: rgb(239 239 239 / 10%);
-  }
-  .inputDefault {
-    width: 140px;
-  }
-
-  .hosTitle {
-    height: 36px;
-    line-height: 27px;
-    border-bottom: 1px solid #dcdfe6;
-    font-size: 14px;
-    font-family:
-      PingFangSC-Regular,
-      PingFang SC;
-    font-weight: 400;
-    color: #000000;
-    display: flex;
-    align-items: center;
-
-    img {
-      height: 16px;
-      width: 12px;
-      margin-right: 8px;
-    }
-    span::before {
-      content: '';
-      position: absolute;
-      height: 1px;
-      width: 84px;
-      bottom: 5px;
-      color: #0090ff;
-      background-color: #0090ff;
-    }
-    span {
-      display: inline-block;
-      width: 84px;
-      margin-left: 12px;
-      position: relative;
-
-      color: #0090ff;
-    }
-  }
-
-  .submitBtn {
-    display: flex;
-    justify-content: flex-end;
-    position: fixed;
-    bottom: 10px;
-    right: 8px;
-    padding: 10px;
-    z-index: 99;
-  }
-
-  .uuidContainer {
-    display: flex;
-    overflow-x: auto;
-    overflow-y: hidden;
-    .uuidTabNarmal {
-      display: flex;
-      min-width: 179px;
-      padding: 0 20px;
-      height: 49px;
-      border: 1px solid #dcdfe6;
-      border-radius: 2px;
-      margin: 12px 8px 10px 0;
-      text-align: center;
-      padding: 6px;
-      color: #dcdfe6;
-      position: relative;
-      align-items: center;
-      justify-content: center;
-
-      img {
-        position: absolute;
-        height: 7px;
-        width: 7px;
-        right: 2px;
-        bottom: 2px;
-      }
-    }
-
-    .uuidTab {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      min-width: 179px;
-      padding: 0 20px;
-      height: 49px;
-      border: 1px solid #0090ff;
-      border-radius: 2px;
-      margin: 12px 8px 10px 0;
-      text-align: center;
-      padding: 6px;
-      color: #0090ff;
-      position: relative;
-
-      img {
-        position: absolute;
-        height: 7px;
-        width: 7px;
-        right: 2px;
-        bottom: 2px;
-      }
-    }
-  }
-}
-
-.tabContainer {
-  position: relative;
-
-  .updateDetail {
-    position: absolute;
-    right: 8px;
-    top: 12px;
-    font-size: 14px;
-    font-family:
-      PingFangSC-Regular,
-      PingFang SC;
-    font-weight: 400;
-    color: #111111;
-  }
-}
-
-.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;
-  margin-top: 12px;
-
-  .warning-icon {
-    color: #ff7b35;
-  }
-}
-</style>
+<template>
+  <div class="app-container">
+    <div class="cloudSet">
+      <div class="hosTitle">
+        <img :src="position" />
+        {{ this.currentDetail.hospitalName }}
+        <span @click="hisrecordFn"> 【历史记录】 </span>
+      </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>
+      <div class="uuidContainer tabContainer">
+        <div
+          @click="uuidTabFn(item, index)"
+          :class="uuidActive == index ? 'uuidTab' : 'uuidTabNarmal'"
+          v-for="(item, index) in hospInfo"
+          :key="index">
+          <div v-if="item.uuid">
+            <p>{{ item.address }}</p>
+          </div>
+          <div v-else>
+            <p>低版本程序</p>
+          </div>
+          <img v-if="uuidActive == index" :src="triAngel" />
+          <img v-else :src="triAngelNormal" />
+        </div>
+      </div>
+      <div class="tabContainer">
+        <div class="updateDetail">
+          <span>{{ currentXmlDetail.updateTime }} {{ currentXmlDetail.updateUser }}更新了配置</span>
+        </div>
+        <el-tabs v-model="codeActiveName" @tab-click="handleCodeTabClick">
+          <el-tab-pane label="公共配置" name="first">
+            <div>
+              <codemirror
+                style="height: calc(100vh - 370px)"
+                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: calc(100vh - 370px)"
+                ref="cm"
+                v-model="getWayXmlCode"
+                :options="cmOptions"
+                @input="xmlCodeChange"></codemirror>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+      <div class="submitBtn">
+        <el-popover placement="top" width="160" v-model="visible">
+          <p>确定要修改该配置吗？</p>
+          <div style="text-align: right; margin: 0">
+            <el-button size="mini" type="text" @click="visible = false">取消</el-button>
+            <el-button type="primary" size="mini" @click="setXmlCodeFn">确定</el-button>
+          </div>
+          <el-button type="primary" slot="reference">确定</el-button>
+        </el-popover>
+      </div>
+    </div>
+    <el-dialog
+      title="历史记录"
+      top="5vh"
+      :visible.sync="hisrecordDialogVisible"
+      width="900px"
+      :before-close="handleClose">
+      <div>
+        <el-form :inline="true" :model="query" class="form-inline-hospital" size="small">
+          <el-form-item>
+            <el-input
+              style="width: 140px"
+              v-model="query.address"
+              placeholder="IP及端口"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              style="width: 140px"
+              v-model="query.updateUser"
+              placeholder="更新人"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-form-item>
+              <el-select
+                v-model="query.updateType"
+                clearable
+                @change="crud.toQuery()"
+                style="width: 140px"
+                placeholder="更新类型">
+                <el-option
+                  v-for="item in dict.hosp_config_record"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-form-item>
+          <el-form-item>
+            <el-date-picker
+              style="width: 260px"
+              v-model="query.startDate"
+              type="daterange"
+              align="right"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              size="small"
+              value-format="yyyy-MM-dd"
+              :picker-options="pickerOptions">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="crud.toQuery" type="primary" plain 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>
+        <el-table :data="crud.data" height="500px" 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 == 'updateType'">
+                {{ hospConfigRecordStatus(scope.row.updateType) || omitData }}
+              </div>
+              <div v-else-if="item.prop == 'uuid'">
+                {{ scope.row.uuid || '低版本程序' }}
+              </div>
+              <div v-else>
+                {{ scope.row[item.prop] || omitData }}
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!--分页组件-->
+        <pagination />
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="hisrecordDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="hisrecordDialogVisible = false">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import pagination from '@crud/Pagination';
+import CRUD, { presenter, header, crud } from '@crud/crud';
+import { getHospInfo, hospitadlConfigUpdate } from '@/api/institutionSet/index';
+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 { mapGetters } from 'vuex';
+import position from '@/assets/images/position.png';
+import triAngel from '@/assets/images/triAngel.png';
+import triAngelNormal from '@/assets/images/triAngelNormal.png';
+import DateRangePicker from '@/components/DateRangePicker';
+import { getDay } from '@/utils/getTime';
+const start = getDay(-6) + ' 00:00:00';
+const end = getDay(0) + ' 23:59:59';
+
+export default {
+  name: 'cloudSet',
+  components: {
+    pagination,
+    codemirror,
+    DateRangePicker,
+  },
+  dicts: ['hosp_config_record'],
+  cruds() {
+    return CRUD({
+      title: '机构管理',
+      url: '/hospitadlConfig/getHistoryRecord',
+      sort: ['updateTime,desc'],
+      query: {
+        startDate: [start, end],
+      },
+    });
+  },
+  mixins: [presenter(), header(), crud()],
+  data() {
+    return {
+      cmOptions: {
+        // 语言及语法模式
+        mode: 'application/xml',
+        // 主题
+        theme: 'monokai',
+        // 显示函数
+        line: true,
+        lineNumbers: true,
+        // 软换行
+        lineWrapping: true,
+        // tab宽度
+        tabSize: 4,
+      },
+      codeActiveName: 'first',
+      cloudSetClose: false,
+      commonXmlcode: '',
+      getWayXmlCode: '',
+      xmlShow: false,
+      currentXmlDetail: {},
+      warningShow: true,
+      hospInfo: [],
+      position,
+      triAngel,
+      triAngelNormal,
+      uuidActive: 0,
+      visible: false,
+      hisrecordDialogVisible: false,
+      omitData: '-',
+      headerTable: [
+        { label: '更新时间', prop: 'updateTime', width: '150px' },
+        { label: 'UUID', prop: 'uuid', width: '150px' },
+        { label: 'IP端口', prop: 'address', width: '150px' },
+        { label: '更新人', prop: 'updateUser', width: '120px' },
+        { label: '类型', prop: 'updateType', width: '120px' },
+      ],
+    };
+  },
+  created() {
+    this.currentDetail = JSON.parse(sessionStorage.getItem('cloudSet'));
+    this.codeDialogOpen('first');
+    this.handleCodeTabClick();
+  },
+  computed: {
+    ...mapGetters(['user', 'cloutSetDetail']),
+  },
+  watch: {
+    cloutSetDetail: {
+      // 对对象进行深度监听
+      handler(val) {
+        this.currentDetail = val || JSON.parse(sessionStorage.getItem('cloudSet'));
+        this.codeDialogOpen('first');
+        this.handleCodeTabClick();
+      },
+      immediate: true,
+      deep: true,
+    },
+  },
+  methods: {
+    [CRUD.HOOK.beforeRefresh](crud) {
+      Object.keys(this.query).map(key => {
+        if (typeof this.query[key] == 'string') {
+          this.query[key] = this.query[key].trim();
+        }
+      });
+      crud.query = {
+        ...this.query,
+        startTime: this.query.startDate ? `${this.query.startDate[0]}` : undefined,
+        endTime: this.query.startDate ? `${this.query.startDate[1]}` : undefined,
+        hospitalId: this.currentDetail.scenceId,
+      };
+      return true;
+    },
+    // 是否云配置
+    hospConfigRecordStatus(state) {
+      return this.dict.label.hosp_config_record[state];
+    },
+    uuidTabFn(item, index) {
+      this.uuidActive = index;
+      const { commonConfig, config } = item.hospitalConfigInfo || {};
+      this.commonXmlcode = commonConfig || '';
+      this.getWayXmlCode = config || '';
+      this.currentXmlDetail = item || {};
+    },
+    resetQueryClick() {
+      Object.keys(this.query).forEach(key => {
+        this.query[key] = '';
+      });
+      ((this.query.startDate = [start, end]), this.crud.resetQuery());
+      this.crud.toQuery();
+    },
+    //打开历史检查
+    hisrecordFn() {
+      this.query.startDate = [start, end];
+      this.crud.toQuery();
+      this.hisrecordDialogVisible = true;
+    },
+    handleClose() {
+      this.hisrecordDialogVisible = false;
+    },
+    handleCodeTabClick(tab, event) {
+      this.xmlShow = false;
+      setTimeout(() => {
+        this.xmlShow = true;
+      }, 20);
+    },
+    //关闭提示
+    closeWarning() {
+      this.warningShow = false;
+    },
+    xmlCodeChange(content) {
+      this.$nextTick(() => {});
+    },
+    codeDialogOpen(val) {
+      this.codeActiveName = val;
+      let data = {
+        hospitalId: this.currentDetail.scenceId,
+      };
+      getHospInfo(data).then(res => {
+        console.log(res, 'res');
+        const { commonConfig, config } = res.content[this.uuidActive]
+          ? res.content[this.uuidActive].hospitalConfigInfo
+          : {};
+        this.commonXmlcode = commonConfig;
+        this.getWayXmlCode = config;
+        this.currentXmlDetail = res.content[this.uuidActive] || {};
+        this.hospInfo = res.content;
+        this.handleCodeTabClick();
+      });
+    },
+    setXmlCodeFn() {
+      console.log(this.currentXmlDetail, 'this.currentXmlDetail');
+      const { hospitalId } = this.currentXmlDetail.hospitalConfigInfo;
+      const { updateUser, updateTime, uuid } = this.currentXmlDetail;
+      let data = {
+        hospitalId,
+        updateUser,
+        updateTime,
+        uuid,
+      };
+      if (this.codeActiveName == 'first') {
+        data.commonConfig = this.commonXmlcode || '';
+      }
+      if (this.codeActiveName == 'second') {
+        data.config = this.getWayXmlCode || '';
+      }
+      hospitadlConfigUpdate(data)
+        .then(res => {
+          this.visible = false;
+          this.$message.success('修改成功！');
+          this.cloudSetVisible = false;
+          this.codeDialogOpen(this.codeActiveName);
+        })
+        .catch(err => {
+          this.$message.error(err.message);
+        });
+    },
+  },
+};
+</script>
+<style>
+.cm-s-monokai.CodeMirror {
+  height: calc(100vh - 380px);
+}
+</style>
+<style scoped lang="scss">
+.cloudSet {
+  background-color: #fff;
+  ::-webkit-scrollbar {
+    /*滚动条整体样式*/
+    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+    height: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    /*滚动条里面小方块*/
+    width: 30px;
+    background-color: #d8d9d9bf;
+    border: 2px solid transparent;
+    border-radius: 9px;
+    margin: 0 50px;
+    background-clip: content-Box;
+  }
+
+  ::-webkit-scrollbar-track {
+    /*滚动条里面轨道*/
+    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
+    border-radius: 0;
+    background: rgb(239 239 239 / 10%);
+  }
+  .inputDefault {
+    width: 140px;
+  }
+
+  .hosTitle {
+    height: 36px;
+    line-height: 27px;
+    border-bottom: 1px solid #dcdfe6;
+    font-size: 14px;
+    font-family:
+      PingFangSC-Regular,
+      PingFang SC;
+    font-weight: 400;
+    color: #000000;
+    display: flex;
+    align-items: center;
+
+    img {
+      height: 16px;
+      width: 12px;
+      margin-right: 8px;
+    }
+    span::before {
+      content: '';
+      position: absolute;
+      height: 1px;
+      width: 84px;
+      bottom: 5px;
+      color: #0090ff;
+      background-color: #0090ff;
+    }
+    span {
+      display: inline-block;
+      width: 84px;
+      margin-left: 12px;
+      position: relative;
+
+      color: #0090ff;
+    }
+  }
+
+  .submitBtn {
+    display: flex;
+    justify-content: flex-end;
+    position: fixed;
+    bottom: 10px;
+    right: 8px;
+    padding: 10px;
+    z-index: 99;
+  }
+
+  .uuidContainer {
+    display: flex;
+    overflow-x: auto;
+    overflow-y: hidden;
+    .uuidTabNarmal {
+      display: flex;
+      min-width: 179px;
+      padding: 0 20px;
+      height: 49px;
+      border: 1px solid #dcdfe6;
+      border-radius: 2px;
+      margin: 12px 8px 10px 0;
+      text-align: center;
+      padding: 6px;
+      color: #dcdfe6;
+      position: relative;
+      align-items: center;
+      justify-content: center;
+
+      img {
+        position: absolute;
+        height: 7px;
+        width: 7px;
+        right: 2px;
+        bottom: 2px;
+      }
+    }
+
+    .uuidTab {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 179px;
+      padding: 0 20px;
+      height: 49px;
+      border: 1px solid #0090ff;
+      border-radius: 2px;
+      margin: 12px 8px 10px 0;
+      text-align: center;
+      padding: 6px;
+      color: #0090ff;
+      position: relative;
+
+      img {
+        position: absolute;
+        height: 7px;
+        width: 7px;
+        right: 2px;
+        bottom: 2px;
+      }
+    }
+  }
+}
+
+.tabContainer {
+  position: relative;
+
+  .updateDetail {
+    position: absolute;
+    right: 8px;
+    top: 12px;
+    font-size: 14px;
+    font-family:
+      PingFangSC-Regular,
+      PingFang SC;
+    font-weight: 400;
+    color: #111111;
+  }
+}
+
+.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;
+  margin-top: 12px;
+
+  .warning-icon {
+    color: #ff7b35;
+  }
+}
+</style>