diff --git a/src/resources/api/api.js b/src/resources/api/api.js
index 3930c31b2a1f49b4033496cbfb6a2df494f9dc3f..b8752f6c4051171029ebe6831cd47f8c97d8870d 100644
--- a/src/resources/api/api.js
+++ b/src/resources/api/api.js
@@ -12,7 +12,6 @@ import process from './process';
 import report from './report';
 import rdm from './rdm';
 import documentonline from './documentonline';
-import dr from './dr';
 let moduleApiConfig = {};
 try {
   // 导入自定义模块，获取导出接口地址
@@ -44,6 +43,5 @@ export default {
   report,
   rdm,
   documentonline,
-  dr,
   ...moduleApiConfig
 };
diff --git a/src/resources/api/dr/base-settings/base-settings.js b/src/resources/api/dr/base-settings/base-settings.js
deleted file mode 100644
index c80df65fb4e50b38888ac922ceea2e39e5eb5b09..0000000000000000000000000000000000000000
--- a/src/resources/api/dr/base-settings/base-settings.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import axios from '../../http';
-const baseSettings = {
-  getBaseSettings() {
-    return axios.post('/api/rest/dr/basicsettings/get');
-  }
-};
-export default baseSettings;
diff --git a/src/resources/api/dr/base-settings/ci.js b/src/resources/api/dr/base-settings/ci.js
deleted file mode 100644
index 080b36666fbacf3147a3f17da4fd298ee57eae08..0000000000000000000000000000000000000000
--- a/src/resources/api/dr/base-settings/ci.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import axios from '../../http';
-const ci = {
-  getCiList() {
-    return axios.post('/api/rest/dr/ci/list');
-  },
-  getCiData(params) {
-    return axios.post('/api/rest/dr/ci/get', params);
-  },
-  saveCi(params) {
-    return axios.post('/api/rest/dr/ci/save', params);
-  }
-};
-export default ci;
diff --git a/src/resources/api/dr/base-settings/datacenter.js b/src/resources/api/dr/base-settings/datacenter.js
deleted file mode 100644
index e37f922e41abcfd0c1d73ca7339cc4ebcf97e3f9..0000000000000000000000000000000000000000
--- a/src/resources/api/dr/base-settings/datacenter.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import axios from '../../http';
-const datacenter = {
-  getDatacenterList() {
-    return axios.post('/api/rest/dr/datacenter/list');
-  },
-  getDatacenterData(params) {
-    return axios.post('/api/rest/dr/datacenter/get', params);
-  },
-  deleteDatacenter(params) {
-    return axios.post('/api/rest/dr/datacenter/delete', params);
-  },
-  saveDatacenter(params) {
-    return axios.post('/api/rest/dr/datacenter/save', params);
-  }
-};
-export default datacenter;
diff --git a/src/resources/api/dr/base-settings/scene.js b/src/resources/api/dr/base-settings/scene.js
deleted file mode 100644
index ddadc23b0bb306a48bb30c8d296b4a7ea23c21f8..0000000000000000000000000000000000000000
--- a/src/resources/api/dr/base-settings/scene.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import axios from '../../http';
-const scene = {
-  getSceneList() {
-    return axios.post('/api/rest/dr/scene/list');
-  },
-  getSceneData(params) {
-    return axios.post('/api/rest/dr/scene/get', params);
-  },
-  deleteScene(params) {
-    return axios.post('/api/rest/dr/scene/delete', params);
-  },
-  saveScene(params) {
-    return axios.post('/api/rest/dr/scene/save', params);
-  }
-};
-export default scene;
diff --git a/src/resources/api/dr/index.js b/src/resources/api/dr/index.js
deleted file mode 100644
index 3e9e5c1eedbc4abf0b14bb1fdbe6c297f4f6c73c..0000000000000000000000000000000000000000
--- a/src/resources/api/dr/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-//api接口的出口
-import baseSettings from './base-settings/base-settings';
-import datacenter from './base-settings/datacenter';
-import scene from './base-settings/scene';
-import ci from './base-settings/ci';
-import organizationalStructure from './organizational-structure/organizational-structure';
-import service from './service/service';
-export default {
-  baseSettings,
-  datacenter,
-  scene,
-  ci,
-  organizationalStructure,
-  service
-};
diff --git a/src/resources/api/dr/organizational-structure/organizational-structure.js b/src/resources/api/dr/organizational-structure/organizational-structure.js
deleted file mode 100644
index 95ab3448ab5809857d33b043757f6f53103a37bb..0000000000000000000000000000000000000000
--- a/src/resources/api/dr/organizational-structure/organizational-structure.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import axios from '@/resources/api/http';
-const organizationalStructure = {
-  saveOrganizationUser(params) {
-    return axios.post('/api/rest/dr/organization/user/save', params);
-  },
-  searchOrganizationUser(params) {
-    // 查询组织架构下的用户列表
-    return axios.post('/api/rest/dr/organization/user/search', params);
-  },
-  deleteOrganizationUserById(params) {
-    // 删除组织架构下的用户
-    return axios.post('/api/rest/dr/organization/user/delete', params);
-  },
-  saveOrganizationalStructure(params) {
-    return axios.post('/api/rest/dr/organization/save', params);
-  },
-  deleteOrganizationalStructureById(params) {
-    return axios.post('/api/rest/dr/organization/delete', params);
-  },
-  searchOrganizationalStructureData(params) {
-    // 获取组织架构完整树
-    return axios.post('/api/rest/dr/organization/tree', params);
-  }
-};
-export default organizationalStructure;
diff --git a/src/resources/api/dr/service/service.js b/src/resources/api/dr/service/service.js
deleted file mode 100644
index 0c9675fd9cb7d65c6526c017a037210f7a431801..0000000000000000000000000000000000000000
--- a/src/resources/api/dr/service/service.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import axios from '@/resources/api/http';
-const service = {
-  saveService(params) {
-    return axios.post('/api/rest/dr/service/save', params);
-  },
-  deleteService(params) {
-    return axios.post('/api/rest/dr/service/delete', params);
-  },
-  getService(params) {
-    return axios.post('/api/rest/dr/service/get', params);
-  },
-  searchService(params) {
-    return axios.post('/api/rest/dr/service/search', params);
-  },
-  saveServiceBaseinfo(params) {
-    return axios.post('/api/rest/dr/service/baseinfo/save', params);
-  },
-  deleteServiceScene(params) {
-    return axios.post('/api/rest/dr/service/scene/delete', params);
-  },
-  saveServiceScene(params) {
-    return axios.post('/api/rest/dr/service/scene/save', params);
-  },
-  deleteServiceDatacenter(params) {
-    return axios.post('/api/rest/dr/service/datacenter/delete', params);
-  },
-  saveServiceDatacenter(params) {
-    return axios.post('/api/rest/dr/service/datacenter/save', params);
-  },
-  deleteServiceRelationship(params) {
-    return axios.post('/api/rest/dr/service/relationship/delete', params);
-  },
-  saveServiceRelationship(params) {
-    return axios.post('/api/rest/dr/service/relationship/save', params);
-  },
-  checkServiceRelationship(params) { //校验服务关系是否成环
-    return axios.post('/api/rest/dr/service/relationship/check', params);
-  }
-};
-export default service;
diff --git a/src/views/pages/dr/base-settings/base-settings.vue b/src/views/pages/dr/base-settings/base-settings.vue
deleted file mode 100644
index d3cbb215598d553df6acd1f8903430cb677824a2..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/base-settings/base-settings.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <div>
-    <Loading :loadingShow="loadingShow" type="fix"></Loading>
-    <TsContain hideHeader>
-      <template v-slot:content>
-        <div class="pt-nm">
-          <Divider orientation="start">{{ $t('term.inspect.datacenter') }}</Divider>
-          <div class="pt-nm pb-nm">
-            <DataConfig :drDataCenterList="drDataCenterList" @update="getBaseSettings()"></DataConfig>
-          </div>
-          <Divider orientation="start">{{ $t('term.dr.scenarioconfig') }}</Divider>
-          <div class="pt-nm pb-nm">
-            <ScenarioConfig :drDataCenterList="drDataCenterList" :drSceneList="drSceneList" @update="getBaseSettings()"></ScenarioConfig>
-          </div>
-          <Divider orientation="start">{{ $t('term.dr.assetconfig') }}</Divider>
-          <div class="pt-nm pb-nm">
-            <AssetConfig :drCiList="drCiList"></AssetConfig>
-          </div>
-        </div>
-      </template>
-    </TsContain>
-  </div>
-</template>
-<script>
-
-export default {
-  name: '',
-  components: {
-    DataConfig: resolve => require(['./config/data-config.vue'], resolve),
-    ScenarioConfig: resolve => require(['./config/scenario-config.vue'], resolve),
-    AssetConfig: resolve => require(['./config/asset-config.vue'], resolve)
-    
-  },
-  props: {},
-  data() {
-    return {
-      loadingShow: true,
-      drDataCenterList: [],
-      drSceneList: [],
-      drCiList: []
-    };
-  },
-  beforeCreate() {},
-  created() {
-    this.getBaseSettings();
-  },
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    getBaseSettings() {
-      this.$api.dr.baseSettings.getBaseSettings().then(res => {
-        if (res && res.Status == 'OK') {
-          this.drDataCenterList = res.Return.drDataCenterList;
-          this.drSceneList = res.Return.drSceneList;
-          this.drCiList = res.Return.drCiList;
-        }
-      }).finally(() => {
-        this.loadingShow = false;
-      });
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less"></style>
diff --git a/src/views/pages/dr/base-settings/config/asset-config.vue b/src/views/pages/dr/base-settings/config/asset-config.vue
deleted file mode 100644
index 05a1b029a5eef1736151b29f769afda8e5f13c7b..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/base-settings/config/asset-config.vue
+++ /dev/null
@@ -1,149 +0,0 @@
-<template>
-  <div>
-    <div v-for="(item, index) in assetList" :key="index" class="bg-op radius-md padding list mb-sm">
-      <div class="pr-nm pt-icon">
-        {{ item.label }}
-      </div>
-      <template v-if="!$utils.isEmpty(item.ciList)">
-        <div class="text-tip pr-sm pt-icon">{{ $t('term.dr.associationmodel') }}</div>
-        <div class="ci-tag">
-          <Tag v-for="(c, cindex) in item.ciList" :key="cindex">
-            <span>{{ c.label }}</span>
-          </Tag>
-        </div>
-      </template>
-      <div class="edit tsfont-edit text-action" @click="edit(item)">{{ $t('page.edit') }}</div>
-    </div>
-    <TsDialog
-      :title="$t('dialog.title.edittarget',{'target':$t('term.dr.assetconfig')})"
-      type="slider"
-      :isShow.sync="showDialog"
-      @on-ok="okDialog"
-      @on-close="closeDialog"
-    >
-      <template v-slot>
-        <div>
-          <TsFormItem :label="$t('term.cmdb.citype')" labelPosition="top">
-            <TsFormTree
-              v-model="formData.ciIdList"
-              v-bind="treeConfig"
-            ></TsFormTree>
-          </TsFormItem>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsFormItem: resolve => require(['@/resources/plugins/TsForm/TsFormItem'], resolve),
-    TsFormTree: resolve => require(['@/resources/plugins/TsForm/TsFormTree'], resolve)
-  },
-  props: {
-    drCiList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      assetList: [],
-      showDialog: false,
-      treeConfig: {
-        url: '/api/rest/resourcecenter/resourcetype/tree',
-        valueName: 'id',
-        textName: 'label',
-        border: 'border',
-        multiple: true,
-        transfer: true
-      },
-      formData: {}
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    getCiList() {
-      this.$api.dr.ci.getCiList().then(res => {
-        if (res && res.Status == 'OK') {
-          this.assetList = res.Return || [];
-        }
-      });
-    },
-    saveCi(item) {
-      let data = {
-        name: item.name,
-        ciIdList: item.ciIdList
-      };
-      this.$api.dr.ci.saveCi(data).then(res => {
-        if (res && res.Status == 'OK') {
-          this.$Message.success(this.$t('message.savesuccess'));
-          this.getCiList();
-        }
-      });
-    },
-    edit(item) {
-      this.$set(this.formData, 'name', item.name);
-      this.$set(this.formData, 'ciIdList', []);
-      if (!this.$utils.isEmpty(item.ciList)) {
-        let ciIdList = [];
-        item.ciList.forEach(c => {
-          ciIdList.push(c.id);
-        });
-        this.$set(this.formData, 'ciIdList', ciIdList);
-      }
-      this.showDialog = true;
-    },
-    okDialog() {
-      this.saveCi(this.formData);
-      this.closeDialog();
-    },
-    closeDialog() {
-      this.formData = {};
-      this.showDialog = false;
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {
-    drCiList: {
-      handler(val) {
-        this.assetList = val;
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.list {
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  .ci-tag {
-    flex: 1;
-  }
-  &:hover {
-    .edit {
-      display: block;
-    }
-  }
-  .edit {
-    display: none;
-    position: absolute;
-    right: 16px;
-    top: 16px;
-  }
-}
-</style>
diff --git a/src/views/pages/dr/base-settings/config/data-config.vue b/src/views/pages/dr/base-settings/config/data-config.vue
deleted file mode 100644
index 667a776009689e1d551bae0f37e24eea661e5bb4..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/base-settings/config/data-config.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<template>
-  <div class="clearfix">
-    <TsCard
-      :tbodyList="dataList"
-      :sm="12"
-      :lg="8"
-      :xl="6"
-      :xxl="4"
-      :boxShadow="false"
-      :padding="false"
-      firstBtn
-    >
-      <template v-slot:firstBtn>
-        <div class="add tsfont-plus text-action" @click.stop="addSetting">
-          {{ $t('term.inspect.datacenter') }}
-        </div>
-      </template>
-      <template slot-scope="{ row }">
-        <div class="pt-xs overflow">
-          {{ row.name }}
-        </div>
-      </template>
-      <template v-slot:control="{ row }">
-        <div class="tsfont-edit action-item" @click="edit(row)">{{ $t('page.edit') }}</div>
-        <div
-          class="tsfont-trash-s action-item"
-          :class="{'text-disabled':row.referenceCount}"
-          :title="row.referenceCount?$t('term.dr.datareferencetip'):''"
-          @click="deleteDatacenter(row)"
-        >{{ $t('page.delete') }}</div>
-      </template>
-    </TsCard>
-    <TsDialog
-      type="modal"
-      :isShow.sync="showDialog"
-      :title="$t('dialog.title.addtarget',{'target':$t('term.inspect.datacenter')})"
-      @on-ok="okDialog"
-      @on-close="closeDialog"
-    >
-      <template v-slot>
-        <div>
-          <TsForm
-            ref="nameForm"
-            v-model="formData"
-            :item-list="formConfig"
-          ></TsForm>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsCard: resolve => require(['@/resources/components/TsCard/TsCard.vue'], resolve),
-    TsForm: resolve => require(['@/resources/plugins/TsForm/TsForm'], resolve)
-  },
-  props: {
-    drDataCenterList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      dataList: [],
-      showDialog: false,
-      formConfig: {
-        name: {
-          type: 'text',
-          name: 'name',
-          value: '',
-          maxlength: 50,
-          label: this.$t('term.dr.centername'),
-          validateList: ['required', 'name-special', { name: 'searchUrl', url: '/api/rest/dr/datacenter/save', key: 'name' }]
-        }
-      },
-      formData: {}
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    saveDatacenter(item) {
-      let data = {
-        name: item.name,
-        id: item.id
-      };
-      this.$api.dr.datacenter.saveDatacenter(data).then(res => {
-        if (res && res.Status == 'OK') {
-          this.$Message.success(this.$t('message.savesuccess'));
-          this.$emit('update');
-        }
-      });
-    },
-    addSetting() {
-      this.showDialog = true;
-    },
-    okDialog() {
-      if (!this.$refs.nameForm.valid()) {
-        return;
-      }
-      this.saveDatacenter(this.formData);
-      this.closeDialog();
-    },
-    closeDialog() {
-      this.formData = {};
-      this.showDialog = false;
-    },
-    edit(row) {
-      this.formData = this.$utils.deepClone(row);
-      this.showDialog = true;
-    },
-    deleteDatacenter(row) {
-      if (row.referenceCount) {
-        return;
-      }
-      this.$createDialog({
-        title: this.$t('page.warning'),
-        content: this.$t('dialog.content.deleteconfirm', {'target': row.name}),
-        btnType: 'error',
-        'on-ok': vnode => {
-          this.$api.dr.datacenter.deleteDatacenter({id: row.id}).then(res => {
-            if (res && res.Status == 'OK') {
-              this.$Message.success(this.$t('message.deletesuccess'));
-              this.$emit('update');
-              vnode.isShow = false;
-            }
-          });
-        }
-      });
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {
-    drDataCenterList: {
-      handler(val) {
-        this.dataList = val;
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.add {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-</style>
diff --git a/src/views/pages/dr/base-settings/config/scenario-config.vue b/src/views/pages/dr/base-settings/config/scenario-config.vue
deleted file mode 100644
index a1922634776c6f802dcbe97148717c3f6bd6f7fd..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/base-settings/config/scenario-config.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<template>
-  <div class="clearfix">
-    <TsCard
-      :tbodyList="scenarioList"
-      :sm="12"
-      :lg="8"
-      :xl="6"
-      :xxl="4"
-      :boxShadow="false"
-      :padding="false"
-      firstBtn
-    >
-      <template v-slot:firstBtn>
-        <div class="add tsfont-plus text-action" @click.stop="addSetting">
-          {{ $t('page.scene') }}
-        </div>
-      </template>
-      <template slot-scope="{ row }">
-        <div class="pt-xs overflow">
-          {{ row.name }}
-        </div>
-        <div class="text-tip overflow">
-          <span class="pr-sm">数据中心：</span>
-          <template v-if="row.sourceName">
-            <span>{{ row.sourceName }}</span>
-            <span class="tsfont-arrow-right pl-sm pr-sm"></span>
-            <span>{{ row.targetName }}</span>
-          </template>
-          <span v-else>-</span>
-        </div>
-      </template>
-      <template v-slot:control="{ row }">
-        <div class="tsfont-edit action-item" @click="edit(row)">{{ $t('page.edit') }}</div>
-        <div class="tsfont-trash-s action-item" :class="{'text-disabled':row.referenceCount}" @click="deleteScene(row)">{{ $t('page.delete') }}</div>
-      </template>
-    </TsCard>
-    <TsDialog
-      type="modal"
-      :isShow.sync="showDialog"
-      :title="$t('dialog.title.addtarget',{'target':$t('term.inspect.datacenter')})"
-      @on-ok="okDialog"
-      @on-close="closeDialog"
-    >
-      <template v-slot>
-        <div>
-          <TsForm
-            ref="nameForm"
-            v-model="formData"
-            :item-list="formConfig"
-          >
-            <template v-slot:direction>
-              <div class="flex-center">
-                <TsFormSelect
-                  v-model="formData.sourceId"
-                  :dataList="getDataList(formData.targetId)"
-                  :validateList="formData.targetId?validateList:[]"
-                  transfer
-                  style="flex: 1;"
-                ></TsFormSelect>
-                <div class="tsfont-arrow-right pl-sm pr-sm"></div>
-                <TsFormSelect
-                  v-model="formData.targetId"
-                  :dataList="getDataList(formData.sourceId)"
-                  :validateList="formData.sourceId?validateList:[]"
-                  transfer
-                  style="flex: 1;"
-                ></TsFormSelect>
-              </div>
-            </template>
-          </TsForm>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsCard: resolve => require(['@/resources/components/TsCard/TsCard.vue'], resolve),
-    TsForm: resolve => require(['@/resources/plugins/TsForm/TsForm'], resolve),
-    TsFormSelect: resolve => require(['@/resources/plugins/TsForm/TsFormSelect'], resolve)
-  },
-  props: {
-    drDataCenterList: {
-      type: Array,
-      default: () => []
-    },
-    drSceneList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      scenarioList: [],
-      formConfig: {
-        name: {
-          type: 'text',
-          name: 'name',
-          value: '',
-          maxlength: 50,
-          label: this.$t('page.scenarioname'),
-          validateList: ['required', 'name-special', { name: 'searchUrl', url: '/api/rest/dr/scene/save', key: 'name' }]
-        },
-        direction: {
-          type: 'slot',
-          label: this.$t('term.dr.migrationdirection')
-        }
-      },
-      formData: {},
-      showDialog: false,
-      validateList: ['required']
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    saveScene(item) {
-      let data = {
-        name: item.name,
-        id: item.id,
-        sourceId: item.sourceId,
-        targetId: item.targetId
-      };
-      this.$api.dr.scene.saveScene(data).then(res => {
-        if (res && res.Status == 'OK') {
-          this.$Message.success(this.$t('message.savesuccess'));
-          this.$emit('update');
-        }
-      });
-    },
-    addSetting() {
-      this.showDialog = true;
-    },
-    okDialog() {
-      let isValid = this.$refs.nameForm.valid();
-      if ((this.formData.sourceId && !this.formData.targetId) || (!this.formData.sourceId && this.formData.targetId)) {
-        isValid = false;
-      }
-      if (!isValid) {
-        return;
-      }
-      this.saveScene(this.formData);
-      this.closeDialog();
-    },
-    closeDialog() {
-      this.formData = {};
-      this.showDialog = false;
-    },
-    edit(row) {
-      this.formData = this.$utils.deepClone(row);
-      this.showDialog = true;
-    },
-    deleteScene(row) {
-      if (row.referenceCount) {
-        return;
-      }
-      this.$createDialog({
-        title: this.$t('page.warning'),
-        content: this.$t('dialog.content.deleteconfirm', {'target': this.$t('page.scene')}),
-        btnType: 'error',
-        'on-ok': vnode => {
-          this.$api.dr.scene.deleteScene({id: row.id}).then(res => {
-            if (res && res.Status == 'OK') {
-              this.$Message.success(this.$t('message.deletesuccess'));
-              this.$emit('update');
-              vnode.isShow = false;
-            }
-          });
-        }
-      });
-    }
-  },
-  filter: {},
-  computed: {
-    getDataList() {
-      return (id) => {
-        let list = [];
-        if (!this.$utils.isEmpty(this.drDataCenterList)) {
-          this.drDataCenterList.forEach(item => {
-            list.push({
-              text: item.name,
-              value: item.id,
-              _disabled: id === item.id
-            });
-          });
-        }
-        return list;
-      };
-    }
-  },
-  watch: {
-    drSceneList: {
-      handler(val) {
-        this.scenarioList = val;
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.add {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-</style>
diff --git a/src/views/pages/dr/config.js b/src/views/pages/dr/config.js
deleted file mode 100644
index 8f12a031ffda9a4b874098a4da5be9deaf428480..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { $t } from '@/resources/init.js';
-export const config = {
-  module: 'dr',
-  menuType: {
-    dr: $t('router.dr.dr')
-  }
-};
diff --git a/src/views/pages/dr/dr.js b/src/views/pages/dr/dr.js
deleted file mode 100644
index 5ceb4765ddc566b8231c783fcc076a20890b0c3e..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/dr.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import Vue from 'vue';
-import VueRouter from 'vue-router';
-import Dr from './dr.vue';
-import routers from './router.js';
-import store from '@/resources/store';
-import VueI18n from 'vue-i18n';
-import CompareUtil from '@/resources/assets/js/compareUtil.js';
-import api from '@/resources/api/api.js';
-import LocalStore from '@/resources/assets/js/localStore.js';
-
-//公共的全局组件、样式等
-import '@/resources/base.js';
-import { initRouter, initI18n } from '@/resources/init.js';
-
-Vue.use(VueRouter);
-Vue.use(VueI18n);
-Vue.use(CompareUtil); //必须要在use router之后执行
-import {config} from './config.js';
-
-MODULEID = config.module;
-MENULIST = routers;
-MENUTYPE = config.menuType;
-
-let router = initRouter(VueRouter, store); //路由拦截处理
-let i18n = initI18n(VueI18n, {}); //语言包配置
-
-Vue.config.productionTip = false;
-Vue.prototype.$api = api;
-Vue.prototype.$tsrouter = router;
-Vue.prototype.$localStore = new LocalStore('dr', router);
-
-new Vue({
-  router,
-  store,
-  i18n,
-  render: h => h(Dr)
-}).$mount('#index');
diff --git a/src/views/pages/dr/dr.vue b/src/views/pages/dr/dr.vue
deleted file mode 100644
index dcab725d1ecf227be01bcb70e43230020587136a..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/dr.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-  <div v-if="hasAuthorization" class="home" :class="{ 'menu-min': !showmenu }">
-    <TopNav></TopNav>
-    <LeftMenu :showmenu="showmenu" @menushow="menuToggle"></LeftMenu>
-    <div class="centermain">
-      <router-view
-        v-if="isRouterAlive"
-        ref="root"
-        :key="$route.fullPath"
-        style="height:100%;overflow: auto;"
-      ></router-view>
-    </div>
-    <LicenseValidator></LicenseValidator>
-  </div>
-</template>
-<script>
-export default {
-  name: 'Home',
-  provide() {
-    return {
-      reloadRouter: this.reloadRouter
-    };
-  },
-  components: {
-    TopNav: resolve => require(['@/views/components/topnav/topnav.vue'], resolve),
-    LeftMenu: resolve => require(['@/views/components/leftmenu/leftmenu.vue'], resolve),
-    LicenseValidator: resolve => require(['@/views/components/license/license-validator.vue'], resolve)
-  },
-  data() {
-    return {
-      showmenu: false, //菜单收起时的class
-      hasAuthorization: true,
-      isRouterAlive: true
-    };
-  },
-  created() {},
-  beforeDestroy() {},
-  methods: {
-    //菜单显示隐藏
-    menuToggle: function(data) {
-      this.showmenu = data;
-    },
-    reloadRouter() { //切换多语言时，刷新路由
-      this.isRouterAlive = false;
-      this.$store.dispatch('getModuleList');
-      this.$nextTick(() => {
-        this.isRouterAlive = true;
-        location.reload();
-      });
-    }
-  },
-  watch: {}
-};
-</script>
diff --git a/src/views/pages/dr/organizational-structure/organizational-structure-edit-dialog.vue b/src/views/pages/dr/organizational-structure/organizational-structure-edit-dialog.vue
deleted file mode 100644
index 314e09fcc94d4eb6ace019f4830a1ae8ca42dcf0..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/organizational-structure/organizational-structure-edit-dialog.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      v-bind="dialogSetting"
-      @on-ok="okDialog"
-      @on-close="closeDialog"
-    >
-      <template v-slot>
-        <div>
-          <TsForm
-            ref="form"
-            v-model="formValue"
-            :item-list="formConfig"
-          ></TsForm>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsForm: resolve => require(['@/resources/plugins/TsForm/TsForm'], resolve)
-  },
-  props: {
-    id: {
-      type: Number,
-      default: null
-    },
-    parentId: {
-      type: Number,
-      default: null
-    },
-    organizationalStructureName: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      formValue: {
-        id: this.id,
-        parentId: this.id || this.parentId,
-        name: this.organizationalStructureName
-      },
-      dialogSetting: {
-        isShow: true,
-        type: 'modal',
-        title: this.id ? this.$t('dialog.title.edittarget', {'target': this.$t('page.name')}) : this.$t('dialog.title.addtarget', {'target': this.$t('page.name')})
-      },
-      formConfig: {
-        name: {
-          type: 'text',
-          label: this.$t('page.name'),
-          maxlength: 50,
-          validateList: ['required', { 
-            name: 'searchUrl',
-            url: '/api/rest/dr/organization/save',
-            key: 'name',
-            params: {parentId: this.id || this.parentId}
-          }]
-        }
-      }
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    okDialog() {
-      if (this.$refs.form && !this.$refs.form.valid()) {
-        return false;
-      }
-      this.$api.dr.organizationalStructure.saveOrganizationalStructure(this.formValue).then(res => {
-        if (res.Status == 'OK') {
-          this.$Message.success(this.$t('message.savesuccess'));
-          this.$emit('close', true);
-        }
-      });
-    },
-    closeDialog() {
-      this.$emit('close');
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/organizational-structure/organizational-structure-manage.vue b/src/views/pages/dr/organizational-structure/organizational-structure-manage.vue
deleted file mode 100644
index 2786b229f67f3ee79331ec90d123a43523428086..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/organizational-structure/organizational-structure-manage.vue
+++ /dev/null
@@ -1,356 +0,0 @@
-<template>
-  <div>
-    <Loading :loadingShow="loadingShow" type="fix"></Loading>
-    <TsContain :isSiderHide="isSiderHide" :enableCollapse="true" :siderWidth="300">
-      <template v-slot:topLeft>
-        <div class="action-group">
-          <span
-            v-if="selectedTreeId"
-            class="action-item tsfont-plus"
-            @click="addUser"
-          >{{ $t('page.user') }}</span>
-        </div>
-      </template>
-      <template v-slot:topRight>
-        <InputSearcher v-model="keyword" @change="() => changeCurrent()"></InputSearcher>
-      </template>
-      <template v-slot:sider>
-        <TsZtree v-if="TsZtree.zNodes && TsZtree.zNodes.length > 0" ref="ztree" v-bind="TsZtree"></TsZtree>
-      </template>
-      <template v-slot:content>
-        <TsTable
-          v-bind="tableConfig"
-          :theadList="theadList"
-          @changeCurrent="changeCurrent"
-          @changePageSize="changePageSize"
-        >
-          <template slot="orgName" slot-scope="{row}">
-            <Tag v-if="row.orgName">{{ row.orgName }}</Tag>
-          </template>
-          <template slot="userName" slot-scope="{row}">
-            <UserCard :uuid="row.uuid" hideName></UserCard>
-            <span>{{ row.userName||'-' }}</span>
-          </template>
-          <template slot="teamNameList" slot-scope="{ row }">
-            <div @click.stop>
-              <Tag v-for="(t, index) in ShowUserTeamNumber(row.teamNameList)" :key="index">{{ t }}</Tag>
-              <span v-if="row.teamNameList && row.teamNameList.length > 3" @click.stop>
-                <Dropdown placement="bottom-start" transfer @click.native.stop>
-                  <span class="text-action tsfont-option-horizontal"></span>
-                  <DropdownMenu slot="list">
-                    <DropdownItem v-for="(item, index) in ShowRestUserTeamNumber(row.teamNameList)" :key="index">
-                      {{ item }}</DropdownItem>
-                  </DropdownMenu>
-                </Dropdown>
-              </span>
-            </div>
-          </template>
-          <template slot="action" slot-scope="{ row , index}">
-            <div class="tstable-action">
-              <ul class="tstable-action-ul">
-                <li class="tsfont-trash-o" @click.stop="deleteUser(row, index)">{{ $t('page.delete') }}</li>
-              </ul>
-            </div>
-          </template>
-        </TsTable>
-      </template>
-    </TsContain>
-    <UserAddDialog v-if="isShowUserAddDialog" :orgId="selectedTreeId" @close="closeUserAddDialog"></UserAddDialog>
-    <OrganizationalStructureEditDialog
-      v-if="isShowOrganizationalStructureEditDialog"
-      :id="organizationalStructureTreeId"
-      :parentId="organizationalParentId"
-      :organizationalStructureName="organizationalStructureName"
-      @close="closeOrganizationalStructureDialog"
-    >
-    </OrganizationalStructureEditDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsTable: resolve => require(['@/resources/components/TsTable/TsTable.vue'], resolve),
-    InputSearcher: resolve => require(['@/resources/components/InputSearcher/InputSearcher.vue'], resolve),
-    UserCard: resolve => require(['@/resources/components/UserCard/UserCard.vue'], resolve),
-    TsZtree: resolve => require(['@/resources/plugins/ztree/TsZtree.vue'], resolve),
-    UserAddDialog: resolve => require(['pages/dr/organizational-structure/user-add-dialog'], resolve),
-    OrganizationalStructureEditDialog: resolve => require(['pages/dr/organizational-structure/organizational-structure-edit-dialog.vue'], resolve)
-  },
-  props: {},
-  data() {
-    return {
-      userCount: 0,
-      loadingShow: true,
-      isShowUserAddDialog: false,
-      isShowOrganizationalStructureEditDialog: false,
-      isSiderHide: false,
-      keyword: '',
-      organizationalStructureTreeId: null, // 组织架构tree的id
-      organizationalParentId: null,
-      organizationalStructureName: '',
-      selectedTreeId: null,
-      theadList: [
-        {
-          title: this.$t('term.dr.affiliatedorganization'),
-          key: 'orgName'
-        },
-        {
-          title: this.$t('page.username'),
-          key: 'userName'
-        },
-        {
-          title: this.$t('page.userid'),
-          key: 'userId'
-        },
-        {
-          title: this.$t('page.userteam'),
-          key: 'teamNameList'
-        },
-        {
-          title: this.$t('page.phone'),
-          key: 'phone'
-        },
-        {
-          title: this.$t('page.email'),
-          key: 'email'
-        },
-        {
-          key: 'action'
-        }
-      ],
-      tableConfig: {
-        tbodyList: []
-      },
-      TsZtree: {
-        id: 'organizational-structure-manage',
-        zNodes: [],
-        setting: {
-          addDomList: [
-            {
-              icon: 'tsfont-plus',
-              desc: this.$t('term.dr.organizationalstructure'),
-              isAddFn: treeNode => {
-                return true;
-              },
-              clickFn: treeNode => {
-                this.addTreeChildren(treeNode);
-              }
-            },
-            {
-              icon: 'tsfont-edit',
-              desc: this.$t('dialog.title.edittarget', { target: this.$t('page.name') }),
-              isAddFn: treeNode => {
-                return true;
-              },
-              clickFn: treeNode => {
-                this.editTreeChildren(treeNode);
-              }
-            },
-            {
-              icon: 'tsfont-trash-o',
-              desc: this.$t('page.delete'),
-              isAddFn: treeNode => {
-                if (treeNode.id == 975163435630592) {
-                  return false; // 总指挥不能删除，必须有一个根节点
-                } else {
-                  return true;
-                }
-              },
-              initFn: (treeNode, $span) => {
-                if (treeNode.childCount == 0 && treeNode.userCount == 0) {
-                  // 该组织下没有子级并且没有绑定用户
-                } else {
-                  const hasChild = treeNode.childCount > 0;
-                  const hasUser = treeNode.userCount > 0;
-                  $span[0].classList.add('text-disabled');
-                  $span[0].title = hasChild ? this.$t('term.dr.currentoranghaschildnodelete') : (hasUser ? this.$t('term.dr.currentorangbindusernodelete') : '');
-                }
-              },
-              clickFn: treeNode => {
-                this.deleteTree(treeNode);
-              }
-            }
-          ],
-          view: {
-            showIcon: true,
-            nodeClasses: { add: ['overflow'] }
-          },
-          data: {
-            simpleData: {
-              idKey: 'id',
-              pIdKey: 'parentId'
-            }
-          },
-          callback: {
-            onClick: this.ztreeClick
-          }
-        }
-      }
-    };
-  },
-  beforeCreate() {},
-  async created() {
-    await this.searchOrangeStructureData();
-    this.searchUserDataByOrganizationId();
-  },
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    addTreeChildren(treeNode) {
-      this.organizationalStructureTreeId = null;
-      this.organizationalStructureName = '';
-      this.organizationalParentId = treeNode.id;
-      this.isShowOrganizationalStructureEditDialog = true;
-    },
-    editTreeChildren(treeNode) {
-      this.organizationalStructureTreeId = treeNode.id;
-      this.organizationalStructureName = treeNode.name;
-      this.isShowOrganizationalStructureEditDialog = true;
-    },
-    //服务树点击事件
-    ztreeClick(event, treeId, treeNode) {
-      this.selectedTreeId = treeNode.id;
-      this.userCount = treeNode.userCount; // 用户数量，用于添加用户成功后，是否需要刷新组织架构树
-      this.changeCurrent();
-    },
-    deleteTree(treeNode) {
-      // 删除组织架构
-      if (treeNode.childCount != 0 || treeNode.userCount != 0) { 
-        return false;
-      }
-      this.$createDialog({
-        title: this.$t('dialog.title.deleteconfirm'),
-        content: this.$t('dialog.content.deleteconfirm', { target: treeNode.name }),
-        btnType: 'error',
-        'on-ok': vnode => {
-          let data = { id: treeNode.id };
-          this.$api.dr.organizationalStructure.deleteOrganizationalStructureById(data).then(res => {
-            if (res.Status == 'OK') {
-              this.searchOrangeStructureData(); // 删除成功，刷新一下列表
-              this.$Message.success(this.$t('message.deletesuccess'));
-            }
-          });
-          vnode.isShow = false;
-        }
-      });
-    },
-    changeCurrent(currentPage = 1) {
-      this.tableConfig.currentPage = currentPage;
-      this.searchUserDataByOrganizationId();
-    },
-    changePageSize(pageSize) {
-      this.tableConfig.currentPage = 1;
-      this.tableConfig.pageSize = pageSize;
-      this.searchUserDataByOrganizationId();
-    },
-    deleteUser(row, index) {
-      let params = {
-        orgId: row.orgId,
-        userUuid: row.uuid
-      };
-      this.$createDialog({
-        title: this.$t('dialog.title.deleteconfirm'),
-        content: this.$t('dialog.content.deleteconfirm', {target: row.name}),
-        btnType: 'error',
-        'on-ok': vnode => {
-          this.$api.dr.organizationalStructure.deleteOrganizationUserById(params).then(res => {
-            if (res.Status == 'OK') {
-              this.$Message.success(this.$t(this.$t('message.deletesuccess')));
-              this.tableConfig.tbodyList.splice(index, 1);
-              this.searchUserDataByOrganizationId(true);
-            }
-          });
-          vnode.isShow = false;
-        }
-      });
-    },
-    addUser() {
-      this.isShowUserAddDialog = true;
-    },
-    closeUserAddDialog(needRefresh) {
-      this.isShowUserAddDialog = false;
-      if (needRefresh) {
-        if (this.userCount == 0) {
-          this.searchOrangeStructureData();
-        }
-        this.searchUserDataByOrganizationId();
-      }
-    },
-    closeOrganizationalStructureDialog(needRefresh) {
-      this.isShowOrganizationalStructureEditDialog = false;
-      if (needRefresh) {
-        this.searchOrangeStructureData();
-      }
-    },
-    searchOrangeStructureData() {
-      let params = {
-        currentPage: this.tableConfig.currentPage,
-        pageSize: this.tableConfig.pageSize
-      };
-      return this.$api.dr.organizationalStructure
-        .searchOrganizationalStructureData(params)
-        .then(res => {
-          if (res.Status == 'OK') {
-            this.TsZtree.zNodes = res.Return ? res.Return : [];
-            if (this.selectedTreeId) {
-              this.$nextTick(() => {
-                this.$refs.ztree?.selectedNodeById(this.selectedTreeId);
-              });
-            }
-          }
-        })
-        .finally(() => {
-          this.loadingShow = false;
-        });
-    },
-    searchUserDataByOrganizationId(needRefresh = false) {
-      let params = {
-        orgId: this.selectedTreeId,
-        currentPage: this.tableConfig.currentPage,
-        pageSize: this.tableConfig.pageSize,
-        keyword: this.keyword
-      };
-      this.loadingShow = true;
-      this.$api.dr.organizationalStructure
-        .searchOrganizationUser(params)
-        .then(res => {
-          if (res.Status == 'OK') {
-            Object.assign(this.tableConfig, res.Return);
-            if (res.Return?.tbodyList && this.$utils.isEmpty(res.Return.tbodyList) && needRefresh) {
-              // 删除全部用户后，刷新树列表
-              this.searchOrangeStructureData();
-            }
-          }
-        })
-        .finally(() => {
-          this.loadingShow = false;
-        });
-    }
-  },
-  filter: {},
-  computed: {
-    ShowRestUserTeamNumber() {
-      //查看更多，用户组
-      return list => {
-        list.slice(3);
-      };
-    },
-    ShowUserTeamNumber() {
-      // 显示前两个用户组，后面的省略号，查看更多显示
-      return val => {
-        return val ? val.slice(0, 3) : [];
-      };
-    }
-  },
-  watch: {}
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/organizational-structure/user-add-dialog.vue b/src/views/pages/dr/organizational-structure/user-add-dialog.vue
deleted file mode 100644
index 4e0ffe7ee3ec545410be7f8f8ef9a5163cd36d6d..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/organizational-structure/user-add-dialog.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      v-bind="dialogSetting"
-      @on-ok="okDialog"
-      @on-close="closeDialog"
-    >
-      <template v-slot>
-        <div>
-          <TsForm
-            ref="form"
-            v-model="formValue"
-            :item-list="formConfig"
-          ></TsForm>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsForm: resolve => require(['@/resources/plugins/TsForm/TsForm'], resolve)
-  },
-  props: {
-    orgId: {
-      type: Number,
-      default: null
-    }
-  },
-  data() {
-    return {
-      formValue: {},
-      dialogSetting: {
-        title: this.$t('dialog.title.addtarget', {'target': this.$t('page.user')}),
-        type: 'modal',
-        isShow: true
-      },
-      formConfig: {
-        userUuidList: {
-          type: 'select',
-          label: this.$t('page.user'),
-          transfer: true,
-          multiple: true,
-          dynamicUrl: '/api/rest/user/search',
-          validateList: ['required'],
-          rootName: 'tbodyList',
-          valueName: 'uuid',
-          textName: 'name',
-          params: {
-            isActive: 1, // 查询激活的用户
-            isDelete: 0 // 查询未删除的用户
-          }
-        }
-      }
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    okDialog() {
-      if (!this.$refs.form?.valid()) {
-        return false;
-      }
-      this.$api.dr.organizationalStructure.saveOrganizationUser({orgId: this.orgId, ...this.formValue}).then(res => {
-        if (res.Status == 'OK') {
-          this.$emit('close', true);
-        }
-      });
-    },
-    closeDialog() {
-      this.$emit('close');
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/router.js b/src/views/pages/dr/router.js
deleted file mode 100644
index 6961985c0a2a938fea680747159b75feb6f53898..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/router.js
+++ /dev/null
@@ -1,111 +0,0 @@
-const refresh = () => import('@/views/pages/common/refresh.vue');
-const page404 = () => import('@/views/pages/common/404.vue');
-const welcome = () => import('@/views/pages/common/welcome.vue');
-const baseSettings = () => import('@/views/pages/dr/base-settings/base-settings.vue');
-const serviceManage = () => import('@/views/pages/dr/service/service-manage.vue');
-const serviceDetail = () => import('@/views/pages/dr/service/service-detail.vue');
-const serviceAdd = () => import('@/views/pages/dr/service/service-add.vue');
-const organizationalStructureManage = () => import('pages/dr/organizational-structure/organizational-structure-manage.vue');
-
-import { $t } from '@/resources/init.js';
-
-let routerArr = [
-  {
-    path: '/',
-    beforeEnter: (to, from, next) => {
-      let defaultPage = '';
-      try {
-        const moduleList = JSON.parse(localStorage.getItem('moduleList'));
-        defaultPage =
-          moduleList.find(module => {
-            return module.moduleId === MODULEID;
-          }).defaultPage || '/welcome';
-      } catch {
-        defaultPage = '/welcome';
-      }
-      if (from.path === defaultPage) {
-        //通过跳转到中间路由,并立刻返回原路由,实现刷新路由页面的效果
-        next({ name: 'refresh', replace: true, query: { path: defaultPage } });
-      } else {
-        next({ path: defaultPage, replace: true });
-      }
-    }
-  },
-  {
-    path: '/refresh',
-    name: 'refresh',
-    component: refresh
-  },
-  {
-    path: '/404',
-    name: '404',
-    component: page404,
-    meta: {
-      title: $t('page.pagenotvalid')
-    }
-  },
-  {
-    path: '/welcome',
-    name: 'welcome',
-    component: welcome
-  },
-  {
-    path: '/service-manage',
-    name: 'service-manage',
-    component: serviceManage,
-    meta: {
-      title: $t('router.dr.servicemanage'),
-      ismenu: true,
-      icon: 'tsfont-file-single',
-      type: 'dr',
-      authority: 'DR_BASE'
-    }
-  },
-  {
-    path: '/service-detail',
-    name: 'service-detail',
-    component: serviceDetail,
-    meta: {
-      title: $t('router.dr.servicedetail'),
-      ismenu: false,
-      type: 'dr',
-      authority: 'DR_BASE'
-    }
-  },
-  {
-    path: '/service-add',
-    name: 'service-add',
-    component: serviceAdd,
-    meta: {
-      title: $t('router.dr.servicemanage'),
-      ismenu: false,
-      type: 'dr',
-      authority: 'DR_BASE'
-    }
-  },
-  {
-    path: '/organizational-structure-manage',
-    name: 'organizational-structure-manage',
-    component: organizationalStructureManage,
-    meta: {
-      title: $t('term.dr.organizationalstructure'),
-      ismenu: true,
-      icon: 'tsfont-proxy',
-      type: 'dr',
-      authority: 'DR_BASE'
-    }
-  },
-  {
-    path: '/base-settings',
-    name: 'base-settings',
-    component: baseSettings,
-    meta: {
-      title: $t('router.dr.basicsetting'),
-      ismenu: true,
-      icon: 'tsfont-setting',
-      type: 'dr',
-      authority: 'DR_BASE'
-    }
-  }
-];
-export default routerArr;
diff --git a/src/views/pages/dr/service/detail/add-service-dialog.vue b/src/views/pages/dr/service/detail/add-service-dialog.vue
deleted file mode 100644
index cd258ad01c51977bc06b7fe9d00f8d0c249c7d1e..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/add-service-dialog.vue
+++ /dev/null
@@ -1,271 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      :title="$t('term.autoexec.selectnode')"
-      type="slider"
-      :isShow="true"
-      :multiple="multiple"
-      width="large"
-      @on-ok="okDialog"
-      @on-close="closeDialog"
-    >
-      <template v-slot>
-        <div>
-          <div class="pb-nm">
-            <CombineSearcher
-              v-model="searchVal"
-              v-bind="searchConfig"
-              :disabledList="disabledList"
-              :clearable="!disabledList.length"
-              @change="searchNodeList()"
-            ></CombineSearcher>
-          </div>
-          <TsTable
-            v-bind="tableData"
-            v-model="selectIdList"
-            :multiple="multiple"
-            :theadList="theadList"
-            keyName="id"
-            :loading="loadingShow"
-            selectedRemain
-            @changeCurrent="getDataList('currentPage',...arguments)"
-            @changePageSize="getDataList('pageSize',...arguments)"
-            @getSelected="getSelected"
-          >
-          </TsTable>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsTable: resolve => require(['@/resources/components/TsTable/TsTable.vue'], resolve),
-    CombineSearcher: resolve => require(['@/resources/components/CombineSearcher/CombineSearcher.vue'], resolve)
-  },
-  props: {
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    typeIdList: Array,
-    selectNodeList: Array
-  },
-  data() {
-    return {
-      loadingShow: true,
-      theadList: [
-        { key: 'selection' },
-        { title: this.$t('page.ip'), key: 'ip'},
-        { title: this.$t('page.port'), key: 'port'},
-        { title: this.$t('page.name'), key: 'name'},
-        { title: this.$t('page.tag'), key: 'tagList', type: 'tag'},
-        { title: this.$t('page.environment'), key: 'envName'},
-        { title: this.$t('term.cmdb.citype'), key: 'typeLabel'},
-        { title: this.$t('page.module'), key: 'appModuleName'},
-        { title: this.$t('page.apply'), key: 'appSystemName'},
-        { title: this.$t('term.autoexec.assetstatus'), key: 'stateName'},
-        { title: this.$t('page.networkarea'), key: 'networkArea'},
-        { title: this.$t('term.autoexec.subordinatedepartment'), key: 'bgList', type: 'usercards'},
-        { title: this.$t('page.owner'), key: 'ownerList', type: 'usercards'},
-        { title: this.$t('term.autoexec.maintenanceperiod'), key: 'maintenanceWindow'},
-        { title: this.$t('page.description'), key: 'description'}
-      ],
-      tableData: {},
-      searchVal: {
-        typeIdList: this.typeIdList
-      },
-      selectedRowId: null,
-      selectedRowData: null,
-      searchConfig: {
-        labelWidth: 100,
-        // placeholder: '请输入节点ip、端口、名称',
-        searchList: [
-          {
-            type: 'tree',
-            name: 'typeIdList',
-            label: this.$t('term.cmdb.citype'),
-            multiple: true,
-            url: '/api/rest/resourcecenter/resourcetype/tree',
-            textName: 'label',
-            valueName: 'id',
-            search: true,
-            transfer: true,
-            disabled: true
-          },
-          {
-            type: 'select',
-            name: 'appSystemIdList',
-            label: this.$t('page.apply'),
-            multiple: true,
-            value: null,
-            dynamicUrl: '/api/rest/resourcecenter/appsystem/list/forselect',
-            rootName: 'tbodyList',
-            dealDataByUrl: this.$utils.getAppForselect,
-            search: true,
-            transfer: true,
-            onChange: (val) => {
-              let appSystemIdList = [];
-              appSystemIdList = this.searchConfig.searchList.filter((item) => {
-                return item.name == 'appModuleIdList';
-              });
-              if (!this.$utils.isEmpty(appSystemIdList)) {
-                appSystemIdList[0].params.appSystemIdList = val;
-              }
-              if (val) {
-                this.$nextTick(() => {
-                  if (this.searchVal && this.searchVal.appModuleIdList) {
-                    this.$delete(this.searchVal, 'appModuleIdList');
-                    // this.changeValue();
-                  }
-                });
-              }
-            }
-          },
-          {
-            type: 'select',
-            name: 'appModuleIdList',
-            label: this.$t('page.module'),
-            multiple: true,
-            dynamicUrl: '/api/rest/resourcecenter/appmodule/list',
-            params: {appSystemIdList: null},
-            rootName: 'tbodyList',
-            dealDataByUrl: this.$utils.getAppForselect,
-            search: true,
-            transfer: true
-          },
-          {
-            type: 'checkbox',
-            name: 'envIdList',
-            label: this.$t('page.environment'),
-            multiple: true,
-            url: '/api/rest/resourcecenter/appenv/list/forselect',
-            params: {needPage: false},
-            rootName: 'tbodyList',
-            textName: 'name',
-            valueName: 'id',
-            transfer: true,
-            className: 'block-span'
-          },
-          {
-            type: 'select',
-            name: 'protocolIdList',
-            label: this.$t('term.inspect.connectionagreement'),
-            dynamicUrl: '/api/rest/resourcecenter/account/protocol/search',
-            rootName: 'tbodyList',
-            dealDataByUrl: this.$utils.getProtocolDataList,
-            multiple: true,
-            search: true,
-            clearable: true,
-            transfer: true
-          },
-          {
-            type: 'select',
-            name: 'tagIdList',
-            label: this.$t('page.tag'),
-            multiple: true,
-            dynamicUrl: '/api/rest/resourcecenter/tag/list/forselect',
-            rootName: 'tbodyList',
-            textName: 'name',
-            valueName: 'id',
-            search: true,
-            transfer: true
-          },
-          {
-            type: 'checkbox',
-            name: 'stateIdList',
-            label: this.$t('page.status'),
-            multiple: true,
-            url: '/api/rest/resourcecenter/state/list/forselect',
-            params: { needPage: false},
-            rootName: 'tbodyList',
-            textName: 'description',
-            valueName: 'id',
-            transfer: true,
-            className: 'block-span'
-          }
-        ]
-      },
-      disabledList: ['typeIdList'], //不可更改的搜索条件
-      selectIdList: []
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    searchNodeList(params) {
-      if (this.$utils.isEmpty(this.searchVal.typeIdList)) {
-        this.loadingShow = false;
-        return;
-      }
-      let data = this.searchVal;
-      if (params) {
-        Object.assign(data, params);
-      }
-      this.$api.common.getNodeList(data).then(res => {
-        if (res.Status == 'OK') {
-          this.tableData = res.Return;
-        }
-      }).finally(() => {
-        this.loadingShow = false;
-      });
-    },
-    getDataList(type, value) {
-      type == 'pageSize' && (this.pageSize = value);
-      let param = {
-        currentPage: type == 'currentPage' ? value : this.currentPage,
-        pageSize: type == 'pageSize' ? value : this.pageSize
-      };
-      this.searchNodeList(param);
-    },
-    okDialog() {
-      this.closeDialog(this.selectedRowData);
-    },
-    closeDialog(list) {
-      this.$emit('close', list);
-    },
-    getSelected(id, row) {
-      let selectedArr = this.tableData.tbodyList.filter(val => {
-        return id.includes(val.id); // 获取所有选中列表
-      });
-      this.selectedRowId = id;
-      this.selectedRowData = selectedArr;
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {
-    typeIdList: {
-      handler(val) {
-        if (val) {
-          this.$set(this.searchVal, 'typeIdList', val);
-          this.searchNodeList(this.searchVal);
-        }
-      },
-      deep: true,
-      immediate: true
-    },
-    selectNodeList: {
-      handler(val) {
-        if (!this.$utils.isEmpty(val)) {
-          this.selectIdList = this.$utils.mapArray(val, 'id');
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/service/detail/app-module-tree.vue b/src/views/pages/dr/service/detail/app-module-tree.vue
deleted file mode 100644
index d76e223b234a5b376adb84cd1768b5a0e793dec9..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/app-module-tree.vue
+++ /dev/null
@@ -1,270 +0,0 @@
-<template>
-  <div id="app-module-list-tree-wrap">
-    <div class="pr-sm pt-xs">
-      <InputSearcher v-model="searchParam.keyword" border="bottom" @change="searchAppSystem()"></InputSearcher>
-    </div>
-    <div ref="scroll">
-      <Loading v-if="isLoading" :loadingShow="true" type="fix"></Loading>
-      <div v-for="app in appSystemList" :key="app.id">
-        <div class="app-item pl-xs pb-xs pt-xs cursor radius-sm overflow" @click.stop="showModule(app)">
-          <span v-if="app.isHasModule">
-            <span v-if="!app.isLoading" :class="{ 'tsfont-right': !app.isExpand, 'tsfont-down': !!app.isExpand }"></span>
-            <Icon
-              v-else
-              type="ios-loading"
-              size="16"
-              class="loading"
-            ></Icon>
-          </span>
-          <span v-else class="tsfont-dot"></span>
-          <Tooltip
-            class="tooltip-box"
-            :content="app.abbrName + '（' + app.name + '）'"
-            :transfer="true"
-            :max-width="500"
-          >
-            <div style="width: 100%;">
-              <span class="name-pl overflow">{{ (app.abbrName +(app.name ? '(' + app.name + ')' : '' )) }}</span>
-            </div>
-          </Tooltip>
-        </div>
-        <div v-if="app.isExpand && app.appModuleList && app.appModuleList.length > 0">
-          <!--<div class="fz10 text-grey ml-nm mb-xs">模块列表</div>-->
-          <div v-for="module in app.appModuleList" :key="module.id">
-            <div class="module-item ml-nm pb-xs pt-xs radius-sm overflow cursor module-flex" @click.stop="showEnv(app, module)">
-              <span v-if="module.isHasEnv">
-                <span v-if="!module.isLoading" :class="{ 'tsfont-right': !module.isExpand, 'tsfont-down': !!module.isExpand }"></span>
-                <Icon
-                  v-else
-                  type="ios-loading"
-                  size="16"
-                  class="loading"
-                ></Icon>
-              </span>
-              <span v-else-if="!module.isHasEnv" class="tsfont-dot"></span>
-              <span v-else class="tsfont-application"></span>
-              <Tooltip class="tooltip-box" :content="module.abbrName + (module.name ? '（' + module.name + '）' : '')" :transfer="true">
-                <div style="width: 100%">
-                  <span class="name-pl overflow" v-html="module.keywordHighlight ? module.keywordHighlight : (module.abbrName +(module.name ? '(' + module.name + ')' : '' ))"></span>
-                </div>
-              </Tooltip>
-            </div>
-            <div v-if="module.isExpand && module.envList && module.envList.length > 0" class="ml-nm pb-xs pt-xs">
-              <Tag
-                v-for="env in module.envList"
-                :key="env.id"
-                :color="env.isSelected ? 'primary' : 'default'"
-                class="cursor"
-                @click.native="selectEnv(app, module, env)"
-              >
-                <span>
-                  {{ env.name }}
-                </span>
-              </Tag>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div v-if="currentPage < pageCount" class="text-href pl-lg" @click="searchAppSystem(searchParam.currentPage + 1)">{{ $t('term.codehub.loadmore') }}</div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    InputSearcher: resolve => require(['@/resources/components/InputSearcher/InputSearcher.vue'], resolve)
-  },
-  props: {
-    value: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data() {
-    return {
-      returnValue: this.value || {},
-      searchParam: { keyword: '', pageSize: 50 },
-      pageCount: 0,
-      currentPage: 1,
-      appSystemList: [],
-      isLoading: false,
-      selectedEnv: {}
-    };
-  },
-  beforeCreate() {},
-  async created() {
-    await this.searchAppSystem();
-  },
-  beforeMount() {},
-  mounted() {
-  },
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {
-  },
-  destroyed() {},
-  methods: {
-    async showModule(app) {
-      if (!app.isHasModule) {
-        return;
-      }
-      if (!app.isExpand) {
-        this.$set(app, 'isLoading', true);
-        await this.$api.cmdb.applicationManage
-          .getAppmoduleListTree({ appSystemId: app.id })
-          .then(res => {
-            if (res.Status == 'OK') {
-              this.$set(app, 'appModuleList', res.Return);
-              this.$set(app, 'isExpand', true);
-            }
-          })
-          .finally(() => {
-            this.$set(app, 'isLoading', false);
-          });
-      } else {
-        this.$set(app, 'isExpand', false);
-      }
-    },
-    async showEnv(app, module) {
-      if (!module.isHasEnv) {
-        return;
-      }
-      if (!module.isExpand) {
-        this.$set(module, 'isLoading', true);
-        let params = {
-          appSystemId: app.id,
-          appModuleId: module.id,
-          isHasEnv: 1
-        };
-        await this.$api.cmdb.applicationManage.getAppenvListTree(params).then(res => {
-          if (res && res.Status == 'OK') {
-            const envList = res.Return || [];
-            this.$set(module, 'envList', envList);
-            this.$set(module, 'isExpand', true);
-          }
-        }).finally(() => {
-          this.$set(module, 'isLoading', false);
-        });
-      } else {
-        this.$set(module, 'isExpand', false);
-      }
-    },
-    async searchAppSystem(currentPage) {
-      if (!currentPage) {
-        this.isLoading = true;
-        this.searchParam.currentPage = 1;
-      } else {
-        this.searchParam.currentPage = currentPage;
-      }
-      await this.$api.cmdb.applicationManage
-        .getAppsystemListTree(this.searchParam)
-        .then(async res => {
-          if (res && res.Status == 'OK') {
-            const dataList = res.Return.tbodyList || [];
-            this.pageCount = res.Return.pageCount;
-            this.currentPage = res.Return.currentPage;
-            if (dataList && dataList.length > 0) {
-              let appSystemIdList = [];
-              this.appSystemList &&
-                  this.appSystemList.forEach(item => {
-                    appSystemIdList.push(item.id);
-                  });
-              if (!currentPage) {
-                this.appSystemList = dataList;
-                this.initSelectNode();
-              } else {
-                dataList &&
-                    dataList.forEach(item => {
-                      // 添加应用后，处理下拉数据重复问题
-                      if (!appSystemIdList.includes(item.id)) {
-                        this.appSystemList.push(item);
-                      }
-                    });
-              }
-            } else {
-              if (!currentPage) {
-                this.appSystemList = [];
-              }
-            }
-          }
-        }).finally(() => {
-          this.isLoading = false;
-        });
-    },
-    selectEnv(app, module, env, disableEmit) {
-      if (env.isSelected) {
-        return;
-      } else {
-        if (this.selectedEnv) {
-          this.$set(this.selectedEnv, 'isSelected', false);
-          this.selectedEnv = null;
-        }
-        this.selectedEnv = env;
-        this.$set(env, 'isSelected', true);
-        if (!disableEmit) {
-          this.$set(this.returnValue, 'appSystemId', app.id);
-          this.$set(this.returnValue, 'appSystemName', app.name);
-          this.$set(this.returnValue, 'appModuleId', module.id);
-          this.$set(this.returnValue, 'appModuleName', module.name);
-          this.$set(this.returnValue, 'envId', env.id);
-          this.$set(this.returnValue, 'envName', env.name);
-        }
-        this.$emit('update', this.returnValue);
-      }
-    },
-    async initSelectNode() {
-      if (!this.$utils.isEmpty(this.returnValue)) {
-        const appSystemId = this.returnValue.appSystemId;
-        const appModuleId = this.returnValue.appModuleId;
-        const envId = this.returnValue.envId;
-        const appNode = this.appSystemList.find(d => d.id === appSystemId);
-        if (appNode && !appNode.isExpand) {
-          await this.showModule(appNode);
-        }
-        if (appNode) {
-          const moduleNode = appNode.appModuleList.find(d => d.id === appModuleId);
-          if (moduleNode && !moduleNode.isExpand) {
-            await this.showEnv(appNode, moduleNode);
-          }
-          if (moduleNode) {
-            const envNode = moduleNode.envList.find(d => d.id === envId);
-            if (envNode) {
-              if (!envNode.isSelected) {
-                this.selectEnv(appNode, moduleNode, envNode, true);
-              }
-            }
-          }
-        }
-      }
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less" scoped>
-.app-item {
-  position: relative;
-  display: flex;
-}
-.name-pl {
-  display: inline-block;
-  width: 100%;
-  padding-left: 4px;
-  padding-right: 32px;
-}
- .tooltip-box {
-    /deep/ &.ivu-tooltip,
-    /deep/ .ivu-tooltip-rel {
-      max-width: 100%;
-      width: 100%;
-    }
-  }
-.module-flex {
-  display: flex;
-}
-</style>
diff --git a/src/views/pages/dr/service/detail/app-service-dialog.vue b/src/views/pages/dr/service/detail/app-service-dialog.vue
deleted file mode 100644
index 1544f68f8f9e117015af6d4456696e78410a8b0c..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/app-service-dialog.vue
+++ /dev/null
@@ -1,259 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      :title="$t('term.process.catalog')"
-      type="slider"
-      :isShow="true"
-      width="large"
-      @on-ok="okDialog()"
-      @on-close="closeDialog()"
-    >
-      <template v-slot>
-        <Loading :loadingShow="loadingShow" type="fix"></Loading>
-        <TsRow>
-          <Col span="8">
-            <AppModuleTree :value="data" @update="updateTableList"></AppModuleTree>
-          </Col>
-          <Col span="16">
-            <div v-if="tableList && tableList.length > 0 ">
-              <div v-for="(item, index) in tableList" :key="index">
-                <div class="h3 padding-sm">
-                  <Checkbox
-                    :true-value="true"
-                    :false-value="false"
-                    :value="!!item.isSelect"
-                    @on-change="
-                      val => {
-                        $set(item, 'isSelect', !!val);
-                      }
-                    "
-                  >
-                    {{ item.type.label }}
-                  </Checkbox>
-                </div>
-                <TsTable
-                  :theadList="theadList"
-                  v-bind="filterTypeFields(item)"
-                  @changeCurrent="(currentPage) => changeCurrent(currentPage, item, index)"
-                  @changePageSize="(pageSize) => changePageSize(pageSize,item, index)"
-                >
-                  <template v-slot:ip="{ row }">
-                    <span>{{ row.ip }}</span>
-                    <span v-if="row.port">:{{ row.port }}</span>
-                  </template>
-                  <template v-slot:monitorStatus="{ row }">
-                    <!-- 监控状态 -->
-                    <span v-if="row.monitorStatusJson && row.monitorTime" :title="row.monitorTime | formatDate">
-                      <span :class="[row.monitorStatusJson.cssClass, {'background-FATAL': row.monitorStatusJson.value== 'FATAL'}]" class="vertical cursor">{{ row.monitorStatusJson.text }} </span>
-                      <span class="text-title">
-                        {{ handleTimes(row.monitorTime) | formatTimeCost({unitNumber: 1, language: 'zh',unit: 'minute'}) }} {{ $t('page.before') }}
-                      </span>
-                    </span>
-                    <span v-else>
-                      <span>-</span>
-                    </span>
-                  </template>
-                  <template v-slot:inspectStatus="{ row }">
-                    <!-- 巡检状态 -->
-                    <span v-if="row.inspectStatusJson && row.inspectTime" :title="row.inspectTime | formatDate">
-                      <span :class="[row.inspectStatusJson.cssClass, {'background-FATAL': row.inspectStatusJson.value== 'FATAL'}]" class="vertical cursor" @click="toInspectStatusDetail(row)">{{ row.inspectStatusJson.text }} </span>
-                      <span class="text-title">
-                        {{ handleTimes(row.inspectTime) | formatTimeCost({unitNumber: 1, language: 'zh',unit: 'minute'}) }} {{ $t('page.before') }}
-                      </span> 
-                    </span>
-                    <span v-else>-</span>
-                  </template>
-                  <template v-slot:bgList="{ row }">
-                    <GroupList :dataList="row.bgList" type="tag" textName="bgName"></GroupList>
-                  </template>
-                  <template v-slot:ownerList="{ row }">
-                    <GroupList :dataList="row.ownerList" type="tag" textName="userName"></GroupList>
-                  </template>
-                  <template v-slot:clusterName="{row}">
-                    <!-- 所在集群 -->
-                    <span v-if="row">{{ row.clusterName }}</span>
-                  </template>
-                </TsTable>
-              </div>
-            </div>
-            <NoData v-else></NoData>
-          </Col>
-        </TsRow>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    AppModuleTree: resolve => require(['./app-module-tree.vue'], resolve),
-    TsTable: resolve => require(['@/resources/components/TsTable/TsTable.vue'], resolve),
-    GroupList: resolve => require(['@/resources/components/GroupList/GroupList.vue'], resolve)
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data() {
-    return {
-      loadingShow: true,
-      theadList: [
-        { key: 'ip', title: this.$t('page.ipaddress')},
-        { key: 'name', title: this.$t('page.name')},
-        { key: 'monitorStatus', title: this.$t('term.inspect.monitoringstate')},
-        { key: 'inspectStatus', title: this.$t('term.autoexec.inspectstatus')},
-        { key: 'stateName', title: this.$t('term.autoexec.assetstatus')},
-        { key: 'envName', title: this.$t('term.inspect.envname')},
-        { key: 'clusterName', title: this.$t('term.inspect.clustername')},
-        { key: 'dataCenterName', title: this.$t('term.inspect.datacenter')},
-        { key: 'networkArea', title: this.$t('page.networkarea')},
-        { key: 'ownerList', title: this.$t('page.owner')},
-        { key: 'bgList', title: this.$t('term.autoexec.subordinatedepartment')},
-        { key: 'maintenanceWindow', title: this.$t('term.deploy.maintenancewindow')}
-      ],
-      tableList: [],
-      appSystemId: null,
-      appModuleId: null,
-      envId: null,
-      tableData: {
-        tbodyList: [],
-        rowNum: 0,
-        pageSize: 20,
-        currentPage: 1
-      },
-      typeIdList: [],
-      nodeList: []
-    };
-  },
-  beforeCreate() {},
-  created() {
-    this.init();
-  },
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    init() {
-      if (!this.$utils.isEmpty(this.data)) {
-        this.typeIdList = this.data.typeIdList || [];
-      } else {
-        this.loadingShow = false;
-      }
-    },
-    getTableData(row, index) {
-      let currentRow = {};
-      let params = {
-        appSystemId: this.appSystemId,
-        appModuleId: this.appModuleId,
-        envId: this.envId,
-        typeId: row && row.type ? row.type.id : null,
-        currentPage: this.tableData.currentPage,
-        pageSize: this.tableData.pageSize
-      };
-      if (this.$utils.isEmpty(this.appSystemId) || this.$utils.isEmpty(this.appModuleId) || this.$utils.isEmpty(this.envId)) {
-        this.tableList = [];
-        this.loadingShow = false;
-        return false;
-      }
-      this.loadingShow = true;
-      this.$api.cmdb.applicationManage.postAppmoduleResourceList(params).then(res => {
-        if (res.Status == 'OK') {
-          if (row && !this.$utils.isEmptyObj(row)) {
-            // 内嵌列表翻页
-            let tableList = (res.Return && res.Return.tableList) ? res.Return.tableList[0] : [];
-            currentRow = Object.assign({}, row, tableList);
-            this.$set(this.tableList, index, currentRow);
-          } else {
-            this.tableList = res.Return.tableList;
-          }
-          if (!this.$utils.isEmpty(this.tableList)) {
-            this.nodeList = [];
-            this.tableList.forEach(item => {
-              if (this.typeIdList.includes(item.type.id)) {
-                this.$set(item, 'isSelect', true);
-                this.nodeList.push(...item.tbodyList);
-              }
-            });
-          }
-        }
-      }).finally(() => {
-        this.loadingShow = false;
-      });
-    },
-    filterTypeFields(row) {
-      // 过滤类型字段，修复控制台报错问题
-      let currentRow = this.$utils.deepClone(row);
-      if (currentRow && currentRow.hasOwnProperty('type')) {
-        delete currentRow.type;
-      }
-      return currentRow;
-    },
-    changeCurrent(currentPage, item, index) {
-      this.tableData.currentPage = currentPage;
-      this.getTableData(item, index);
-    },
-    changePageSize(pageSize, item, index) {
-      this.tableData.pageSize = pageSize;
-      this.getTableData(item, index);
-    },
-    okDialog() {
-      let selectList = [];
-      let data = {
-        appSystemId: this.appSystemId,
-        appModuleId: this.appModuleId,
-        envId: this.envId,
-        ...this.returnValue
-      };
-      this.$set(data, 'typeIdList', []);
-      if (!this.$utils.isEmpty(this.tableList)) {
-        this.nodeList = [];
-        this.tableList.forEach(item => {
-          if (item.isSelect) {
-            selectList.push(item);
-            data.typeIdList.push(item.type.id);
-            this.nodeList.push(...item.tbodyList);
-          }
-        });
-      }
-      if (this.$utils.isEmpty(selectList)) {
-        this.$Notice.error({
-          title: this.$t('term.framework.errorinfo'),
-          desc: this.$t('term.dr.selectatleastmodel')
-        });
-        return;
-      }
-      this.closeDialog(data, this.nodeList);
-    },
-    closeDialog(data, nodeList) { 
-      this.$emit('close', data, nodeList);
-    },
-    handleTimes(time) {
-      let data = '-';
-      if (time) {
-        data = Date.parse(new Date()) - time;
-      }
-      return data;
-    },
-    updateTableList(data) {
-      this.returnValue = data || {};
-      this.appSystemId = data.appSystemId;
-      this.appModuleId = data.appModuleId;
-      this.envId = data.envId;
-      this.getTableData();
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/service/detail/baseinfo-dialog.vue b/src/views/pages/dr/service/detail/baseinfo-dialog.vue
deleted file mode 100644
index 48e78d1a73e7c99dd6fc58755a840fc81d666b9e..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/baseinfo-dialog.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      :title="$t('page.edit')"
-      type="modal"
-      :isShow="true"
-      @on-ok="save()"
-      @on-close="closeDialog()"
-    >
-      <template v-slot>
-        <div>
-          <Baseinfo ref="baseinfo" type="edit" :config="$utils.deepClone(serviceData)"></Baseinfo>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    Baseinfo: resolve => require(['./baseinfo.vue'], resolve)
-  },
-  props: {
-    serviceData: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data() {
-    return {};
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    closeDialog() {
-      this.$emit('close');
-    },
-    save() {
-      let baseSettings = this.$refs.baseinfo.getData();
-      let data = {
-        id: this.serviceData.id,
-        name: baseSettings.name || '',
-        orgId: baseSettings.orgId || '',
-        recoveryTimeObjective: baseSettings.recoveryTimeObjective || null,
-        recoveryPointObjective: baseSettings.recoveryPointObjective || null,
-        configFilePathList: baseSettings.configFilePathList
-      };
-      this.$api.dr.service.saveServiceBaseinfo(data).then((res) => {
-        if (res.Status === 'OK') {
-          this.$Message.success(this.$t('message.savesuccess'));
-          this.$emit('saveBaseInfo');
-        }
-      });
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/service/detail/baseinfo.vue b/src/views/pages/dr/service/detail/baseinfo.vue
deleted file mode 100644
index 4c790a38458471957e7c6a6501a1a11e128fd4ef..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/baseinfo.vue
+++ /dev/null
@@ -1,195 +0,0 @@
-<template>
-  <div>
-    <TsForm
-      ref="formConfig"
-      :item-list="formConfig"
-    >
-      <template v-slot:file>
-        <div v-for="(item,index) in configFilePathList" :key="index" class="file pb-sm">
-          <TsFormInput v-model="item.filePath"></TsFormInput>
-          <span class="tsfont-trash-s del-icon text-tip-active" @click="delFilepath(index)"></span>
-        </div>
-        <Button type="primary" ghost @click="addFile()">
-          <span class="tsfont-plus">{{ $t('page.path') }}</span>
-        </Button>
-      </template>
-    </TsForm>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsForm: resolve => require(['@/resources/plugins/TsForm/TsForm'], resolve),
-    TsFormInput: resolve => require(['@/resources/plugins/TsForm/TsFormInput'], resolve)
-  },
-  props: {
-    type: {
-      type: String,
-      default: 'add'
-    },
-    config: {
-      type: Object,
-      default: () => {}
-    },
-    dataCenterList: Array
-  },
-  data() {
-    return {
-      formConfig: {
-        name: {
-          type: 'text',
-          maxlength: 50,
-          label: this.$t('page.name'),
-          validateList: [
-            'required',
-            'name-special',
-            {
-              name: 'searchUrl',
-              url: '/api/rest/dr/service/save',
-              key: 'name'
-            }
-          ]
-        },
-        applicationType: {
-          type: 'select',
-          label: this.$t('term.dr.applicationtypename'),
-          url: '/api/rest/universal/enum/get',
-          params: { enumClass: 'DrAppType' },
-          validateList: ['required'],
-          isHidden: this.type === 'edit',
-          onChange: (val) => {
-            this.changeApplicationType(val);
-          }
-        },
-        orgId: {
-          type: 'tree',
-          label: this.$t('term.dr.org'),
-          url: '/api/rest/dr/organization/tree',
-          textName: 'name',
-          valueName: 'id',
-          search: true,
-          transfer: true,
-          validateList: ['required']
-        },
-        recoveryTimeObjective: {
-          type: 'number',
-          label: 'RTO（' + this.$t('page.minute') + '）'
-        },
-        recoveryPointObjective: {
-          type: 'number',
-          label: 'RPO（' + this.$t('page.minute') + '）'
-        },
-        file: {
-          type: 'slot',
-          label: this.$t('term.dr.fileconfigpath')
-        },
-        dataCenter: {
-          type: 'checkbox',
-          label: this.$t('term.dr.datacenterrel'),
-          url: '/api/rest/dr/datacenter/list',
-          valueName: 'id',
-          textName: 'name',
-          multiple: true,
-          validateList: ['required', {
-            name: 'custom',
-            trigger: 'change',
-            message: this.$t('term.dr.selectdatacenter'),
-            validator: (rule, val, el) => {
-              return this.validDatacenter(el);
-            }
-          }],
-          onChange: this.changeDataCenter,
-          isHidden: this.type === 'edit'
-        }
-      },
-      configFilePathList: []
-    };
-  },
-  beforeCreate() {},
-  created() {
-    this.init();
-  },
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    init() {
-      if (!this.$utils.isEmpty(this.config)) {
-        Object.keys(this.config).forEach(key => {
-          if (this.formConfig[key]) {
-            this.formConfig[key].value = this.config[key] || null;
-          }
-        });
-        if (this.config.configFilePathList) {
-          this.config.configFilePathList.forEach(item => {
-            this.configFilePathList.push({
-              filePath: item
-            });
-          });
-        }
-      }
-      if (!this.$utils.isEmpty(this.dataCenterList)) {
-        this.formConfig['dataCenter'].value = this.$utils.mapArray(this.dataCenterList, 'datacenterId');
-      }
-    },
-    changeApplicationType(val) {
-      this.$emit('updateApplicationType', val);
-    },
-    addFile() {
-      this.configFilePathList.push({
-        filePath: ''
-      });
-    },
-    delFilepath(index) {
-      this.configFilePathList.splice(index, 1);
-    },
-    validDatacenter(el) {
-      //关联数据中心校验：至少选择两项
-      let isValid = true;
-      if (el && el.currentValue.length < 2) {
-        isValid = false;
-      }
-      return isValid;
-    },
-    changeDataCenter(value, selectedItem) {
-      this.$emit('updateDataCenter', selectedItem);
-    },
-    valid() {
-      return this.$refs.formConfig.valid();
-    },
-    getData() {
-      this.baseSettings = this.$refs.formConfig.getFormValue() || {};
-      let data = {
-        name: this.baseSettings.name || '',
-        applicationType: this.baseSettings.applicationType || '',
-        orgId: this.baseSettings.orgId || '',
-        recoveryTimeObjective: this.baseSettings.recoveryTimeObjective || null,
-        recoveryPointObjective: this.baseSettings.recoveryPointObjective || null,
-        configFilePathList: this.$utils.mapArray(this.configFilePathList, 'filePath')
-        
-      };
-      return data;
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {
-  }
-};
-</script>
-<style lang="less" scoped>
-.file {
-  position: relative;
-  .del-icon {
-    position: absolute;
-    right: -20px;
-    top: 0;
-  }
-}
-</style>
diff --git a/src/views/pages/dr/service/detail/check-service-relationship-dialog.vue b/src/views/pages/dr/service/detail/check-service-relationship-dialog.vue
deleted file mode 100644
index c9bc08a4f7f7fd86adb67e60f1f842f804b29ca9..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/check-service-relationship-dialog.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      :title="$t('page.validate')"
-      type="modal"
-      :isShow="true"
-      @on-ok="okDialog"
-      @on-close="closeDialog"
-    >
-      <template v-slot>
-        <div>
-          <Alert type="error">服务依赖关系成环：{{ validData.path }}，请选择选择删除下面一个服务依赖关系</Alert>
-          
-          <div v-for="(item,index) in tbodyList" :key="index" class="from-name overflow">
-            <Checkbox v-model="item.isSelect" @on-change="(val)=>{changeSelect(val,item)}"></Checkbox>
-            <span class="pr-sm">{{ item.serviceName }}</span>
-            <span class="text-tip pl-sm pr-sm from-icon border-dashed"></span>
-            <span class="text-tip tsfont-right text-dividing"></span>
-            <span>{{ item.dependencyServiceName }}</span>
-          </div>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {},
-  props: {
-    validData: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data() {
-    return {
-      selectItem: null,
-      validateList: ['required'],
-      tbodyList: []
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {
-    this.init(); 
-  },
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    init() {
-      if (!this.$utils.isEmpty(this.validData)) {
-        this.tbodyList = this.validData.tbodyList;
-      }
-    },
-    okDialog() {
-      if (!this.selectItem) {
-        return;
-      }
-      this.$emit('delete', this.selectItem);
-    },
-    closeDialog() {
-      this.$emit('close');
-    },
-    changeSelect(val, item) {
-      if (val) {
-        this.tbodyList.forEach(d => {
-          if (d.serviceId === item.serviceId) {
-            this.selectItem = item;
-            this.$set(item, 'isSelect', true);
-          } else {
-            this.$set(item, 'isSelect', false);
-          }
-        });
-      } else {
-        this.selectItem = null;
-      }
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less" scoped>
-.from-name {
-  display: flex;
-  align-items: center;
-  &:not(:last-child){
-    padding-bottom: 10px;
-  }
-}
-</style>
diff --git a/src/views/pages/dr/service/detail/datacenter-edit.vue b/src/views/pages/dr/service/detail/datacenter-edit.vue
deleted file mode 100644
index 7244e42e8b850b40b23e766204362c67870b841a..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/datacenter-edit.vue
+++ /dev/null
@@ -1,353 +0,0 @@
-<template>
-  <div class="datacenter-edit">
-    <TsFormItem :label="$t('term.process.catalog')" required>
-      <template v-if="!$utils.isEmpty(baseServiceConfig)">
-        {{ baseServiceConfig.resourceName }}
-      </template>
-      <template v-else-if="!$utils.isEmpty(appServiceConfig)">
-        {{ appServiceConfig.appSystemName }}/{{ appServiceConfig.appModuleName }}/{{ appServiceConfig.envName }}
-      </template>
-      <Button
-        v-if="isAddService()"
-        type="primary"
-        ghost
-        @click="addService()"
-      >
-        <span class="tsfont-plus">{{ $t('term.process.catalog') }}</span>
-      </Button>
-      <span v-else class="tsfont-edit text-href pl-xs" @click="addService()"></span>
-      <div v-if="isShowValidMessage" class="form-error-tip">{{ validMesage }}</div>
-    </TsFormItem>
-    <TsFormItem :label="$t('page.node')">
-      <div v-if="!$utils.isEmpty(nodeList)">
-        <Tag v-for="(item, index) in nodeList" :key="index">
-          <span>{{ item.typeLabel }}
-            <span v-if="item.typeName">({{ item.typeName }})</span>
-            <span v-if="item.ip">[{{ item.ip }}{{ item.port?':'+item.port:'' }}]</span>
-          </span>
-        </Tag>
-      </div>
-      <div v-else>-</div>
-    </TsFormItem>
-    <TsFormItem :label="$t('term.dr.publicapplication')">
-      <div v-for="(item, i) in publicApplicationList" :key="i" class="pb-sm">
-        <Tag closable @on-close="delpublicApp(item,i )">
-          <span>{{ item.typeLabel }}
-            <span v-if="item.typeName">({{ item.typeName }})</span>
-            <span v-if="item.ip">[{{ item.ip }}{{ item.port?':'+item.port:'' }}]</span>
-          </span>
-        </Tag>
-      </div>
-      <Button type="primary" ghost @click="addPublicService()">
-        <span class="tsfont-plus">{{ $t('term.dr.publicapplication') }}</span>
-      </Button>
-    </TsFormItem>
-    <TsFormItem :label="$t('term.deploy.customparameter')">
-      <div v-for="(item,index) in customParamList" :key="index" class="pb-sm params">
-        <TsRow :gutter="0">
-          <Col span="12" class="pr-xs">
-            <TsFormInput
-              ref="paramInput"
-              v-model="item.key"
-              border="border"
-              :validateList="item.value?validateList:[]"
-            ></TsFormInput>
-          </Col>
-          <Col span="12">
-            <TsFormInput
-              ref="paramInput"
-              v-model="item.value"
-              border="border"
-              :validateList="item.key?validateList:[]"
-            ></TsFormInput>
-          </Col>
-        </TsRow>
-        <div v-if="customParamList.length > 0" class="tsfont-trash-o text-tip-active del-icon" @click="delParam(index)"></div>
-      </div>
-      <Button type="primary" ghost @click="addParam()">
-        <span class="tsfont-plus">{{ $t('page.param') }}</span>
-      </Button>
-    </TsFormItem>
-    <TsFormItem :label="'HA'+$t('page.scene')">
-      <div v-if="highAvailabilitySceneList.length">
-        <Tag
-          v-for="(item, i) in highAvailabilitySceneList"
-          :key="i"
-          closable
-          class="pr-xs pb-sm"
-          @on-close="delScene(item,i )"
-        >
-          <span>{{ item.sceneName }}[{{ item.combopName }}]</span>
-        </Tag>
-      </div>
-      <Button type="primary" ghost @click="addScene()">
-        <span class="tsfont-plus">{{ $t('page.scene') }}</span>
-      </Button>
-    </TsFormItem>
-    <HaSceneDialog v-if="isShowSceneDialog" :list="highAvailabilitySceneList" @close="closeSceneDialog"></HaSceneDialog>
-    <AddServiceDialog
-      v-if="isShowServiceDialog"
-      :typeIdList="typeIdList"
-      :multiple="isMultipleService"
-      :selectNodeList="selectNodeList"
-      @close="closeService"
-    ></AddServiceDialog>
-    <AppServiceDialog v-if="isShowAppServiceDialog" :data="appServiceConfig" @close="closeAppService"></AppServiceDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsFormItem: resolve => require(['@/resources/plugins/TsForm/TsFormItem'], resolve),
-    TsFormInput: resolve => require(['@/resources/plugins/TsForm/TsFormInput'], resolve),
-    AddServiceDialog: resolve => require(['./add-service-dialog.vue'], resolve),
-    HaSceneDialog: resolve => require(['./ha-scene-dialog.vue'], resolve),
-    AppServiceDialog: resolve => require(['./app-service-dialog.vue'], resolve)
-  },
-  props: {
-    applicationType: {
-      type: String,
-      default: ''
-    },
-    data: {
-      type: Object,
-      default: () => {}
-    },
-    ciList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      filter: {}, //服务条件
-      publicApplicationIdList: [], //公共服务id
-      publicApplicationList: [],
-      customParamList: [
-        {
-          value: '',
-          key: ''
-        }
-      ], //自定义参数
-      highAvailabilitySceneList: [], //HA场景
-      isShowSceneDialog: false,
-      isShowServiceDialog: false,
-      isMultipleService: false,
-      typeIdList: [], //模型类型
-      baseServiceConfig: {},
-      appServiceConfig: {},
-      allBaseTypeIdList: [],
-      nodeList: [], //选中的节点
-      selectNodeList: [],
-      isShowAppServiceDialog: false,
-      basicservicesTypeIdList: [],
-      networkTypeIdList: [],
-      validateList: ['required'],
-      isShowValidMessage: false,
-      validMesage: this.$t('form.placeholder.pleaseselect', {'target': this.$t('term.process.catalog')})
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {
-    this.init();
-  },
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    init() {
-      let findItem = this.ciList.find(item => item.name === this.applicationType);
-      if (findItem) {
-        this.typeIdList = findItem.ciIdList;
-      }
-      let basicservicesConfig = this.ciList.find(item => item.name === 'basicservices');
-      let networkConfig = this.ciList.find(item => item.name === 'network');
-      this.basicservicesTypeIdList = basicservicesConfig.ciIdList || [];
-      this.networkTypeIdList = networkConfig.ciIdList || [];
-      let allList = this.basicservicesTypeIdList.concat(this.networkTypeIdList);
-      this.allBaseTypeIdList = this.$utils.uniqueArr(allList);
-    },
-    addService() {
-      this.selectNodeList = [];
-      this.typeIdList = [];
-      if (this.applicationType === 'basicservices' || this.applicationType === 'network') {
-        if (this.applicationType === 'basicservices') {
-          this.typeIdList = this.basicservicesTypeIdList;
-        } else {
-          this.typeIdList = this.networkTypeIdList;
-        }
-        if (!this.$utils.isEmpty(this.baseServiceConfig)) {
-          this.selectNodeList.push({
-            id: this.baseServiceConfig.resourceId
-          });
-        }
-        this.isMultipleService = false;
-        this.isShowServiceDialog = true;
-      } else {
-        this.isShowAppServiceDialog = true;
-      }
-    },
-    addPublicService() {
-      this.typeIdList = this.allBaseTypeIdList;
-      this.selectNodeList = this.publicApplicationList;
-      this.isMultipleService = true;
-      this.isShowServiceDialog = true;
-    },
-    closeService(list) {
-      if (this.isMultipleService) {
-        list && (this.publicApplicationList = list);
-      } else {
-        if (list && list[0]) {
-          this.nodeList = list;
-          this.baseServiceConfig = {
-            resourceId: list[0].id,
-            resourceName: list[0].name,
-            ip: list[0].ip,
-            port: list[0].port,
-            typeLabel: list[0].typeLabel,
-            typeName: list[0].typeName
-          };
-          this.isShowValidMessage = false;
-        }
-      }
-      this.isShowServiceDialog = false;
-    },
-    delpublicApp(item, i) {
-      this.publicApplicationList.splice(i, 1);
-    },
-    addScene() {
-      this.currentScene;
-      this.isShowSceneDialog = true;
-    },
-    closeSceneDialog(item) {
-      if (item) {
-        this.highAvailabilitySceneList.push(item);
-      }
-      this.isShowSceneDialog = false;
-    },
-    delScene(item, i) {
-      this.highAvailabilitySceneList.splice(i, 1);
-    },
-    addParam() {
-      this.customParamList.push({
-        value: '',
-        key: ''
-      });
-    },
-    delParam(index) {
-      this.customParamList.splice(index, 1);
-    },
-    getData() {
-      let data = {
-        datacenterId: this.data.datacenterId,
-        datacenterName: this.data.datacenterName,
-        config: {
-          filter: {},
-          publicApplicationIdList: this.$utils.mapArray(this.publicApplicationList, 'id'),
-          publicApplicationList: this.publicApplicationList,
-          customParamList: [],
-          highAvailabilitySceneList: this.highAvailabilitySceneList,
-          nodeList: this.nodeList
-        }
-      };
-      let customParamList = this.customParamList.filter(item => {
-        return !this.$utils.isEmpty(item.key) && !this.$utils.isEmpty(item.value);
-      });
-      if (!this.$utils.isEmpty(customParamList)) {
-        this.$set(data.config, 'customParamList', customParamList);
-      }
-      if (this.applicationType === 'basicservices' || this.applicationType === 'network') {
-        this.$set(data.config, 'filter', this.baseServiceConfig);
-      } else {
-        this.$set(data.config, 'filter', this.appServiceConfig);
-      }
-      return data;
-    },
-    valid() {
-      let isValid = true;
-      this.isShowValidMessage = false;
-      if (this.applicationType === 'basicservices' || this.applicationType === 'network') {
-        if (!this.baseServiceConfig.resourceId) {
-          isValid = false;
-          this.isShowValidMessage = true;
-        }
-      } else {
-        if (this.$utils.isEmpty(this.appServiceConfig.typeIdList)) {
-          isValid = false;
-          this.isShowValidMessage = true;
-        }
-      }
-      let paramInputList = this.$refs.paramInput;
-      if (!this.$utils.isEmpty(paramInputList)) {
-        Array.from(paramInputList).forEach((item) => {
-          if (!item.valid()) {
-            isValid = false;
-          }
-        });
-      }
-      return isValid;
-    },
-    closeAppService(data, nodeList) {
-      if (data) {
-        this.appServiceConfig = data;
-        this.isShowValidMessage = false;
-      }
-      nodeList && (this.nodeList = nodeList);
-      this.isShowAppServiceDialog = false;
-    }
-  },
-  filter: {},
-  computed: {
-    isAddService() {
-      return () => {
-        let isAdd = true;
-        if ((!this.$utils.isEmpty(this.baseServiceConfig) && this.baseServiceConfig.resourceId) || (!this.$utils.isEmpty(this.appServiceConfig) && !this.$utils.isEmpty(this.appServiceConfig.typeIdList))) {
-          isAdd = false;
-        }
-        return isAdd;
-      };
-    }
-  },
-  watch: {
-    data: {
-      handler(val) {
-        if (val && val.config) {
-          let datacenterData = this.$utils.deepClone(val);
-          this.publicApplicationIdList = datacenterData.config.publicApplicationIdList || [];
-          this.publicApplicationList = datacenterData.config.publicApplicationList || [];
-          this.customParamList = datacenterData.config.customParamList || [];
-          this.highAvailabilitySceneList = datacenterData.config.highAvailabilitySceneList || [];
-          this.filter = datacenterData.config.filter || {};
-          if (this.applicationType === 'basicservices' || this.applicationType === 'network') {
-            this.baseServiceConfig = this.filter;
-          } else {
-            this.appServiceConfig = this.filter;
-          }
-          this.nodeList = datacenterData.config.nodeList || [];
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.datacenter-edit {
-  padding-right: 24px;
-}
-.params {
-  position: relative;
-  .del-icon {
-    position: absolute;
-    right: -20px;
-    top: 0;
-  }
-}
-</style>
diff --git a/src/views/pages/dr/service/detail/datacenter.vue b/src/views/pages/dr/service/detail/datacenter.vue
deleted file mode 100644
index 9e97fcfe309ed91196c77038a44ead4b35d9c542..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/datacenter.vue
+++ /dev/null
@@ -1,295 +0,0 @@
-<template>
-  <div class="datacenter clearfix">
-    <TsCard v-bind="cardData">
-      <template v-slot:firstBtn>
-        <div class="add tsfont-plus text-action" @click.stop="addData">
-          {{ $t('term.inspect.datacenter') }}
-        </div>
-      </template>
-      <template slot-scope="{ row }">
-        <div class="padding-sm">
-          <div class="overflow pb-xs">
-            {{ row.dataCenterName }}
-          </div>
-          <div v-if="row.config.filter">
-            <span v-if="row.config.filter.resourceName">
-              {{ row.config.filter.resourceName }}
-            </span>
-            <span v-else>
-              {{ row.config.filter.appSystemName }}/{{ row.config.filter.appModuleName }}/{{ row.config.filter.envName }}
-            </span>
-          </div>
-          <div class="pb-sm">
-            <Divider orientation="start"><div class="text-title">{{ $t('page.node') }}</div></Divider>
-            <div class="tag-style" :class="{'pr-lg':!$utils.isEmpty(row.config.nodeList) && row.config.nodeList.length > 1}">
-              <div v-if="!$utils.isEmpty(row.config.nodeList)" class="overflow border-base radius-mi pl-xs pr-xs text-center">
-                {{ row.config.nodeList[0].typeLabel }}
-                <span v-if="row.config.nodeList[0].typeName">({{ row.config.nodeList[0].typeName }})</span>
-                <span v-if="row.config.nodeList[0].ip">[{{ row.config.nodeList[0].ip }}{{ row.config.nodeList[0].port?':'+row.config.nodeList[0].port:'' }}]</span>
-              </div>
-              <div v-else>-</div>
-              <div v-if="!$utils.isEmpty(row.config.nodeList) && row.config.nodeList.length > 1" class="tag-more">
-                <Dropdown transfer>
-                  <span class="tsfont-option-horizontal"></span>
-                  <DropdownMenu slot="list">
-                    <DropdownItem v-for="(item,index) in row.config.nodeList" :key="index">
-                      {{ item.typeLabel }}{{ item.typeName? '('+item.typeName+')':'' }}<span v-if="item.ip">[{{ item.ip }}{{ item.port?':'+item.port:'' }}]</span>
-                    </DropdownItem>
-                  </DropdownMenu>
-                </Dropdown>
-              </div>
-            </div>
-          </div>
-          <div class="pb-sm">
-            <Divider orientation="start"><div class="text-title">{{ $t('term.dr.publicapplication') }}</div></Divider>
-            <div class="tag-style" :class="{'pr-lg':!$utils.isEmpty(row.config.publicApplicationList) && row.config.publicApplicationList.length > 1}">
-              <div v-if="!$utils.isEmpty(row.config.publicApplicationList)" class="overflow border-base radius-mi pl-xs pr-xs text-center">
-                {{ row.config.publicApplicationList[0].typeLabel }}
-                <span v-if="row.config.publicApplicationList[0].typeName">({{ row.config.publicApplicationList[0].typeName }})</span>
-                <span v-if="row.config.publicApplicationList[0].ip">[{{ row.config.publicApplicationList[0].ip }}{{ row.config.publicApplicationList[0].port?':'+row.config.publicApplicationList[0].port:'' }}]</span>
-              </div>
-              <div v-else>-</div>
-              <div v-if="!$utils.isEmpty(row.config.publicApplicationList) && row.config.publicApplicationList.length > 1" class="tag-more">
-                <Dropdown transfer>
-                  <span class="tsfont-option-horizontal"></span>
-                  <DropdownMenu slot="list">
-                    <DropdownItem v-for="(item,index) in row.config.publicApplicationList" :key="index">
-                      {{ item.typeLabel }}
-                      <span v-if="item.typeName">({{ item.typeName }})</span>
-                      <span v-if="item.ip">[{{ item.ip }}{{ item.port?':'+item.port:'' }}]</span>
-                    </DropdownItem>
-                  </DropdownMenu>
-                </Dropdown>
-              </div>
-            </div>
-          </div>
-          <div class="pb-sm">
-            <Divider orientation="start"><div class="text-title">{{ $t('term.deploy.customparameter') }}</div></Divider>
-            <div class="tag-style">
-              <div v-if="!$utils.isEmpty(row.config.customParamList)" class="tag-text overflow border-base radius-mi pl-xs pr-xs">
-                <span v-if="row.config.customParamList[0].key">  {{ row.config.customParamList[0].key }}:{{ row.config.customParamList[0].value }}</span>
-              </div>
-              <div v-else>-</div>
-              <div v-if="!$utils.isEmpty(row.config.customParamList) && row.config.customParamList.length > 1" class="tag-more">
-                <Dropdown transfer>
-                  <span class="tsfont-option-horizontal"></span>
-                  <DropdownMenu slot="list">
-                    <DropdownItem v-for="(item,index) in row.config.customParamList" :key="index">
-                      <span v-if="item.key">{{ item.key }}:{{ item.value }}</span>
-                    </DropdownItem>
-                  </DropdownMenu>
-                </Dropdown>
-              </div>
-            </div>
-          </div>
-          <div>
-            <Divider orientation="start"><div class="text-title">HA{{ $t('page.scene') }}</div></Divider>
-            <div class="tag-style">
-              <div v-if="!$utils.isEmpty(row.config.highAvailabilitySceneList)" class="tag-text overflow border-base radius-mi pl-xs pr-xs">
-                {{ row.config.highAvailabilitySceneList[0].sceneName }}
-              </div>
-              <div v-else>-</div>
-              <div v-if="!$utils.isEmpty(row.config.highAvailabilitySceneList) && row.config.highAvailabilitySceneList.length > 1" class="tag-more">
-                <Dropdown transfer>
-                  <span class="tsfont-option-horizontal"></span>
-                  <DropdownMenu slot="list">
-                    <DropdownItem v-for="(item,index) in row.config.highAvailabilitySceneList" :key="index">
-                      {{ item.sceneName }}
-                    </DropdownItem>
-                  </DropdownMenu>
-                </Dropdown>
-              </div>
-            </div>
-          </div>
-        </div>
-      </template>
-      <template v-slot:control="{ row }">
-        <div class="tsfont-edit" @click="editData(row)">{{ $t('page.edit') }}</div>
-        <div class="pl-sm tsfont-trash-o" @click="deleteData(row)">{{ $t('page.delete') }}</div>
-      </template>
-    </TsCard>
-    <TsDialog
-      v-if="isShowDialog"
-      :title="$t('page.edit')"
-      type="slider"
-      :isShow.sync="isShowDialog"
-      @on-ok="okDialog"
-      @on-close="closeDialog"
-    >
-      <template v-slot>
-        <div>
-          <TsFormItem v-if="type==='add'" :label="$t('term.dr.datacenterrel')" required>
-            <TsFormSelect ref="dataCenterForm" v-model="dataCenterId" v-bind="dataCenterForm"></TsFormSelect>
-          </TsFormItem>
-          <DatacenterEdit
-            ref="datacenter"
-            :data="datacenterConfig"
-            :applicationType="applicationType"
-            :ciList="ciList"
-          ></DatacenterEdit>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsCard: resolve => require(['@/resources/components/TsCard/TsCard.vue'], resolve),
-    DatacenterEdit: resolve => require(['./datacenter-edit.vue'], resolve),
-    TsFormItem: resolve => require(['@/resources/plugins/TsForm/TsFormItem'], resolve),
-    TsFormSelect: resolve => require(['@/resources/plugins/TsForm/TsFormSelect'], resolve)
-  },
-  props: {
-    list: Array,
-    applicationType: {
-      type: String,
-      default: ''
-    },
-    ciList: {
-      type: Array,
-      default: () => []
-    },
-    serviceId: Number
-  },
-  data() {
-    return {
-      cardData: {
-        sm: 12,
-        lg: 8,
-        xl: 6,
-        xxl: 4,
-        headerPosition: 'right',
-        padding: false,
-        boxShadow: false,
-        firstBtn: true,
-        tbodyList: []
-      },
-      datacenterConfig: {},
-      isShowDialog: false,
-      type: 'add',
-      dataCenterForm: {
-        url: '/api/rest/dr/datacenter/list',
-        dealDataByUrl: this.dealDataByUrl,
-        valueName: 'id',
-        textName: 'name',
-        multiple: false,
-        validateList: ['required'],
-        border: 'border'
-      },
-      dataCenterId: null
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {
-    this.init();
-  },
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    dealDataByUrl(nodeList) {
-      let list = [];
-      nodeList.forEach(item => {
-        let findItem = this.list.find(d => d.dataCenterId === item.id);
-        if (findItem) {
-          this.$set(item, '_disabled', true);
-        }
-        list.push(item);
-      });
-      return list;
-    },
-    init() {
-      if (!this.$utils.isEmpty(this.list)) {
-        this.cardData.tbodyList = this.list;
-      }
-    },
-    addData() {
-      this.type = 'add';
-      this.isShowDialog = true;
-    },
-    editData(row) {
-      this.type = 'edit';
-      this.datacenterConfig = row;
-      this.isShowDialog = true;
-    },
-    deleteData(row) {
-      if (row.referenceCount) {
-        return;
-      }
-      this.$createDialog({
-        title: this.$t('page.warning'),
-        content: this.$t('dialog.content.deleteconfirm', {'target': this.$t('page.scene')}),
-        btnType: 'error',
-        'on-ok': vnode => {
-          vnode.isShow = false;
-          this.$api.dr.service.deleteServiceDatacenter({
-            serviceId: row.serviceId,
-            dataCenterId: row.dataCenterId
-          }).then(res => {
-            if (res && res.Status == 'OK') {
-              this.$Message.success(this.$t('message.deletesuccess'));
-              this.$emit('update');
-            }
-          });
-        }
-      });
-    },
-    closeDialog() {
-      this.isShowDialog = false;
-      this.dataCenterId = null;
-      this.datacenterConfig = {};
-    },
-    okDialog() {
-      if (this.$refs.dataCenterForm && !this.$refs.dataCenterForm.valid()) {
-        return;
-      } else if (!this.$refs.datacenter.valid()) {
-        return;
-      }
-      let data = this.$refs.datacenter.getData();
-      this.$api.dr.service.saveServiceDatacenter({
-        serviceId: this.serviceId,
-        dataCenterId: this.datacenterConfig.dataCenterId || this.dataCenterId,
-        config: data.config
-      }).then((res) => {
-        if (res.Status === 'OK') {
-          this.$emit('update');
-          this.closeDialog();
-        }
-      });
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less" scoped>
-.datacenter {
-  /deep/.tscard-body {
-    height: 360px !important;
-  }
-  .add {
-    text-align: center;
-    line-height: 360px;
-  }
-}
-.tag-style {
-  position: relative;
-  height: 24px;
-  .tag-more {
-    position: absolute;
-    right: 0px;
-    top: 0px;
-  }
-  .tag-text {
-    display: inline-block;
-  }
-}
-</style>
diff --git a/src/views/pages/dr/service/detail/ha-scene-dialog.vue b/src/views/pages/dr/service/detail/ha-scene-dialog.vue
deleted file mode 100644
index eb62ca8f26e58100bb6407f5e2ddb94cb5f2ebbe..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/ha-scene-dialog.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      :title="$t('page.add')"
-      type="modal"
-      :isShow="true"
-      @on-ok="okSceneDialog()"
-      @on-close="closeSceneDialog()"
-    >
-      <template v-slot>
-        <div>
-          <TsForm ref="sceneConfig" v-model="sceneData" :item-list="sceneConfig"></TsForm>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsForm: resolve => require(['@/resources/plugins/TsForm/TsForm'], resolve)
-  },
-  props: {
-    list: {
-      type: Array
-    }
-  },
-  data() {
-    return {
-      sceneData: {},
-      sceneConfig: {
-        sceneName: {
-          type: 'text',
-          maxlength: 50,
-          label: this.$t('page.scenarioname'),
-          validateList: ['required', 'name-special'],
-          errorMessage: '',
-          onChange: (val) => {
-            this.checkExist(val);
-          }
-        },
-        combopId: {
-          type: 'select',
-          label: this.$t('term.autoexec.relatecombinationtool'),
-          dynamicUrl: '/api/rest/autoexec/combop/executable/list',
-          valueName: 'id', 
-          textName: 'name', 
-          rootName: 'tbodyList',
-          validateList: ['required'],
-          transfer: true,
-          onChange: (val, valueObject, selectItem) => {
-            this.changeCombopId(val, selectItem);
-          }
-        }
-      }
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    checkExist(val) {
-      let findSamename = this.list.find(item => item.sceneName == val);
-      if (findSamename) {
-        this.sceneConfig.sceneName.errorMessage = this.$t('message.cannotrepeat', {'target': this.$t('page.name')});
-      } else {
-        this.sceneConfig.sceneName.errorMessage = '';
-      }
-    },
-    changeCombopId(val, selectItem) {
-      if (val) {
-        this.$set(this.sceneData, 'combopId', val);
-        this.$set(this.sceneData, 'combopName', selectItem.name);
-      } else {
-        this.$set(this.sceneData, 'combopId', null);
-        this.$set(this.sceneData, 'combopName', null);
-      }
-    },
-    okSceneDialog() {
-      if (!this.$refs.sceneConfig.valid()) {
-        return;
-      }
-      this.closeSceneDialog(this.sceneData);
-    },
-    closeSceneDialog(data) {
-      this.$emit('close', data);
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/service/detail/scene-dialog.vue b/src/views/pages/dr/service/detail/scene-dialog.vue
deleted file mode 100644
index 461c6f727805bd414fff10ac10f74161293bf16b..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/scene-dialog.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      type="modal"
-      :isShow="true"
-      :title="$t('page.scene')"
-      @on-ok="okDialog()"
-      @on-close="closeDialog()"
-    >
-      <template v-slot>
-        <div>
-          <TsForm
-            ref="nameForm"
-            v-model="formData"
-            :item-list="formConfig"
-          >
-          </TsForm>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsForm: resolve => require(['@/resources/plugins/TsForm/TsForm'], resolve)
-  },
-  props: {
-    sceneConfig: {
-      type: Object,
-      default: () => {}
-    },
-    sceneList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      formConfig: {
-        sceneId: {
-          type: 'select',
-          url: '/api/rest/dr/scene/list',
-          dealDataByUrl: this.dealDataByUrl,
-          valueName: 'id', 
-          textName: 'name', 
-          label: this.$t('page.scenarioname'),
-          validateList: ['required'],
-          transfer: true,
-          onChange: (val, valueObject, selectItem) => {
-            this.changeSceneId(val, selectItem);
-          }
-        },
-        combopId: {
-          type: 'select',
-          label: this.$t('term.autoexec.relatecombinationtool'),
-          dynamicUrl: '/api/rest/autoexec/combop/executable/list',
-          valueName: 'id', 
-          textName: 'name', 
-          rootName: 'tbodyList',
-          validateList: ['required'],
-          transfer: true,
-          onChange: (val, valueObject, selectItem) => {
-            this.changeCombopId(val, selectItem);
-          }
-        }
-      },
-      validateList: ['required'],
-      formData: {}
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    dealDataByUrl(nodeList) {
-      let list = [];
-      nodeList.forEach(item => {
-        let findItem = this.sceneList.find(d => d.sceneId === item.id);
-        if (findItem && this.sceneConfig.sceneId != item.id) {
-          this.$set(item, '_disabled', true);
-        }
-        list.push(item);
-      });
-      return list;
-    },
-    okDialog() {
-      this.closeDialog(true);
-    },
-    closeDialog(isUpdate = false) {
-      this.$emit('close', isUpdate, this.formData);
-    },
-    changeSceneId(val, selectItem) {
-      if (val) {
-        this.$set(this.formData, 'sceneId', val);
-        this.$set(this.formData, 'sceneName', selectItem.name);
-        this.$set(this.formData, 'sourceName', selectItem.sourceName);
-        this.$set(this.formData, 'targetName', selectItem.targetName);
-      } else {
-        this.$set(this.formData, 'sceneId', null);
-        this.$set(this.formData, 'sceneName', null);
-        this.$set(this.formData, 'sourceName', null);
-        this.$set(this.formData, 'targetName', null);
-      }
-    },
-    changeCombopId(val, selectItem) {
-      if (val) {
-        this.$set(this.formData, 'combopId', val);
-        this.$set(this.formData, 'combopName', selectItem.name);
-      } else {
-        this.$set(this.formData, 'combopId', null);
-        this.$set(this.formData, 'combopName', null);
-      }
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {
-    sceneConfig: {
-      handler(val) {
-        if (val) {
-          this.formData = this.$utils.deepClone(val);
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/service/detail/scene.vue b/src/views/pages/dr/service/detail/scene.vue
deleted file mode 100644
index d5943088ed624fa2a9f7ec52959baef016a1725a..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/scene.vue
+++ /dev/null
@@ -1,184 +0,0 @@
-<template>
-  <div class="scene clearfix">
-    <TsCard
-      v-bind="cardData"
-    >
-      <template v-slot:firstBtn>
-        <div class="add tsfont-plus text-action" @click.stop="addScene">
-          {{ $t('page.scene') }}
-        </div>
-      </template>
-      <template slot-scope="{ row }">
-        <div class="padding-sm">
-          <div class="overflow pb-xs">
-            {{ row.sceneName }}
-          </div>
-          <div class="text-tip overflow pb-xs">
-            <span class="pr-sm">{{ $t('term.inspect.datacenter') }}：</span>
-            <template v-if="row.sourceName">
-              <span>{{ row.sourceName }}</span>
-              <span class="tsfont-arrow-right pl-sm pr-sm"></span>
-              <span>{{ row.targetName }}</span>
-            </template>
-            <span v-else>-</span>
-          </div>
-          <div class="text-tip overflow">
-            <span class="pr-sm">{{ $t('term.dr.combopname') }}：{{ row.combopName }}</span>
-          </div>
-        </div>
-      </template>
-      <template v-slot:control="{ row, index }">
-        <div class="tsfont-edit" @click="editScene(row, index)">{{ $t('page.edit') }}</div>
-        <div class="pl-sm tsfont-trash-o" @click="deleteScene(row,index)">{{ $t('page.delete') }}</div>
-      </template>
-    </TsCard>
-    <SceneDialog
-      v-if="isShowDialog"
-      :sceneConfig="sceneConfig"
-      :sceneList="cardData.tbodyList"
-      @close="closeScene"
-    ></SceneDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsCard: resolve => require(['@/resources/components/TsCard/TsCard.vue'], resolve),
-    SceneDialog: resolve => require(['./scene-dialog.vue'], resolve)
-  },
-  props: {
-    serviceId: {
-      type: Number,
-      default: null
-    },
-    sceneList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      cardData: {
-        sm: 12,
-        lg: 8,
-        xl: 6,
-        xxl: 4,
-        headerPosition: 'right',
-        padding: false,
-        boxShadow: false,
-        firstBtn: true,
-        tbodyList: []
-      },
-      sceneConfig: {},
-      isShowDialog: false,
-      editIndex: 0
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {
-    this.init();
-  },
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    init() {
-      if (!this.$utils.isEmpty(this.sceneList)) {
-        this.cardData.tbodyList = this.sceneList;
-      }
-    },
-    addScene() {
-      this.type = 'add';
-      this.sceneConfig = {};
-      this.isShowDialog = true;
-    },
-    editScene(row, index) {
-      this.type = 'edit';
-      this.editIndex = index;
-      this.sceneConfig = row;
-      this.isShowDialog = true;
-    },
-    deleteScene(row, index) {
-      if (row.referenceCount) {
-        return;
-      }
-      this.$createDialog({
-        title: this.$t('page.warning'),
-        content: this.$t('dialog.content.deleteconfirm', {'target': row.sceneName}),
-        btnType: 'error',
-        'on-ok': async(vnode) => {
-          vnode.isShow = false;
-          if (this.serviceId) {
-            await this.okDeleteScene(row);
-          }
-          this.cardData.tbodyList.splice(index, 1);
-          this.$emit('update', this.cardData.tbodyList);
-        }
-      });
-    },
-    okDeleteScene(item) {
-      return this.$api.dr.service.deleteServiceScene({
-        serviceId: this.serviceId,
-        sceneId: item.sceneId,
-        combopId: item.combopId
-      }).then((res) => {
-        if (res.Status === 'OK') {
-          this.$Message.success(this.$t('message.deletesuccess'));
-        }
-      });
-    },
-    async closeScene(isUpdate, data) {
-      this.isShowDialog = false;
-      this.sceneConfig = {};
-      if (isUpdate) {
-        if (this.serviceId) {
-          await this.saveScene(data);
-        }
-        if (this.type === 'add') {
-          this.cardData.tbodyList.push(data);
-        } else { 
-          this.cardData.tbodyList.splice(this.editIndex, 1, data);
-        }
-        this.$emit('update', this.cardData.tbodyList);
-      }
-    },
-    saveScene(item) {
-      if (item) {
-        return this.$api.dr.service.saveServiceScene({
-          serviceId: this.serviceId,
-          sceneId: item.sceneId,
-          combopId: item.combopId
-        }).then((res) => {
-          if (res.Status === 'OK') {
-            this.$Message.success(this.$t('message.savesuccess'));
-          }
-        });
-      }
-    },
-    getData() {
-      return this.cardData.tbodyList || [];
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less" scoped>
-.scene {
-  position: relative;
-  /deep/.tscard-body {
-    height: 100px !important;
-  }
-}
-.add {
-  text-align: center;
-  line-height: 88px;
-}
-</style>
diff --git a/src/views/pages/dr/service/detail/service-relationship-dialog.vue b/src/views/pages/dr/service/detail/service-relationship-dialog.vue
deleted file mode 100644
index 6f3c46b9b87504820de19e6ddbd91cafdcc31a00..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/service-relationship-dialog.vue
+++ /dev/null
@@ -1,249 +0,0 @@
-<template>
-  <div>
-    <TsDialog
-      type="modal"
-      :isShow="true"
-      :title="type==='add'?$t('page.add'):$t('page.edit')"
-      @on-ok="okDialog()"
-      @on-close="closeDialog()"
-    >
-      <template v-slot>
-        <div>
-          <TsForm
-            ref="form"
-            v-model="formData"
-            :item-list="formConfig"
-          >
-            <template v-slot:sceneList>
-              <div style="width: 90%">
-                <div v-for="(item,index) in sceneList" :key="index" class="flex-center list pb-sm">
-                  <TsFormSelect
-                    ref="item"
-                    v-model="item.sourceSceneId"
-                    :dataList="getList(dataList)"
-                    :validateList="validateList"
-                    :firstSelect="false"
-                    transfer
-                    style="flex: 1;"
-                    @on-change="(val,valueConfig)=>{onChangeScene('source',valueConfig, item)}"
-                  ></TsFormSelect>
-                  <div class="tsfont-arrow-right pl-sm pr-sm"></div>
-                  <TsFormSelect
-                    ref="item"
-                    v-model="item.targetSceneId"
-                    :dataList="currSceneList"
-                    textName="sceneName"
-                    valueName="sceneId"
-                    :validateList="validateList"
-                    :firstSelect="false"
-                    transfer
-                    style="flex: 1;"
-                    @on-change="(val,valueConfig)=>{onChangeScene('target',valueConfig,item)}"
-                  ></TsFormSelect>
-                  <div v-if="index>0" class="tsfont-trash-o text-tip-active del-icon" @click="delitem(index)"></div>
-                </div>
-                <Button type="primary" ghost @click="add()"><span class="tsfont-plus">{{ $t('term.dr.dependency') }}</span></Button>
-              </div>
-              <div v-if="$utils.isEmpty(sceneList)" class="form-error-tip">{{ $t('form.validate.required', {target: ''}) }}</div>
-            </template>
-          </TsForm>
-        </div>
-      </template>
-    </TsDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsForm: resolve => require(['@/resources/plugins/TsForm/TsForm'], resolve),
-    TsFormSelect: resolve => require(['@/resources/plugins/TsForm/TsFormSelect'], resolve)
-  },
-  props: {
-    type: {
-      type: String,
-      default: 'add'
-    },
-    serviceId: {
-      type: Number,
-      default: null
-    },
-    currSceneList: { //当前服务场景列表
-      type: Array,
-      default: () => []
-    },
-    currService: {
-      type: Object,
-      default: () => {}
-    },
-    baseSettings: {
-      type: Object,
-      default: () => {}
-    },
-    serviceList: { //服务列表
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      formConfig: {
-        dependencyServiceId: {
-          type: 'select',
-          dynamicUrl: 'api/rest/dr/service/list/forselect',
-          dealDataByUrl: this.dealDataByUrl,
-          rootName: 'tbodyList',
-          valueName: 'id',
-          textName: 'name',
-          label: this.$t('term.dr.dependencyservice'),
-          validateList: ['required'],
-          width: '90%',
-          firstSelect: false,
-          onChange: this.changeServiceSelect
-        },
-        sceneList: {
-          type: 'slot',
-          label: this.$t('term.dr.scencedependency'),
-          validateList: ['required'],
-          width: '90%'
-        }
-      },
-      validateList: ['required'],
-      formData: {},
-      sceneList: [ //依赖服务场景列表
-        {
-          sourceSceneId: null,
-          targetSceneId: null
-        }
-      ],
-      dataList: [],
-      dependencyServiceConfig: {}
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    dealDataByUrl(nodeList) {
-      let list = [];
-      nodeList.forEach(item => {
-        let findItem = this.serviceList.find(d => d.dependencyServiceId === item.id);
-        if (findItem && this.currService.dependencyServiceId != item.id) {
-          this.$set(item, '_disabled', true);
-        }
-        if (item.id != this.serviceId) {
-          list.push(item);
-        }
-      });
-      if (list.length === 1) {
-        this.dataList = list[0].sceneList;
-      }
-      return list;
-    },
-    changeServiceSelect(val, item, selectList) {
-      this.dependencyServiceConfig = {};
-      this.sceneList = [{
-        sourceSceneId: null,
-        targetSceneId: null
-      }];
-      if (val) {
-        this.dataList = selectList.sceneList;
-        this.$set(this.dependencyServiceConfig, 'dependencyServiceName', item.text);
-      }
-    },
-    okDialog() {
-      let isValid = this.$refs.form.valid();
-      if (!isValid) {
-        return;
-      }
-      let formData = this.$refs.form.getFormValue();
-      let data = {
-        serviceId: this.serviceId,
-        dependencyServiceId: formData.dependencyServiceId,
-        dependencyServiceName: this.dependencyServiceConfig.dependencyServiceName,
-        config: {
-          sceneList: this.sceneList
-        }
-      };
-      if (!this.$utils.isEmpty(this.baseSettings)) {
-        this.$set(data, 'serviceName', this.baseSettings.name);
-      }
-      this.closeDialog(true, data);
-    },
-    closeDialog(isUpdate = false, data) {
-      this.$emit('close', isUpdate, data);
-    },
-    add() {
-      this.sceneList.push({
-        sourceSceneId: null,
-        targetSceneId: null
-      });
-    },
-    delitem(index) {
-      this.sceneList.splice(index, 1);
-    },
-    onChangeScene(type, valueConfig, item) {
-      if (!this.$utils.isEmpty(valueConfig)) {
-        if (type === 'source') {
-          this.$set(item, 'sourceSceneName', valueConfig.text);
-        } else {
-          this.$set(item, 'targetSceneName', valueConfig.text);
-        }
-      }
-    }
-  },
-  filter: {},
-  computed: {
-    getList() {
-      return (dataList) => {
-        let selectList = this.$utils.mapArray(this.sceneList, 'sourceSceneId');
-        let list = [];
-        if (!this.$utils.isEmpty(dataList)) {
-          list.push({
-            text: this.$t('page.default'),
-            value: -1,
-            _disabled: !!selectList.includes(-1)
-          });
-          dataList.forEach(item => {
-            list.push({
-              text: item.sceneName,
-              value: item.sceneId,
-              _disabled: !!selectList.includes(item.id)
-            });
-          });
-        }
-        return list;
-      };
-    }
-  },
-  watch: {
-    currService: {
-      handler(val) {
-        if (!this.$utils.isEmpty(val)) {
-          let data = this.$utils.deepClone(val);
-          this.formData = data;
-          this.sceneList = data.config.sceneList || [];
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less">
-.list {
-  position: relative;
-  .del-icon {
-    position: absolute;
-    right: -20px;
-  }
-}
-</style>
diff --git a/src/views/pages/dr/service/detail/service-relationship.vue b/src/views/pages/dr/service/detail/service-relationship.vue
deleted file mode 100644
index 7853f4c866c5cbade8c088edd4ae237ef4ca1141..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/service-relationship.vue
+++ /dev/null
@@ -1,240 +0,0 @@
-<template>
-  <div class="service clearfix">
-    <TsCard
-      v-bind="cardData"
-    >
-      <template v-slot:firstBtn>
-        <div class="add tsfont-plus text-action" @click.stop="addService">
-          依赖应用
-        </div>
-      </template>
-      <template slot-scope="{ row }">
-        <div class="padding-sm">
-          <div class="overflow pb-xs from-name flex-between">
-            <span>{{ row.dependencyServiceName }}</span>
-            <span>{{ row.serviceName }}</span>
-          </div>
-          <div v-for="(item,index) in row.config.sceneList" :key="index" class="from-name text-tip overflow">
-            <span class="pr-sm">{{ item.sourceSceneId==-1?'默认':item.sourceSceneName }}</span>
-            <span class="pl-sm pr-sm from-icon border-dashed"></span>
-            <span class="tsfont-right text-dividing"></span>
-            <span>{{ item.targetSceneName }}</span>
-          </div>
-        </div>
-      </template>
-      <template v-if="!readonly" v-slot:control="{ row,index }">
-        <div class="tsfont-edit" @click="editService(row,index)">{{ $t('page.edit') }}</div>
-        <div class="pl-sm tsfont-trash-o" @click="deleteServiceRelationship(row,index)">{{ $t('page.delete') }}</div>
-      </template>
-    </TsCard>
-    <ServiceRelationshipDialog
-      v-if="isShowDialog"
-      :serviceId="serviceId"
-      :baseSettings="baseSettings"
-      :currService="currService"
-      :currSceneList="sceneList"
-      :serviceList="cardData.tbodyList"
-      @close="closeService"
-    ></ServiceRelationshipDialog>
-    <CheckServiceRelationshipDialog
-      v-if="isShowCheckDialog"
-      :validData="validData"
-      @delete="checkDelete"
-      @close="closeCheckDialog"
-    ></CheckServiceRelationshipDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    TsCard: resolve => require(['@/resources/components/TsCard/TsCard.vue'], resolve),
-    ServiceRelationshipDialog: resolve => require(['./service-relationship-dialog.vue'], resolve),
-    CheckServiceRelationshipDialog: resolve => require(['./check-service-relationship-dialog.vue'], resolve)
-  },
-  props: {
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    serviceId: { //服务清单id
-      type: Number
-    },
-    list: {
-      type: Array,
-      default: () => []
-    },
-    sceneList: {
-      type: Array,
-      default: () => []
-    },
-    baseSettings: Object
-  },
-  data() {
-    return {
-      cardData: {
-        sm: 12,
-        lg: 8,
-        xl: 6,
-        xxl: 4,
-        headerPosition: 'right',
-        padding: false,
-        boxShadow: false,
-        firstBtn: !this.readonly,
-        tbodyList: []
-      },
-      currService: {},
-      isShowDialog: false,
-      isShowCheckDialog: false,
-      validData: {}
-    };
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    addService() {
-      this.type = 'add';
-      this.isShowDialog = true;
-    },
-    editService(row, index) {
-      this.type = 'edit';
-      this.editIndex = index;
-      this.currService = row;
-      this.isShowDialog = true;
-    },
-    deleteServiceRelationship(row, index) {
-      if (row.referenceCount) {
-        return;
-      }
-      this.$createDialog({
-        title: this.$t('page.warning'),
-        content: this.$t('dialog.content.deleteconfirm', {'target': row.name}),
-        btnType: 'error',
-        'on-ok': async(vnode) => {
-          this.$emit('delete', row, index);
-          vnode.isShow = false;
-          if (this.serviceId) {
-            await this.okDeleteServiceRelationship(row);
-          }
-          this.cardData.tbodyList.splice(index, 1);
-          this.$emit('update', this.cardData.tbodyList);
-        }
-      });
-    },
-    okDeleteServiceRelationship(row) {
-      return this.$api.dr.service.deleteServiceRelationship({
-        serviceId: row.serviceId,
-        dependencyServiceId: row.dependencyServiceId
-      }).then(res => {
-        if (res && res.Status == 'OK') {
-          this.$Message.success(this.$t('message.deletesuccess'));
-        }
-      });
-    },
-    async closeService(isUpdate, data) {
-      this.currService = {};
-      if (isUpdate) {
-        if (this.serviceId) {
-          //编辑服务清单
-          await this.checkServiceRelationship(data);
-          if (!this.$utils.isEmpty(this.validData)) {
-            this.isShowCheckDialog = true;
-            return;
-          }
-          this.saveService(data);
-        } else {
-          //新建服务清单
-          if (this.type === 'add') {
-            this.cardData.tbodyList.push(data);
-          } else { 
-            this.cardData.tbodyList.splice(this.editIndex, 1, data);
-          }
-          this.$emit('update', this.cardData.tbodyList);
-          this.isShowDialog = false;
-        }
-      } else {
-        if (!this.$utils.isEmpty(this.validData)) {
-          this.$emit('update');
-        }
-        this.isShowDialog = false;
-      }
-    },
-    checkServiceRelationship(data) { //校验依赖服务是否成环
-      this.validData = {};
-      return this.$api.dr.service.checkServiceRelationship({
-        serviceId: this.serviceId,
-        dependencyServiceId: data.dependencyServiceId
-      }).then((res) => {
-        if (res.Status === 'OK') {
-          this.validData = res.Return || {};
-        }
-      });
-    },
-    checkDelete(data) {
-      this.$api.dr.service.deleteServiceRelationship({
-        serviceId: data.serviceId,
-        dependencyServiceId: data.dependencyServiceId
-      }).then(res => {
-        if (res && res.Status == 'OK') {
-          this.$Message.success(this.$t('message.deletesuccess'));
-          this.isShowCheckDialog = false;
-        }
-      });
-    },
-    closeCheckDialog() {
-      this.isShowCheckDialog = false;
-    },
-    saveService(item) {
-      if (item) {
-        this.$api.dr.service.saveServiceRelationship(item).then((res) => {
-          if (res.Status === 'OK') {
-            this.$Message.success(this.$t('message.savesuccess'));
-            this.$emit('update');
-          }
-        });
-      }
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {
-    list: {
-      handler(val) {
-        this.cardData.tbodyList = this.$utils.deepClone(val) || [];
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.service {
-  /deep/.tscard-body {
-    height: 158px !important;
-  }
-  .from-name {
-    display: flex;
-    align-items: center;
-    &:not(:last-child){
-      padding-bottom: 10px;
-    }
-  }
-  .from-icon {
-    flex: 1;
-  }
-  .add {
-    text-align: center;
-    line-height: 146px;
-  }
-}
-
-</style>
diff --git a/src/views/pages/dr/service/detail/service-valid-dialog.vue b/src/views/pages/dr/service/detail/service-valid-dialog.vue
deleted file mode 100644
index eee291349b48850cb613dda680b81ce6ad5ce5ed..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/detail/service-valid-dialog.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-  <div v-if="visible" class="valid-div">
-    <Card v-if="validList && validList.length>0 " :padding="0">
-      <p slot="title">{{ $t('page.validate') }}</p>
-      <span slot="extra" class="tsfont-close remove text-grey" @click="onClose"></span>
-      <CellGroup class="contain">
-        <Cell
-          v-for="(valid, index) of validList"
-          :key="index"
-          :title="valid.text"
-          @click.native="clickItem(valid)"
-        >
-          <i slot="icon" :class="getClass(valid.type)"></i>
-        </Cell>
-      </CellGroup>
-    </Card>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-  },
-  model: {
-    prop: 'visible',
-    event: 'change'
-  },
-  props: {
-    visible: {//是否显示
-      type: Boolean,
-      default: false
-    },
-    validList: {//校验列表
-      type: Array,
-      default() { return [{text: this.$t('form.validate.validatefailed'), type: 'error'}, {text: this.$t('message.validatesuccess'), type: 'success'}]; }
-    }
-  },
-  data() {
-    return {};
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    onClose() {
-      this.$emit('close', false);
-    },
-    clickItem(item) {
-      this.$emit('jumpToItem', item.current);
-    }
-  },
-  filter: {},
-  computed: {
-    getClass() {
-      return (type) => {
-        let classJson = ['icon'];
-        if (type == 'success') {
-          classJson.push(['ts-complete', 'text-success']);
-        } else if (type == 'error') {
-          classJson.push(['tsfont-close-o', 'text-danger']);
-        }
-        return classJson;
-      };
-    }
-  },
-  watch: {}
-};
-</script>
-<style lang='less' scoped>
-.valid-div{
-  width:320px;
-  position: absolute; 
-  z-index: 10;
-  right: 0px;
-  top: 0px;
-  .remove{
-    cursor: pointer;
-  }
-  .contain{
-    max-height: 350px;
-    overflow: auto;
-    .icon{
-      font-size: 20px;
-    }
-    /deep/ .ivu-cell-item{
-      position: relative;
-      padding-left: 30px;
-      word-break: initial;
-      white-space: initial;
-      .ivu-cell-icon{
-        position: absolute;
-        left: 0;
-        top: 50%;
-        transform: translate(0, -50%);
-        margin-right: 0;
-      }
-    }
-
-  }
-}
-</style>
diff --git a/src/views/pages/dr/service/service-add.vue b/src/views/pages/dr/service/service-add.vue
deleted file mode 100644
index 5ca367578aebb563be154bf01da31862c4f08f4e..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/service-add.vue
+++ /dev/null
@@ -1,336 +0,0 @@
-<template>
-  <div>
-    <TsContain>
-      <template v-slot:topRight>
-        <div class="action-group">
-          <div class="action-item">
-            <Button @click="cancel()">{{ $t('page.cancel') }}</Button>
-          </div>
-          <div v-if="current > 0" class="action-item">
-            <Button type="primary" ghost @click="next(current - 1)">{{ $t('page.previousstep') }}</Button>
-          </div>
-          <div v-if="current === dataCenterList.length + 2" class="action-item">
-            <Button type="primary" @click="save()">{{ $t('page.save') }}</Button>
-          </div>
-          <div v-if="current < dataCenterList.length + 2" class="action-item">
-            <Button type="primary" ghost @click="next(current + 1)">{{ $t('page.thenextstep') }}</Button>
-          </div>
-        </div>
-      </template>
-      <template v-slot:content>
-        <div v-if="!loadingShow" class="service-add">
-          <div v-if="!isShowSteps" class="pb-nm">
-            <Steps :current="current">
-              <Step :title="$t('page.basicinfo')" @click.native="next(0)"></Step>
-              <template v-if="!$utils.isEmpty(dataCenterList)">
-                <Step
-                  v-for="(item, index) in dataCenterList"
-                  :key="index"
-                  :title="item.datacenterName"
-                  @click.native="next(index+1)"
-                ></Step>
-              </template>
-              <Step :title="$t('page.scene')" @click.native="next(dataCenterList.length+1)"></Step>
-              <Step :title="$t('term.dr.servicedependency')" @click.native="next(dataCenterList.length+2)"></Step>
-            </Steps>
-          </div>
-          <!-- 基本信息 -->
-          <template v-if="!loadingShow">
-            <div v-if="current === 0">
-              <Baseinfo
-                ref="baseinfo"
-                :config="baseSettings"
-                :dataCenterList="dataCenterList"
-                @updateApplicationType="updateApplicationType"
-                @updateDataCenter="changeDataCenter"
-              ></Baseinfo>
-            </div>
-            <!-- 数据中心 -->
-            <div v-if="current > 0 && current < dataCenterList.length + 1">
-              <DatacenterEdit
-                ref="datacenter"
-                :data="currentDataCenter"
-                :applicationType="applicationType"
-                :ciList="ciList"
-              ></DatacenterEdit>
-            </div>
-            <!-- 场景 -->
-            <div v-if="current === (dataCenterList.length + 1)">
-              <Scene ref="scene" :sceneList="sceneList" @deleteScene="deleteScene"></Scene>
-            </div>
-            <!-- 服务依赖 -->
-            <div v-if="current === (dataCenterList.length + 2)">
-              <ServiceRelationship
-                :baseSettings="baseSettings"
-                :firstBtn="true"
-                :sceneList="sceneList"
-                @update="updateServiceList"
-              ></ServiceRelationship>
-            </div>
-          </template>
-        </div>
-        <div class="flex-center pt-nm footer-btn">
-          <div class="action-group">
-            <div class="action-item">
-              <Button @click="cancel()">{{ $t('page.cancel') }}</Button>
-            </div>
-            <div v-if="current > 0" class="action-item">
-              <Button type="primary" ghost @click="next(current - 1)">{{ $t('page.previousstep') }}</Button>
-            </div>
-            <div v-if="current === dataCenterList.length + 2" class="action-item">
-              <Button type="primary" @click="save()">{{ $t('page.save') }}</Button>
-            </div>
-            <div v-if="current < dataCenterList.length + 2" class="action-item">
-              <Button type="primary" ghost @click="next(current + 1)">{{ $t('page.thenextstep') }}</Button>
-            </div>
-          </div>
-        </div>
-        <!--校验 -->
-        <ServiceValidDialog
-          v-model="isShowValid"
-          :validList="validList"
-          @jumpToItem="next"
-          @close="isShowValid=false"
-        ></ServiceValidDialog>
-      </template>
-    </TsContain>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    Baseinfo: resolve => require(['./detail/baseinfo.vue'], resolve),
-    Scene: resolve => require(['./detail/scene.vue'], resolve),
-    ServiceRelationship: resolve => require(['./detail/service-relationship.vue'], resolve),
-    DatacenterEdit: resolve => require(['./detail/datacenter-edit.vue'], resolve),
-    ServiceValidDialog: resolve => require(['./detail/service-valid-dialog.vue'], resolve)
-  },
-  props: {},
-  data() {
-    return {
-      loadingShow: false,
-      current: 0,
-      baseSettings: {},
-      dataCenterList: [],
-      sceneList: [],
-      applicationDependencyList: [], //服务依赖
-      isShowSteps: false,
-      basicservicesTypeIdList: [], //基础服务选的配置
-      networkTypeIdList: [], ///网络选的配置
-      applicationType: '',
-      currentDataCenter: {}, //当前编辑的数据中心
-      isShowValid: false,
-      validList: []
-    };
-  },
-  beforeCreate() {},
-  created() {
-    this.getCiList();
-  },
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    getCiList() {
-      this.$api.dr.ci.getCiList().then(res => {
-        if (res && res.Status == 'OK') {
-          this.ciList = res.Return || [];
-          let basicservicesConfig = res.Return.find(item => item.name === 'basicservices');
-          let networkConfig = res.Return.find(item => item.name === 'network');
-          this.basicservicesTypeIdList = basicservicesConfig.ciIdList;
-          this.networkTypeIdList = networkConfig.ciIdList;
-        }
-      });
-    },
-    next(current) {
-      if (current === this.current) {
-        return;
-      }
-      let isValid = true;
-      if (this.$refs.baseinfo) {
-        if (!this.$refs.baseinfo.valid()) {
-          isValid = false;
-        } else {
-          this.baseSettings = this.$refs.baseinfo.getData() || {};
-        }
-      }
-      //校验资源中心
-      if (this.$refs.datacenter) {
-        if (!this.$refs.datacenter.valid()) {
-          isValid = false;
-        } else {
-          let datacenterConfig = this.$refs.datacenter.getData();
-          this.dataCenterList.forEach(d => {
-            if (d.datacenterId === datacenterConfig.datacenterId) {
-              this.$set(d, 'config', datacenterConfig.config || {});
-            }
-          });
-        }
-      }
-      //场景必须添加一个
-      if (this.$refs.scene) {
-        this.sceneList = this.$refs.scene.getData();
-        if (this.$utils.isEmpty(this.sceneList)) {
-          this.$Notice.error({
-            title: this.$t('term.framework.errorinfo'),
-            desc: this.$t('form.validate.required', {'target': this.$t('page.scene')})
-          });
-          isValid = false;
-        }
-      }
-      if (isValid) {
-        this.loadingShow = true;
-        if (current > 0) {
-          if (current <= this.dataCenterList.length) {
-            this.currentDataCenter = this.dataCenterList[current - 1];
-          }
-        }
-        this.current = current;
-        this.$nextTick(() => {
-          this.loadingShow = false;
-        });
-      }
-    },
-    deleteScene(item, index) {
-      this.sceneList.splice(index, 1);
-    },
-    updateApplicationType(val) {
-      this.applicationType = val;
-      if (!this.$utils.isEmpty(this.dataCenterList)) {
-        this.dataCenterList.forEach(item => {
-          let config = {
-            filter: {},
-            publicApplicationIdList: [],
-            customParamList: [],
-            highAvailabilitySceneList: []
-          };
-          if (!this.$utils.isEmpty(item.config)) {
-            this.$set(config, 'publicApplicationIdList', config.publicApplicationIdList || []);
-            this.$set(config, 'customParamList', config.customParamList || []);
-            this.$set(config, 'highAvailabilitySceneList', config.highAvailabilitySceneList || []);
-          }
-          this.$set(item, 'config', config);
-          if (val === 'basicservices') {
-            this.$set(item.config.filter, 'typeIdList', this.basicservicesTypeIdList);
-          } else if (val === 'network') {
-            this.$set(item.config.filter, 'typeIdList', this.networkTypeIdList);
-          }
-        });
-      }
-    },
-    updateServiceList(list) {
-      this.applicationDependencyList = list;
-    },
-    getData() {
-      let data = {
-        ...this.baseSettings,
-        dataCenterList: this.dataCenterList,
-        sceneList: this.sceneList,
-        applicationDependencyList: this.applicationDependencyList
-      };
-      return data;
-    },
-    validData(data) {
-      this.validList = [];
-      if (data.dataCenterList.length) {
-        data.dataCenterList.forEach((d, index) => {
-          let isValid = true;
-          if (data.applicationType === 'basicservices' || data.applicationType === 'network') {
-            if (!d.config.filter || (d.config.filter && !d.config.filter.resourceId)) {
-              isValid = false;
-            }
-          } else {
-            if (!d.config.filter || (d.config.filter && this.$utils.isEmpty(d.config.filter.typeIdList))) {
-              isValid = false;
-            }
-          }
-          if (!isValid) {
-            this.validList.push({
-              text: d.datacenterName + '：' + this.$t('form.validate.required', {'target': this.$t('term.process.catalog')}),
-              type: 'error',
-              current: index + 1
-            });
-          }
-        });
-      }
-      if (!data.sceneList.length) {
-        this.validList.push({
-          text: this.$t('form.validate.required', {'target': this.$t('page.scene')}),
-          type: 'error',
-          current: data.dataCenterList.length + 1
-        });
-      }
-    },
-    save() {
-      let data = this.getData();
-      this.validData(data);
-      if (this.validList.length > 0) {
-        this.isShowValid = true;
-        return;
-      }
-      this.$api.dr.service.saveService(data).then((res) => {
-        if (res.Status === 'OK') {
-          this.$Message.success(this.$t('message.savesuccess'));
-          this.$router.push({
-            path: '/service-manage'
-          });
-        }
-      });
-    },
-    changeDataCenter(selectedItem) {
-      //改变关联数据中心需要更新步骤的数据
-      this.isShowSteps = true;
-      let list = [];
-      selectedItem.forEach(item => {
-        let findItem = this.dataCenterList.find(d => d.datacenterId === item.id);
-        if (findItem) {
-          list.push(findItem);
-        } else {
-          list.push({
-            datacenterId: item.id,
-            datacenterName: item.name,
-            config: {}
-          });
-        }
-      });
-      this.dataCenterList = list;
-      this.$nextTick(() => {
-        this.isShowSteps = false;
-      });
-    },
-    cancel() {
-      this.$createDialog({
-        title: this.$t('dialog.title.cancelconfirm'),
-        content: this.$t('dialog.content.cancelconfirm'),
-        'on-ok': vnode => {
-          vnode.isShow = false;
-          this.$router.push({
-            path: './service-manage'
-          });
-        },
-        'on-cancel': vnode => {
-          vnode.isShow = false;
-        }
-      });
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less" scoped>
-.service-add {
-  width: 80%;
-  margin: 0 auto;
-}
-.footer-btn {
-  width: 100%;
-}
-</style>
diff --git a/src/views/pages/dr/service/service-detail.vue b/src/views/pages/dr/service/service-detail.vue
deleted file mode 100644
index 3de3732211e0078ce81c2b89db4855783895a32c..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/service-detail.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<template>
-  <div>
-    <Loading :loadingShow="loadingShow" type="fix"></Loading>
-    <TsContain v-if="!loadingShow" enableDivider>
-      <template v-slot:navigation>
-        <span class="tsfont-left text-action" @click="$back()">{{ $getFromPage() }}</span>
-      </template>
-      <template v-slot:top>
-        <div>
-          <span>{{ serviceData.name }}</span>
-          <Divider type="vertical" />
-          <span class="pr-sm">RTO <span v-if="serviceData.recoveryTimeObjective" class="pl-xs">{{ serviceData.recoveryTimeObjective }}min</span></span>
-          <span class="pr-sm">RPO <span v-if="serviceData.recoveryPointObjective" class="pl-xs">{{ serviceData.recoveryPointObjective }}min</span></span>
-          <span class="tsfont-edit text-action" @click="editBaseInfo()"></span>
-        </div>
-      </template>
-      <template v-slot:content>
-        <div class="pt-nm">
-          <Divider orientation="start">{{ $t('term.dr.scenarioplan') }}</Divider>
-          <div class="pt-nm pb-nm">
-            <Scene
-              :sceneList="serviceData.sceneList"
-              :serviceId="serviceId"
-              @update="updateSceneList"
-            ></Scene>
-          </div>
-          <Divider orientation="start">{{ $t('term.inspect.datacenter') }}</Divider>
-          <div class="pt-nm pb-nm">
-            <Datacenter
-              :serviceId="serviceId"
-              :list="serviceData.dataCenterList"
-              :ciList="ciList"
-              :applicationType="serviceData.applicationType"
-              @update="getServiceData()"
-            ></Datacenter>
-          </div>
-          <Divider orientation="start">{{ $t('term.dr.servicerelyon') }}</Divider>
-          <div class="pt-nm pb-nm">
-            <ServiceRelationship
-              :serviceId="serviceId"
-              :list="serviceData.dependencyOnServiceList"
-              :sceneList="serviceData.sceneList"
-              @update="getServiceData()"
-            ></ServiceRelationship>
-          </div>
-          <Divider orientation="start">{{ $t('term.dr.relyonmyservices') }}</Divider>
-          <div class="pt-nm pb-nm">
-            <ServiceRelationship :list="serviceData.dependencyOnMeServiceList" readonly></ServiceRelationship>
-          </div>
-        </div>
-      </template>
-    </TsContain>
-    <BaseinfoDialog
-      v-if="isShowBaseInfo"
-      :serviceData="serviceData"
-      @saveBaseInfo="saveBaseInfo()"
-      @close="closeBaseInfoDialog()"
-    ></BaseinfoDialog>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    Scene: resolve => require(['./detail/scene.vue'], resolve),
-    ServiceRelationship: resolve => require(['./detail/service-relationship.vue'], resolve),
-    Datacenter: resolve => require(['./detail/datacenter.vue'], resolve),
-    BaseinfoDialog: resolve => require(['./detail/baseinfo-dialog.vue'], resolve)
-  },
-  props: {},
-  data() {
-    return {
-      serviceId: null,
-      loadingShow: true,
-      serviceData: {},
-      isShowBaseInfo: false,
-      ciList: []
-    };
-  },
-  beforeCreate() {},
-  async created() {
-    if (this.$route.query && this.$route.query.id) {
-      this.serviceId = parseInt(this.$route.query.id);
-      await this.getCiList();
-      this.getServiceData();
-    }
-  },
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    getServiceData() {
-      this.loadingShow = true;
-      this.$api.dr.service.getService({
-        id: this.serviceId
-      }).then((res) => {
-        if (res.Status === 'OK') {
-          this.serviceData = res.Return || {};
-        }
-      }).finally(() => {
-        this.loadingShow = false;
-      });
-    },
-    getCiList() {
-      return this.$api.dr.ci.getCiList().then(res => {
-        if (res && res.Status == 'OK') {
-          this.ciList = res.Return || [];
-        }
-      });
-    },
-    editBaseInfo() {
-      this.isShowBaseInfo = true;
-    },
-    saveBaseInfo() {
-      this.isShowBaseInfo = false;
-      this.getServiceData();
-    },
-    closeBaseInfoDialog() {
-      this.isShowBaseInfo = false;
-    },
-    updateSceneList(list) {
-      this.serviceData.sceneList = list;
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less">
-</style>
diff --git a/src/views/pages/dr/service/service-manage.vue b/src/views/pages/dr/service/service-manage.vue
deleted file mode 100644
index 5d282d3ea0bcaaa356c7b63e31c6bffc4af5ce78..0000000000000000000000000000000000000000
--- a/src/views/pages/dr/service/service-manage.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<template>
-  <div>
-    <TsContain>
-      <template v-slot:topLeft>
-        <span class="tsfont-plus text-action" @click="addService()">{{ $t('term.process.catalog') }}</span>
-      </template>
-      <template v-slot:topRight>
-        <TsRow :gutter="10">
-          <Col span="12">
-            <!-- <TsFormSelect border="border"></TsFormSelect> -->
-          </Col>
-          <Col span="12">
-            <div class="flex-start">
-              <InputSearcher
-                v-model="keyword"
-                class="pr-sm"
-                style="flex: 1;"
-                @change="searchService"
-              ></InputSearcher>
-            </div>
-          </Col>
-        </TsRow>
-      </template>
-      <template v-slot:content>
-        <TsTable
-          v-bind="serviceData"
-          :theadList="theadList"
-          @changeCurrent="changeCurrent"
-          @changePageSize="changePageSize"
-        >
-          <template v-slot:name="{row}">
-            <div class="text-action" @click="toDetail(row)">{{ row.name }}</div>
-          </template>
-          <template v-slot:action="{row}">
-            <div class="tstable-action">
-              <ul class="tstable-action-ul">
-                <li class="tsfont-trash-s" @click="deleteService(row)">{{ $t('page.delete') }}</li>
-              </ul>
-            </div>
-          </template>
-        </TsTable>
-      </template>
-    </TsContain>
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  components: {
-    // TsFormSelect: resolve => require(['@/resources/plugins/TsForm/TsFormSelect'], resolve),
-    InputSearcher: resolve => require(['@/resources/components/InputSearcher/InputSearcher.vue'], resolve),
-    TsTable: resolve => require(['@/resources/components/TsTable/TsTable.vue'], resolve)
-  },
-  props: {},
-  data() {
-    return {
-      keyword: '',
-      serviceData: {},
-      theadList: [
-        { title: this.$t('page.name'), key: 'name'},
-        { title: this.$t('page.type'), key: 'applicationTypeName'},
-        { title: 'RTO', key: 'recoveryTimeObjective'},
-        { title: 'RPO', key: 'recoveryPointObjective'},
-        { title: this.$t('page.status'), key: 'status'},
-        {key: 'action'}
-      ]
-    };
-  },
-  beforeCreate() {},
-  created() {
-    this.searchService();
-  },
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    searchService() {
-      let data = {
-        keyword: this.keyword,
-        currentPage: this.serviceData.currentPage,
-        pageSize: this.serviceData.pageSize
-      };
-      this.$api.dr.service.searchService(data).then((res) => {
-        if (res.Status === 'OK') {
-          this.serviceData = res.Return;
-        }
-      });
-    },
-    changeCurrent(currentPage) {
-      this.serviceData.currentPage = currentPage;
-      this.searchService(); 
-    },
-    changePageSize(pageSize) {
-      this.serviceData.pageSize = pageSize;
-      this.searchService(); 
-    },
-    addService() {
-      this.$router.push({
-        path: './service-add'
-      });
-    },
-    deleteService(row) {
-      if (row.referenceCount) {
-        return;
-      }
-      this.$createDialog({
-        title: this.$t('page.warning'),
-        content: this.$t('dialog.content.deleteconfirm', {'target': row.name}),
-        btnType: 'error',
-        'on-ok': vnode => {
-          this.$api.dr.service.deleteService({
-            id: row.id
-          }).then((res) => {
-            if (res.Status === 'OK') {
-              this.$Message.success(this.$t('message.deletesuccess'));
-              vnode.isShow = false;
-              this.searchService();
-            }
-          });
-        }
-      });
-    },
-    toDetail(row) {
-      this.$router.push({
-        path: '/service-detail',
-        query: { id: row.id }
-      });
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
-<style lang="less">
-</style>