fine:()前台代码

src/api/property/asDisplay.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getConnectList(data) {
+  return request({
+    url: '/property/dataSource/dataName',
+    method: 'post',
+    data: data
+  })
+}

src/api/property/asauth.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getConnectList(data) {
+  return request({
+    url: '/property/connect/selectConnect',
+    method: 'post',
+    data: data
+  })
+}

src/api/property/astr.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getSelectList(data) {
+  return request({
+    url: '/property/dataSource/dataName',
+    method: 'post',
+    data: data
+  })
+}

src/api/property/property.js

@@ -15,3 +15,35 @@ export function insertConnectList(data) {
     data: data
   })
 }
+
+export function updConnectList(data) {
+  return request({
+    url: '/property/connect/upd',
+    method: 'put',
+    data: data
+  })
+}
+
+export function textHandleClick(data) {
+  return request({
+    url: '/property/connect/text',
+    method: 'post',
+    data: data
+  })
+}
+
+export function delHandleClick(data) {
+  return request({
+    url: '/property/connect/del/'+data,
+    method: 'Delete',
+    data: data
+  })
+}
+
+export function selectHandleClick(data) {
+  return request({
+    url: '/property/tableField/list',
+    method: 'post',
+    data: data
+  })
+}

src/views/property/asDisplay/index.vue

@@ -0,0 +1,82 @@
+<template>
+  <div>
+
+    <el-container>
+      <el-aside width="200px">Aside</el-aside>
+      <el-container>
+        <el-header>Header</el-header>
+        <el-main>Main</el-main>
+        <el-footer>Footer</el-footer>
+      </el-container>
+    </el-container>
+
+
+  </div>
+</template>
+
+<style>
+.el-header, .el-footer {
+  background-color: #a1a1a1;
+  color: #a1a1a1;
+  text-align: center;
+  line-height: 680px;
+}
+
+.el-aside {
+  background-color: #ffffff;
+  color: #606060;
+  text-align: center;
+  line-height: 500px;
+}
+
+.el-main {
+  background-color: #a1a1a1;
+  color: #a1a1a1;
+  text-align: center;
+  line-height: 680px;
+}
+</style>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+export default {
+  //import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    //这里存放数据"
+
+    return {}
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {},
+  //方法集合",
+  methods: {},
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, //生命周期 - 创建之前",
+  beforeMount() {
+  }, //生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, //生命周期 - 更新之前",
+  updated() {
+  }, //生命周期 - 更新之后",
+  beforeDestroy() {
+  }, //生命周期 - 销毁之前",
+  destroyed() {
+  }, //生命周期 - 销毁完成",
+  activated() {
+  } //如果页面有keep-alive缓存功能，这个函数会触发",
+}
+</script>
+<style scoped>
+
+</style>

src/views/property/asauth/index.vue

@@ -0,0 +1,82 @@
+<template>
+  <div>
+
+    <el-container>
+      <el-aside width="200px">Aside</el-aside>
+      <el-container>
+        <el-header>Header</el-header>
+        <el-main>Main</el-main>
+        <el-footer>Footer</el-footer>
+      </el-container>
+    </el-container>
+
+
+  </div>
+</template>
+
+<style>
+.el-header, .el-footer {
+  background-color: #a1a1a1;
+  color: #a1a1a1;
+  text-align: center;
+  line-height: 680px;
+}
+
+.el-aside {
+  background-color: #ffffff;
+  color: #606060;
+  text-align: center;
+  line-height: 500px;
+}
+
+.el-main {
+  background-color: #a1a1a1;
+  color: #a1a1a1;
+  text-align: center;
+  line-height: 680px;
+}
+</style>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+export default {
+  //import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    //这里存放数据"
+
+    return {}
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {},
+  //方法集合",
+  methods: {},
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, //生命周期 - 创建之前",
+  beforeMount() {
+  }, //生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, //生命周期 - 更新之前",
+  updated() {
+  }, //生命周期 - 更新之后",
+  beforeDestroy() {
+  }, //生命周期 - 销毁之前",
+  destroyed() {
+  }, //生命周期 - 销毁完成",
+  activated() {
+  } //如果页面有keep-alive缓存功能，这个函数会触发",
+}
+</script>
+<style scoped>
+
+</style>

src/views/property/astr/index.vue

@@ -0,0 +1,109 @@
+<template>
+  <div>
+
+    <el-container>
+      <el-aside width="300px">
+        <el-tree :data="dataName" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+
+        <el-select v-model="dataName" placeholder="请选择">
+          <el-option
+            v-for="item in dataName"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-aside>
+      <el-container>
+        <el-header>Header</el-header>
+        <el-main>Main</el-main>
+        <el-footer>Footer</el-footer>
+      </el-container>
+    </el-container>
+
+
+
+  </div>
+</template>
+
+<style>
+.el-header, .el-footer {
+  background-color: #a1a1a1;
+  color: #a1a1a1;
+  text-align: center;
+  line-height: 680px;
+}
+
+.el-aside {
+  background-color: #ffffff;
+  color: #606060;
+  text-align: center;
+  line-height: 500px;
+}
+
+.el-main {
+  background-color: #a1a1a1;
+  color: #a1a1a1;
+  text-align: center;
+  line-height: 680px;
+}
+</style>
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import { getSelectList } from '@/api/property/astr'
+
+export default {
+  //import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    //这里存放数据"
+
+    return {
+      dataName:[],
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      }
+    }
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {
+
+  },
+  //方法集合",
+  methods: {
+    getSelectList(){
+      getSelectList().then(res=>{
+        console.log(res.data)
+        this.dataName=res.data
+      })
+    },
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.getSelectList()
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, //生命周期 - 创建之前",
+  beforeMount() {
+  }, //生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, //生命周期 - 更新之前",
+  updated() {
+  }, //生命周期 - 更新之后",
+  beforeDestroy() {
+  }, //生命周期 - 销毁之前",
+  destroyed() {
+  }, //生命周期 - 销毁完成",
+  activated() {
+  } //如果页面有keep-alive缓存功能，这个函数会触发",
+}
+</script>
+<style scoped>
+
+</style>

src/views/property/property/index.vue

@@ -70,7 +70,11 @@
 
         <el-table-column
           label="是否初始化">
-          <template slot-scope="scope">{{ scope.row.initialization }}</template>
+
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.initialization==='Y'" type="success">初始化</el-tag>
+            <el-tag v-if="scope.row.initialization==='N'" type="danger">不初始化</el-tag>
+          </template>
         </el-table-column>
 
         <el-table-column
@@ -80,15 +84,136 @@
 
         <el-table-column
           label="操作">
-          <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+          <template slot-scope="scope">
-          <el-button type="text" size="small">编辑</el-button>
+            <el-button @click="selectHandleClick(scope.row)" type="text" size="small">同步资产结构</el-button>
+            <el-button @click="textHandleClick(scope.row)" type="text" size="small">测试</el-button>
+            <el-button @click="updHandleClick(scope.row)" type="text" size="small">修改</el-button>
+            <el-button @click="delHandleClick(scope.row)" type="text" size="small">删除</el-button>
+          </template>
+
         </el-table-column>
       </el-table>
 
 
-      <!-- Form -->
+<!--      修改-->
+      <el-dialog title="修改配置参数" :visible.sync="updDialogFormVisible" width="1100px">
+        <el-form :model="connectDTO" :inline="true" :label-width="formLabelWidth">
+          <el-form-item label="ID" style="display: none;">
+            <el-input v-model="connectDTO.id" autocomplete="off" placeholder="Id"></el-input>
+          </el-form-item>
+          <el-card class="box-card">
+            <div slot="header" class="clearfix">
+              <span>基本配置信息</span>
+            </div>
+            <div  class="text item" :label-width="formLabelWidth">
+              <el-form-item label="接入源名称">
+                <el-input v-model="connectDTO.accSourName" autocomplete="off" placeholder="请输入接入源名称"></el-input>
+              </el-form-item>
+              <el-form-item label="数据来源系统名称" label-width="125px">
+                <el-input v-model="connectDTO.dataSourSystemName" autocomplete="off" placeholder="请输入数据来源系统"></el-input>
+              </el-form-item>
 
-      <el-dialog title="收货地址" :visible.sync="addDialogFormVisible" width="1100px">
+              <el-form-item label="ip地址">
+                <el-input v-model="connectDTO.ipAddress" autocomplete="off" placeholder="请输入IP地址"></el-input>
+              </el-form-item>
+
+              <el-form-item label="端口号地址">
+                <el-input v-model="connectDTO.port" autocomplete="off" placeholder="请输入端口号地址"></el-input>
+              </el-form-item>
+
+              <el-form-item label="数据接入类型" label-width="110px">
+                <template>
+                  <el-select v-model="connectDTO.dataAccType" placeholder="请选择" label-width="100px">
+                    <el-option
+                      v-for="item in options"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+                    </el-option>
+                  </el-select>
+                </template>
+                <!--                <el-input v-model="connectDTO.name" autocomplete="off" placeholder="请输入数据接入类型"></el-input>-->
+              </el-form-item>
+
+              <el-form-item label="数据库名称">
+                <el-input v-model="connectDTO.databaseName" autocomplete="off" placeholder="请输入数据库名称"></el-input>
+              </el-form-item>
+
+              <el-form-item label="数据库用户">
+                <el-input v-model="connectDTO.userName" autocomplete="off" placeholder="数据库用户"></el-input>
+              </el-form-item>
+
+              <el-form-item label="数据库密码" label-width="125px">
+                <el-input v-model="connectDTO.password" autocomplete="off" placeholder="数据库密码"></el-input>
+              </el-form-item>
+
+              <el-card class="box-card">
+                <div slot="header" class="clearfix">
+                  <span>数据连接参数</span>
+                </div>
+                <div  class="text item" >
+                  <el-form-item label="数据连接参数">
+                    <el-input v-model="connectDTO.dataConnParam" autocomplete="off" placeholder="请输入数据连接参数" style="width: 990px;"></el-input>
+                  </el-form-item>
+                </div>
+              </el-card>
+            </div>
+          </el-card>
+
+          <el-card class="box-card" style="margin-top: 20px;">
+            <div slot="header" class="clearfix">
+              <span>连接池配置</span>
+            </div>
+            <div  class="text item" >
+              <el-form-item label="初始连接数量">
+                <el-input v-model="connectDTO.initSize" autocomplete="off" placeholder="请输入数据连接参数" style="width: 350px;"></el-input>
+              </el-form-item>
+
+              <el-form-item label="最大连接数量">
+                <el-input v-model="connectDTO.maxNumConn" autocomplete="off" placeholder="请输入数据连接参数" style="width: 350px;"></el-input>
+              </el-form-item>
+
+              <el-form-item label="最大等待时间">
+                <el-input v-model="connectDTO.maxWaitTime" autocomplete="off" placeholder="请输入数据连接参数" style="width: 350px;"></el-input>
+              </el-form-item>
+
+              <el-form-item label="最大等待次数">
+                <el-input v-model="connectDTO.maxWaitTimes" autocomplete="off" placeholder="请输入数据连接参数" style="width: 350px;"></el-input>
+              </el-form-item>
+            </div>
+          </el-card>
+
+          <el-card class="box-card" style="margin-top: 20px;">
+            <div slot="header" class="clearfix">
+              <span>其他信息</span>
+            </div>
+            <div  class="text item" >
+              <el-form-item label="是否初始化" :label-width="formLabelWidth">
+                <el-radio v-model="connectDTO.initialization" label="Y">是</el-radio>
+                <el-radio v-model="connectDTO.initialization" label="N">否</el-radio>
+              </el-form-item>
+
+              <el-form-item label="备注" :label-width="formLabelWidth">
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  :cole="1000"
+                  placeholder="请输入内容"
+                  v-model="connectDTO.notes" style="width: 850px;">
+                </el-input>
+              </el-form-item>
+            </div>
+          </el-card>
+
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="updDialogFormVisible = false">取 消</el-button>
+          <el-button type="primary" @click="updsDialogFormVisible">确 定</el-button>
+        </div>
+      </el-dialog>
+      <!-- Form -->
+<!--添加-->
+      <el-dialog title="添加配置参数" :visible.sync="addDialogFormVisible" width="1100px">
         <el-form :model="connectDTO" :inline="true" :label-width="formLabelWidth">
 
           <el-card class="box-card">
@@ -189,7 +314,7 @@
                   :rows="2"
                   :cole="1000"
                   placeholder="请输入内容"
-                  v-model="connectDTO.textarea" style="width: 850px;">
+                  v-model="connectDTO.notes" style="width: 850px;">
                 </el-input>
               </el-form-item>
             </div>
@@ -209,7 +334,13 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-import { getConnectList, insertConnectList } from '@/api/property/property'
+import {
+  delHandleClick,
+  getConnectList,
+  insertConnectList, selectHandleClick,
+  textHandleClick,
+  updConnectList
+} from '@/api/property/property'
 
 export default {
   //import引入的组件需要注入到对象中才能使用"
@@ -230,6 +361,7 @@ export default {
       tableWidth: '100%',
       multipleSelection: [],
       addDialogFormVisible: false,
+      updDialogFormVisible: false,
       formLabelWidth:'100px',
       options: [{
         value: 'Mysql',
@@ -246,6 +378,38 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    selectHandleClick(row){
+      selectHandleClick(row).then(res=>{
+        console.log(res.data)
+        this.$message.success(res.msg)
+      })
+    },
+    delHandleClick(row){
+      delHandleClick(row.id).then(res=>{
+
+        this.$message.success(res.msg)
+        this.getConnectList()
+      })
+    },
+    textHandleClick(row){
+      textHandleClick(row).then(res=>{
+        this.$message.success(res.msg)
+      })
+    },
+    updHandleClick(row){
+      console.log(row)
+      this.connectDTO=row
+      this.updDialogFormVisible=true
+    },
+    updsDialogFormVisible(){
+      updConnectList(this.connectDTO).then(res=>{
+
+        this.updDialogFormVisible=false
+
+        this.$message.success(res.msg)
+        this.getConnectList()
+      })
+    },
     insertConnectList(){
       this.addDialogFormVisible=true
     },
@@ -253,8 +417,9 @@ export default {
       insertConnectList(this.connectDTO).then(res=>{
 
         this.addDialogFormVisible=false
-        this.getConnectList()
+
         this.$message.success(res.msg)
+        this.getConnectList()
       })
     },
     handleSelectionChange(val) {
@@ -262,7 +427,7 @@ export default {
     },
     getConnectList(){
       getConnectList(this.connectDTO).then(res=>{
-        console.log(res)
+         this.connect=res.data
       })
     },
     selectConnectList(){