初始化

frontend/packages/DataSourceManagement/src/checkDatasource.vue

@@ -0,0 +1,68 @@
+<template>
+  <el-dialog
+    width="700px"
+    title="提示"
+    :visible.sync="checkDatasourceVisible"
+    :append-to-body="true"
+    :close-on-click-modal="false"
+    :before-close="handleClose"
+    class="bs-dialog-wrap bs-el-dialog"
+  >
+    <div class="text-style">
+      <div
+        v-for="(item,index) in reasonList"
+        :key="index"
+        class="item"
+      >
+        <span v-if="reasonList.length>1"> {{ index+1 }}、</span>{{ item }}
+      </div>
+    </div>
+    <span
+      slot="footer"
+      class="dialog-footer"
+    >
+      <el-button
+        type="primary"
+        @click="handleClose"
+      >
+        确定
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    reasonList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data () {
+    return {
+      checkDatasourceVisible: false
+    }
+  },
+  methods: {
+    handleClose () {
+      this.checkDatasourceVisible = false
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../../assets/style/bsTheme.scss';
+::v-deep .el-dialog__body{
+  min-height: 0 !important;
+}
+.item{
+  padding: 8px 0;
+}
+.text-style{
+  padding-right: 80px;
+  color: var(--bs-el-text);
+}
+</style>