ylyx-cli 1.0.15 → 1.0.16

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

@@ -1,422 +1,422 @@
-<template>
-  <div class="app-container">
-    <el-form :inline="true" :model="query" class="form-inline-hospital" size="small">
-      <el-form-item>
-        <el-input
-          style="width: 160px"
-          @change="crud.toQuery"
-          clearable
-          v-model="query.id"
-          placeholder="urlKey"
-          type="number"></el-input>
-      </el-form-item>
-      <!-- <el-form-item>
-        <el-input
-          style="width: 160px"
-          @change="crud.toQuery"
-          clearable
-          v-model="query.transferUrl"
-          placeholder="传图地址"
-        ></el-input>
-      </el-form-item> -->
-      <el-form-item>
-        <el-input
-          style="width: 160px"
-          @change="crud.toQuery"
-          clearable
-          v-model="query.ohifContextPath"
-          placeholder="IUVIEWER项目名"></el-input>
-      </el-form-item>
-      <!-- <el-form-item>
-        <el-select
-          @change="crud.toQuery"
-          v-model="query.status"
-          filterable
-          clearable
-          placeholder="传图方式"
-        >
-          <el-option
-            v-for="item in dict.transfer_type"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-select
-          @change="crud.toQuery"
-          v-model="query.type"
-          filterable
-          clearable
-          placeholder="类型"
-        >
-          <el-option
-            v-for="item in typeList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-          </el-option>
-        </el-select>
-      </el-form-item>-->
-      <el-form-item>
-        <el-input
-          style="width: 160px"
-          @change="crud.toQuery"
-          clearable
-          v-model="query.remarks"
-          placeholder="备注"></el-input>
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="crud.toQuery" class="filter-item" size="small">查询</el-button>
-
-        <el-button
-          @click="crud.resetQuery()"
-          class="filter-item"
-          size="small"
-          style="margin-left: 5px"
-          >重置</el-button
-        >
-
-        <el-button @click="crud.toAdd" class="filter-item" size="small" style="margin-left: 5px"
-          >新增索引配置</el-button
-        >
-      </el-form-item>
-    </el-form>
-    <el-table :data="crud.data" v-loading="crud.loading">
-      <el-table-column label="序号" width="65px" fixed :show-overflow-tooltip="true">
-        <template slot-scope="scope">
-          <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
-        </template>
-      </el-table-column>
-      <!-- :show-overflow-tooltip="true" -->
-      <el-table-column
-        v-for="(item, index) in checkTable"
-        :key="index"
-        :label="item.label"
-        :prop="item.prop"
-        :min-width="item.width">
-        <!-- 数据的遍历  scope.row就代表数据的每一个对象-->
-        <template slot-scope="scope">
-          <span v-if="item.prop == 'status'">
-            {{ dict.label.transfer_type[scope.row.status] || '-' }}
-          </span>
-          <span v-else>
-            {{ scope.row[item.prop] || '-' }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" width="70px" fixed="right" :show-overflow-tooltip="true">
-        <template slot-scope="scope">
-          <el-button style="padding-right: 8px" @click="crud.toEdit(scope.row)" type="text"
-            >修改</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination />
-    <el-dialog
-      :title="crud.status.title"
-      :visible.sync="crud.status.cu > 0"
-      :before-close="crud.cancelCU"
-      :close-on-click-modal="false"
-      top="5vh"
-      width="500px">
-      <span style="display: inline-block; max-height: 70vh; overflow: auto; width: 100%">
-        <el-form
-          align="right"
-          :model="form"
-          :rules="rules"
-          size="small"
-          ref="form"
-          label-width="170px"
-          style="padding: 0 20px 0 10px">
-          <!-- <el-form-item label="传图方式" prop="status">
-            <el-select
-              v-model="form.status"
-              placeholder="请选择传图方式"
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in dict.transfer_type"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="传图接口地址" prop="transferUrl">
-            <el-input
-              v-model="form.transferUrl"
-              placeholder="请输入传图接口地址"
-            ></el-input>
-          </el-form-item> -->
-          <el-form-item label="IUVIEWER公网IP" prop="publicOhifIp">
-            <el-input v-model="form.publicOhifIp" placeholder="请输入IUVIEWER公网IP"></el-input>
-          </el-form-item>
-          <el-form-item label="IUVIEWER公网端口">
-            <el-input v-model="form.publicOhifPort" placeholder="请输入IUVIEWER公网端口"></el-input>
-          </el-form-item>
-          <el-form-item label="IUVIEWER内网IP" prop="innerOhifIp">
-            <el-input v-model="form.innerOhifIp" placeholder="请输入IUVIEWER内网IP"></el-input>
-          </el-form-item>
-          <el-form-item label="IUVIEWER内网端口" prop="innerOhifPort">
-            <el-input v-model="form.innerOhifPort" placeholder="请输入IUVIEWER内网端口"></el-input>
-          </el-form-item>
-          <el-form-item label="机构内网IP" prop="browseIp">
-            <el-input v-model="form.browseIp" placeholder="请输入机构内网IP"></el-input>
-          </el-form-item>
-          <el-form-item label="IUVIEWER项目名" prop="ohifContextPath">
-            <el-input v-model="form.ohifContextPath" placeholder="请输入IUVIEWER项目名"></el-input>
-          </el-form-item>
-          <el-form-item label="wadoForHos项目名" prop="wadoContextPath">
-            <el-input
-              v-model="form.wadoContextPath"
-              placeholder="请输入wadoForHos项目名"></el-input>
-          </el-form-item>
-          <el-form-item label="刷新缓存地址" prop="refreshMetadataPath">
-            <el-input
-              v-model="form.refreshMetadataPath"
-              placeholder="请输入刷新缓存地址"></el-input>
-          </el-form-item>
-          <el-form-item label="客户端项目名">
-            <el-input v-model="form.wyhtNoticePath" placeholder="请输入客户端项目名"></el-input>
-          </el-form-item>
-          <el-form-item label="院端统一认证appId">
-            <el-input v-model="form.appId" placeholder="请输入院端统一认证appId"></el-input>
-          </el-form-item>
-          <el-form-item label="院端统一认证appSecret">
-            <el-input v-model="form.appSecret" placeholder="请输入院端统一认证appSecret"></el-input>
-          </el-form-item>
-          <el-form-item label="地市云监测项目名">
-            <el-input
-              v-model="form.cloudMonitorProjectName"
-              placeholder="地市云监测项目名"></el-input>
-          </el-form-item>
-          <el-form-item label="备注">
-            <el-input
-              v-model="form.remarks"
-              placeholder="请输入备注"
-              type="textarea"
-              :autosize="{ minRows: 2, maxRows: 6 }"></el-input>
-          </el-form-item>
-        </el-form>
-      </span>
-      <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="crud.cancelCU">取 消</el-button>
-        <el-button size="small" @click="submit('form')" type="primary">提 交</el-button>
-      </span>
-    </el-dialog>
-    <!-- <WaterMark :waterMarkProp="waterMarkProp" /> -->
-  </div>
-</template>
-<script>
-import { mapGetters } from 'vuex';
-import pagination from '@crud/Pagination';
-import CRUD, { crud, form, header, presenter } from '@crud/crud';
-const defaultForm = {};
-import WaterMark from '@/components/WaterMark/waterMark';
-import getHospIndexPage from '@/api/indexManagement/index';
-export default {
-  name: 'indexConfig',
-  components: {
-    pagination,
-    WaterMark,
-  },
-  dicts: ['transfer_type'],
-  mixins: [presenter(), header(), form(defaultForm), crud()],
-  cruds() {
-    return CRUD({
-      title: '索引配置',
-      url: '/hospIdnex/getHospIndexPage',
-      crudMethod: { ...getHospIndexPage },
-      query: {},
-      sort: [],
-    });
-  },
-  computed: {
-    ...mapGetters(['user']),
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.waterMarkProp.text = this.user.name;
-    });
-  },
-  data() {
-    return {
-      waterMarkProp: {
-        zIndex: 1,
-        devicePixelRatio: 2,
-        text: '',
-        showTime: true,
-      },
-      figureWayOption: [],
-      checkTable: [
-        { label: 'urlKey', prop: 'id', width: '' },
-        // { label: "传图地址", prop: "transferUrl", width: "200px" },
-        // { label: "传图方式", prop: "status", width: "130px" },
-        { label: 'IUVIEWER公网IP', prop: 'publicOhifIp', width: '180px' },
-        { label: 'IUVIEWER公网端口', prop: 'publicOhifPort', width: '150px' },
-        { label: 'IUVIEWER内网IP', prop: 'innerOhifIp', width: '180px' },
-        { label: 'IUVIEWER内网端口', prop: 'innerOhifPort', width: '150px' },
-        { label: '机构内网IP', prop: 'browseIp', width: '150px' },
-        { label: 'IUVIEWER项目名', prop: 'ohifContextPath', width: '180px' },
-        { label: 'wadoForHos项目名', prop: 'wadoContextPath', width: '160px' },
-        { label: '刷新缓存地址', prop: 'refreshMetadataPath', width: '140px' },
-        { label: '更新时间', prop: 'updateTime', width: '160px' },
-        { label: '地市云监测项目名', prop: 'cloudMonitorProjectName', width: '160px' },
-        { label: '备注', prop: 'remarks', width: '180px' },
-      ],
-      rules: {
-        // status: [
-        //   { required: true, message: "请选择传图方式", trigger: ["blur", "change"] },
-        // ],
-        // transferUrl: [
-        //   { required: true, message: "请输入传图接口地址", trigger: ["blur", "change"] },
-        // ],
-        publicOhifIp: [
-          {
-            required: true,
-            message: '请输入IUVIEWER公网IP',
-            trigger: ['blur', 'change'],
-          },
-        ],
-        publicOhifPort: [
-          {
-            required: true,
-            message: '请输入IUVIEWER公网端口',
-            trigger: ['blur', 'change'],
-          },
-        ],
-        innerOhifIp: [
-          {
-            required: true,
-            message: '请输入IUVIEWER内网IP',
-            trigger: ['blur', 'change'],
-          },
-        ],
-        innerOhifPort: [
-          {
-            required: true,
-            message: '请输入IUVIEWER内网端口',
-            trigger: ['blur', 'change'],
-          },
-        ],
-        browseIp: [{ required: true, message: '请输入机构内网IP', trigger: ['blur', 'change'] }],
-        ohifContextPath: [
-          {
-            required: true,
-            message: '请输入IUVIEWER项目名',
-            trigger: ['blur', 'change'],
-          },
-        ],
-        wadoContextPath: [
-          {
-            required: true,
-            message: '请输入wadoForHos项目名',
-            trigger: ['blur', 'change'],
-          },
-        ],
-        refreshMetadataPath: [
-          { required: true, message: '请输入刷新缓存地址', trigger: ['blur', 'change'] },
-        ],
-      },
-      typeList: [
-        {
-          label: 'IUVIEWER',
-          value: 'IUVIEWER',
-        },
-        {
-          label: '其它',
-          value: '其它',
-        },
-      ],
-    };
-  },
-  methods: {
-    submit(formName) {
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          this.submitFunc();
-          return;
-          // V1.6.2 版本 新增 允许各urlkey之间的 IUVIEWER项目名、wadoForHos项目名 允许重复
-          getHospIndexPage
-            .checkDuplicate(this.form)
-            .then(res => {
-              console.log('res', res);
-              console.log(!res.datas.ohiFlag && !res.datas.wadFlag);
-              if (!res.datas.ohiFlag && !res.datas.wadFlag) {
-                this.submitFunc();
-              } else if (res.datas.ohiFlag && !res.datas.wadFlag) {
-                this.$message.error('IUVIEWER项目名不可以重复');
-              } else if (!res.datas.ohiFlag && res.datas.wadFlag) {
-                this.$message.error('wadoForHos项目名不可以重复');
-              } else {
-                this.$message.error('IUVIEWER项目名、wadoForHos项目名不可以重复');
-              }
-            })
-            .catch(err => {
-              this.$message.error('操作异常，请重新操作');
-              this.crud.cancelCU();
-            });
-        } else {
-          return false;
-        }
-      });
-    },
-    submitFunc() {
-      getHospIndexPage
-        .insertOrUpdateIndex(this.form)
-        .then(res => {
-          if (res) {
-            if (this.form.id) {
-              this.$message.success('修改成功');
-              this.crud.refresh();
-            } else {
-              this.$message.success('新增成功');
-              this.crud.toQuery();
-            }
-          } else {
-            this.$message.error('操作异常，请重新操作');
-          }
-          this.crud.cancelCU();
-        })
-        .catch(err => {
-          this.$message.error('操作异常，请重新操作');
-          this.crud.cancelCU();
-        });
-    },
-    [CRUD.HOOK.afterToAdd](crud) {
-      this.$nextTick(() => {
-        Object.keys(this.form).map(key => {
-          this.form[key] = '';
-        });
-        setTimeout(() => {
-          this.$refs.form.clearValidate();
-        }, 50);
-      });
-    },
-    [CRUD.HOOK.beforeEditCancel](crud) {
-      this.$nextTick(() => {
-        Object.keys(this.form).map(key => {
-          this.form[key] = '';
-        });
-      });
-    },
-  },
-};
-</script>
-<style scoped lang="scss">
-.form-inline-hospital {
-  position: relative;
-  background-color: #fff;
-  // z-index: 10;
-  ::v-deep .el-button.filter-item {
-    color: #1890ff;
-    border: 1px solid #1890ff;
-  }
-}
-</style>
+<template>
+  <div class="app-container">
+    <el-form :inline="true" :model="query" class="form-inline-hospital" size="small">
+      <el-form-item>
+        <el-input
+          style="width: 160px"
+          @change="crud.toQuery"
+          clearable
+          v-model="query.id"
+          placeholder="urlKey"
+          type="number"></el-input>
+      </el-form-item>
+      <!-- <el-form-item>
+        <el-input
+          style="width: 160px"
+          @change="crud.toQuery"
+          clearable
+          v-model="query.transferUrl"
+          placeholder="传图地址"
+        ></el-input>
+      </el-form-item> -->
+      <el-form-item>
+        <el-input
+          style="width: 160px"
+          @change="crud.toQuery"
+          clearable
+          v-model="query.ohifContextPath"
+          placeholder="IUVIEWER项目名"></el-input>
+      </el-form-item>
+      <!-- <el-form-item>
+        <el-select
+          @change="crud.toQuery"
+          v-model="query.status"
+          filterable
+          clearable
+          placeholder="传图方式"
+        >
+          <el-option
+            v-for="item in dict.transfer_type"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          @change="crud.toQuery"
+          v-model="query.type"
+          filterable
+          clearable
+          placeholder="类型"
+        >
+          <el-option
+            v-for="item in typeList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>-->
+      <el-form-item>
+        <el-input
+          style="width: 160px"
+          @change="crud.toQuery"
+          clearable
+          v-model="query.remarks"
+          placeholder="备注"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="crud.toQuery" class="filter-item" size="small">查询</el-button>
+
+        <el-button
+          @click="crud.resetQuery()"
+          class="filter-item"
+          size="small"
+          style="margin-left: 5px"
+          >重置</el-button
+        >
+
+        <el-button @click="crud.toAdd" class="filter-item" size="small" style="margin-left: 5px"
+          >新增索引配置</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <el-table :data="crud.data" v-loading="crud.loading">
+      <el-table-column label="序号" width="65px" fixed :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+          <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <!-- :show-overflow-tooltip="true" -->
+      <el-table-column
+        v-for="(item, index) in checkTable"
+        :key="index"
+        :label="item.label"
+        :prop="item.prop"
+        :min-width="item.width">
+        <!-- 数据的遍历  scope.row就代表数据的每一个对象-->
+        <template slot-scope="scope">
+          <span v-if="item.prop == 'status'">
+            {{ dict.label.transfer_type[scope.row.status] || '-' }}
+          </span>
+          <span v-else>
+            {{ scope.row[item.prop] || '-' }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="70px" fixed="right" :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+          <el-button style="padding-right: 8px" @click="crud.toEdit(scope.row)" type="text"
+            >修改</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination />
+    <el-dialog
+      :title="crud.status.title"
+      :visible.sync="crud.status.cu > 0"
+      :before-close="crud.cancelCU"
+      :close-on-click-modal="false"
+      top="5vh"
+      width="500px">
+      <span style="display: inline-block; max-height: 70vh; overflow: auto; width: 100%">
+        <el-form
+          align="right"
+          :model="form"
+          :rules="rules"
+          size="small"
+          ref="form"
+          label-width="170px"
+          style="padding: 0 20px 0 10px">
+          <!-- <el-form-item label="传图方式" prop="status">
+            <el-select
+              v-model="form.status"
+              placeholder="请选择传图方式"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in dict.transfer_type"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="传图接口地址" prop="transferUrl">
+            <el-input
+              v-model="form.transferUrl"
+              placeholder="请输入传图接口地址"
+            ></el-input>
+          </el-form-item> -->
+          <el-form-item label="IUVIEWER公网IP" prop="publicOhifIp">
+            <el-input v-model="form.publicOhifIp" placeholder="请输入IUVIEWER公网IP"></el-input>
+          </el-form-item>
+          <el-form-item label="IUVIEWER公网端口">
+            <el-input v-model="form.publicOhifPort" placeholder="请输入IUVIEWER公网端口"></el-input>
+          </el-form-item>
+          <el-form-item label="IUVIEWER内网IP" prop="innerOhifIp">
+            <el-input v-model="form.innerOhifIp" placeholder="请输入IUVIEWER内网IP"></el-input>
+          </el-form-item>
+          <el-form-item label="IUVIEWER内网端口" prop="innerOhifPort">
+            <el-input v-model="form.innerOhifPort" placeholder="请输入IUVIEWER内网端口"></el-input>
+          </el-form-item>
+          <el-form-item label="机构内网IP" prop="browseIp">
+            <el-input v-model="form.browseIp" placeholder="请输入机构内网IP"></el-input>
+          </el-form-item>
+          <el-form-item label="IUVIEWER项目名" prop="ohifContextPath">
+            <el-input v-model="form.ohifContextPath" placeholder="请输入IUVIEWER项目名"></el-input>
+          </el-form-item>
+          <el-form-item label="wadoForHos项目名" prop="wadoContextPath">
+            <el-input
+              v-model="form.wadoContextPath"
+              placeholder="请输入wadoForHos项目名"></el-input>
+          </el-form-item>
+          <el-form-item label="刷新缓存地址" prop="refreshMetadataPath">
+            <el-input
+              v-model="form.refreshMetadataPath"
+              placeholder="请输入刷新缓存地址"></el-input>
+          </el-form-item>
+          <el-form-item label="客户端项目名">
+            <el-input v-model="form.wyhtNoticePath" placeholder="请输入客户端项目名"></el-input>
+          </el-form-item>
+          <el-form-item label="院端统一认证appId">
+            <el-input v-model="form.appId" placeholder="请输入院端统一认证appId"></el-input>
+          </el-form-item>
+          <el-form-item label="院端统一认证appSecret">
+            <el-input v-model="form.appSecret" placeholder="请输入院端统一认证appSecret"></el-input>
+          </el-form-item>
+          <el-form-item label="地市云监测项目名">
+            <el-input
+              v-model="form.cloudMonitorProjectName"
+              placeholder="地市云监测项目名"></el-input>
+          </el-form-item>
+          <el-form-item label="备注">
+            <el-input
+              v-model="form.remarks"
+              placeholder="请输入备注"
+              type="textarea"
+              :autosize="{ minRows: 2, maxRows: 6 }"></el-input>
+          </el-form-item>
+        </el-form>
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="crud.cancelCU">取 消</el-button>
+        <el-button size="small" @click="submit('form')" type="primary">提 交</el-button>
+      </span>
+    </el-dialog>
+    <!-- <WaterMark :waterMarkProp="waterMarkProp" /> -->
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex';
+import pagination from '@crud/Pagination';
+import CRUD, { crud, form, header, presenter } from '@crud/crud';
+const defaultForm = {};
+import WaterMark from '@/components/WaterMark/waterMark';
+import getHospIndexPage from '@/api/indexManagement/index';
+export default {
+  name: 'indexConfig',
+  components: {
+    pagination,
+    WaterMark,
+  },
+  dicts: ['transfer_type'],
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  cruds() {
+    return CRUD({
+      title: '索引配置',
+      url: '/hospIdnex/getHospIndexPage',
+      crudMethod: { ...getHospIndexPage },
+      query: {},
+      sort: [],
+    });
+  },
+  computed: {
+    ...mapGetters(['user']),
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.waterMarkProp.text = this.user.name;
+    });
+  },
+  data() {
+    return {
+      waterMarkProp: {
+        zIndex: 1,
+        devicePixelRatio: 2,
+        text: '',
+        showTime: true,
+      },
+      figureWayOption: [],
+      checkTable: [
+        { label: 'urlKey', prop: 'id', width: '' },
+        // { label: "传图地址", prop: "transferUrl", width: "200px" },
+        // { label: "传图方式", prop: "status", width: "130px" },
+        { label: 'IUVIEWER公网IP', prop: 'publicOhifIp', width: '180px' },
+        { label: 'IUVIEWER公网端口', prop: 'publicOhifPort', width: '150px' },
+        { label: 'IUVIEWER内网IP', prop: 'innerOhifIp', width: '180px' },
+        { label: 'IUVIEWER内网端口', prop: 'innerOhifPort', width: '150px' },
+        { label: '机构内网IP', prop: 'browseIp', width: '150px' },
+        { label: 'IUVIEWER项目名', prop: 'ohifContextPath', width: '180px' },
+        { label: 'wadoForHos项目名', prop: 'wadoContextPath', width: '160px' },
+        { label: '刷新缓存地址', prop: 'refreshMetadataPath', width: '140px' },
+        { label: '更新时间', prop: 'updateTime', width: '160px' },
+        { label: '地市云监测项目名', prop: 'cloudMonitorProjectName', width: '160px' },
+        { label: '备注', prop: 'remarks', width: '180px' },
+      ],
+      rules: {
+        // status: [
+        //   { required: true, message: "请选择传图方式", trigger: ["blur", "change"] },
+        // ],
+        // transferUrl: [
+        //   { required: true, message: "请输入传图接口地址", trigger: ["blur", "change"] },
+        // ],
+        publicOhifIp: [
+          {
+            required: true,
+            message: '请输入IUVIEWER公网IP',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        publicOhifPort: [
+          {
+            required: true,
+            message: '请输入IUVIEWER公网端口',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        innerOhifIp: [
+          {
+            required: true,
+            message: '请输入IUVIEWER内网IP',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        innerOhifPort: [
+          {
+            required: true,
+            message: '请输入IUVIEWER内网端口',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        browseIp: [{ required: true, message: '请输入机构内网IP', trigger: ['blur', 'change'] }],
+        ohifContextPath: [
+          {
+            required: true,
+            message: '请输入IUVIEWER项目名',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        wadoContextPath: [
+          {
+            required: true,
+            message: '请输入wadoForHos项目名',
+            trigger: ['blur', 'change'],
+          },
+        ],
+        refreshMetadataPath: [
+          { required: true, message: '请输入刷新缓存地址', trigger: ['blur', 'change'] },
+        ],
+      },
+      typeList: [
+        {
+          label: 'IUVIEWER',
+          value: 'IUVIEWER',
+        },
+        {
+          label: '其它',
+          value: '其它',
+        },
+      ],
+    };
+  },
+  methods: {
+    submit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.submitFunc();
+          return;
+          // V1.6.2 版本 新增 允许各urlkey之间的 IUVIEWER项目名、wadoForHos项目名 允许重复
+          getHospIndexPage
+            .checkDuplicate(this.form)
+            .then(res => {
+              console.log('res', res);
+              console.log(!res.datas.ohiFlag && !res.datas.wadFlag);
+              if (!res.datas.ohiFlag && !res.datas.wadFlag) {
+                this.submitFunc();
+              } else if (res.datas.ohiFlag && !res.datas.wadFlag) {
+                this.$message.error('IUVIEWER项目名不可以重复');
+              } else if (!res.datas.ohiFlag && res.datas.wadFlag) {
+                this.$message.error('wadoForHos项目名不可以重复');
+              } else {
+                this.$message.error('IUVIEWER项目名、wadoForHos项目名不可以重复');
+              }
+            })
+            .catch(err => {
+              this.$message.error('操作异常，请重新操作');
+              this.crud.cancelCU();
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+    submitFunc() {
+      getHospIndexPage
+        .insertOrUpdateIndex(this.form)
+        .then(res => {
+          if (res) {
+            if (this.form.id) {
+              this.$message.success('修改成功');
+              this.crud.refresh();
+            } else {
+              this.$message.success('新增成功');
+              this.crud.toQuery();
+            }
+          } else {
+            this.$message.error('操作异常，请重新操作');
+          }
+          this.crud.cancelCU();
+        })
+        .catch(err => {
+          this.$message.error('操作异常，请重新操作');
+          this.crud.cancelCU();
+        });
+    },
+    [CRUD.HOOK.afterToAdd](crud) {
+      this.$nextTick(() => {
+        Object.keys(this.form).map(key => {
+          this.form[key] = '';
+        });
+        setTimeout(() => {
+          this.$refs.form.clearValidate();
+        }, 50);
+      });
+    },
+    [CRUD.HOOK.beforeEditCancel](crud) {
+      this.$nextTick(() => {
+        Object.keys(this.form).map(key => {
+          this.form[key] = '';
+        });
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.form-inline-hospital {
+  position: relative;
+  background-color: #fff;
+  // z-index: 10;
+  ::v-deep .el-button.filter-item {
+    color: #1890ff;
+    border: 1px solid #1890ff;
+  }
+}
+</style>