集成工具和子系统点位接入接口调试

src/api/scan/httpUtil.js

@@ -29,7 +29,22 @@ function errorResponse(vm, response, err) {
     Message.error({ message: '请求错误' });
   }
 }
-
+function downFile(blob, fileName) {
+  // 非IE下载
+  if ('download' in document.createElement('a')) {
+      let link = document.createElement('a')
+      link.href = window.URL.createObjectURL(blob) // 创建下载的链接
+      link.download = fileName // 下载后文件名
+      link.style.display = 'none'
+      document.body.appendChild(link)
+      link.click() // 点击下载
+      window.URL.revokeObjectURL(link.href) // 释放掉blob对象
+      document.body.removeChild(link) // 下载完成移除元素
+  } else {
+      // IE10+下载
+      window.navigator.msSaveBlob(blob, fileName)
+  }
+}
 export default {
   getJson: function(url, data, success, failed, err) {
     let ProjectId = localStorage.getItem("projectId")
@@ -50,5 +65,34 @@ export default {
     }).catch(error => {
       errorResponse(vm, error, err);
     });
-  }
+  },
+  download(url, requestData) {
+    // 响应类型：arraybuffer, blob
+    fetch
+        .post(url, requestData, { responseType: 'blob' })
+        .then(resp => {
+            let headers = resp.headers
+            let contentType = headers['content-type']
+
+            console.log('响应头信息', headers)
+            if (!resp.data) {
+                console.error('响应异常：', resp)
+                return false
+            } else {
+                console.log('下载文件：', resp)
+                const blob = new Blob([resp.data], { type: contentType })
+
+                const contentDisposition = resp.headers['content-disposition']
+                let fileName = 'unknown'
+                if (contentDisposition) {
+                    fileName = window.decodeURI(resp.headers['content-disposition'].split('=')[1])
+                }
+                console.log('文件名称：', fileName)
+                downFile(blob, fileName)
+            }
+        })
+        .catch(function(error) {
+            console.log(error)
+        })
+},
 }

src/components/config_point/toolLibrary/detailDialog.vue

@@ -2,20 +2,20 @@
   <el-dialog :title="object.val" :visible.sync="dialogTableVisible" width="70%">
     <el-table :data="gridData" border :header-cell-style="{background:'#F3F4F7'}">
       <el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
-      <el-table-column property="name" label="名称" show-overflow-tooltip align="center"></el-table-column>
+      <el-table-column property="Name" label="名称" show-overflow-tooltip align="center"></el-table-column>
       <el-table-column property="address" label="软件" align="center" width="80">
         <template slot-scope="scope">
           <el-button type="text" @click="handleDown(scope.$index,scope.row)">下载</el-button>
         </template>
       </el-table-column>
-      <el-table-column property="date" label="特殊说明" align="center"></el-table-column>
-      <el-table-column property="name" label="适用厂家" align="center"></el-table-column>
-      <el-table-column property="address" label="使用说明" align="center" width="80">
+      <el-table-column property="Remark" label="特殊说明" align="center"></el-table-column>
+      <el-table-column property="Scope" label="适用厂家" align="center"></el-table-column>
+      <el-table-column property="Manual" label="使用说明" align="center" width="80">
         <template slot-scope="scope">
           <el-button type="text" @click="handleDown(scope.$index,scope.row)">下载</el-button>
         </template>
       </el-table-column>
-      <el-table-column property="address" label="配置示例" align="center" width="80">
+      <el-table-column property="Eg" label="配置示例" align="center" width="80">
         <template slot-scope="scope">
           <el-button type="text" @click="handleDown(scope.$index,scope.row)">下载</el-button>
         </template>
@@ -26,6 +26,7 @@
 </template>
 
 <script>
+  import {queryTxList,dowloadProtocol} from "@/fetch/point_http"
   export default {
     name: "settingDialog",
     data() {
@@ -55,9 +56,25 @@
       show(val) {
         this.dialogTableVisible = true
         this.object = val
+        this.getTxOption(this.object.val)
+      },
+      getTxOption(object ){
+        let data = {
+          Filters:`Type='${object}'`
+        }
+        queryTxList(data,res=>{
+          console.log(res)
+          this.gridData = res.Content
+        })
       },
       handleDown(index, row) {
-
+        console.log(row)
+        let params = {
+           Property: "string",
+           ProtocolId: "string"
+        }
+        dowloadProtocol(params,res=>{
+        })
       },
 
     }

src/components/config_point/toolLibrary/settingDialog.vue

@@ -1,37 +1,41 @@
 <template>
   <el-dialog title="配置集成工具库" :visible.sync="dialogTableVisible" width="70%">
     <el-button type="default" style="margin-bottom: 20px" @click="handleEdit">添加协议</el-button>
-    <el-table :data="gridData" border :header-cell-style="{background:'#F3F4F7'}">
+    <el-table :data="gridData" border height="500" :header-cell-style="{background:'#F3F4F7'}">
       <el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
-      <el-table-column property="name" label="协议类型" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column property="name" label="名称" show-overflow-tooltip align="center"></el-table-column>
+      <el-table-column property="Type" label="协议类型" show-overflow-tooltip align="center"></el-table-column>
+      <el-table-column property="Name" label="名称" show-overflow-tooltip align="center"></el-table-column>
       <el-table-column property="address" label="软件" align="center" width="80">
-        <template slot-scope="scope">
-          <el-button type="text" @click="handleDown(scope.$index,scope.row)">下载</el-button>
+        <template slot-scope="scope" v-if="scope.row.Application">
+          <el-button type="text" download @click="handleDown(scope.$index,scope.row,'Application')">下载</el-button>
         </template>
       </el-table-column>
-      <el-table-column property="date" label="特殊说明" align="center"></el-table-column>
-      <el-table-column property="name" label="适用厂家" align="center"></el-table-column>
-      <el-table-column property="address" label="使用说明" align="center" width="80">
-        <template slot-scope="scope">
-          <el-button type="text" @click="handleDown(scope.$index,scope.row)">下载</el-button>
+      <el-table-column property="Remark" label="特殊说明" align="center"></el-table-column>
+      <el-table-column property="Scope" label="适用厂家" align="center">
+          <template slot-scope="scope">
+            {{scope.row.Scope || '通用厂家'}}
+          </template>
+      </el-table-column>
+      <el-table-column property="Manual" label="使用说明" align="center" width="80">
+        <template slot-scope="scope" v-if="scope.row.Manual">
+          <el-button type="text" download @click="handleDown(scope.$index,scope.row,'Manual')">下载</el-button>
         </template>
       </el-table-column>
       <el-table-column property="address" label="配置示例" align="center" width="80">
-        <template slot-scope="scope">
-          <el-button type="text" @click="handleDown(scope.$index,scope.row)">下载</el-button>
+        <template slot-scope="scope" v-if="scope.row.Eg">
+          <el-button type="text" download @click="handleDown(scope.$index,scope.row,'Eg')">下载</el-button>
         </template>
       </el-table-column>
       <el-table-column property="address" label="操作" align="center">
         <template slot-scope="scope">
           <el-button @click="handleEdit(scope.$index, scope.row)">编辑
           </el-button>
-          <el-popconfirm
+          <!-- <el-popconfirm
             title="这是一段内容确定删除吗？"
             @onConfirm="handleDelete(scope.$index, scope.row)"
-          >
+          > -->
             <el-button slot="reference" type="danger" >删除</el-button>
-          </el-popconfirm>
+          <!-- </el-popconfirm> -->
         </template>
       </el-table-column>
     </el-table>
@@ -41,53 +45,54 @@
       :visible.sync="innerVisible"
       append-to-body>
       <el-form :model="form">
-        <el-form-item label="协议类型">
-          <el-select v-model="form.ProtocolType" filterable @change="handleChangeProtocolType"
+        <el-form-item label="协议类型" v-if="this.title=='添加协议'">
+          <el-select v-model="form.Type" filterable @change="handleChangeProtocolType"
                      placeholder="请选择">
             <el-option v-for="item in options" :key="item.value" :label="item.label"
                        :value="item.value"></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="协议类型" v-if="this.title=='编辑协议'">
+            <el-input v-model="form.Type" autocomplete="off" disabled style="width: 220px"/>
+        </el-form-item>
         <el-form-item label="协议名称">
-          <el-input v-model="form.name" autocomplete="off" placeholder="请输入协议名称，必须唯一" style="width: 220px"/>
+          <el-input v-model="form.Name" autocomplete="off" placeholder="请输入协议名称，必须唯一" style="width: 220px"/>
         </el-form-item>
         <el-form-item label="上传软件版本">
-          <upload-files
-            v-model="form.copyright"
-            :readOnly="false"
-            :isShow="1"
-            :keys-arr="[]"
-            :show-file-list="false"
-            @change="changeItem"/>
+          <el-upload
+            action="String"
+            :on-change="changeItem1"
+            >
+            <i class="el-icon-upload"></i>
+            <span style="padding-left:20px;" v-if="file1">文件名：{{file1}}</span>
+          </el-upload>
         </el-form-item>
         <el-form-item label="特殊说明">
-          <el-input type="textarea" v-model="form.data1" :autosize="{ minRows: 4, maxRows: 4}" style="width: 220px"/>
+          <el-input type="textarea" v-model="form.Renark" :autosize="{ minRows: 4, maxRows: 4}" style="width: 220px"/>
         </el-form-item>
         <el-form-item label="适用厂家">
-          <el-input type="textarea" v-model="form.data2" :autosize="{ minRows: 4, maxRows: 4}" style="width: 220px"/>
+          <el-input type="textarea" v-model="form.Scope" :autosize="{ minRows: 4, maxRows: 4}" style="width: 220px"/>
         </el-form-item>
         <el-form-item label="使用说明">
-          <upload-files
-            v-model="form.see"
-            :readOnly="false"
-            :isShow="1"
-            :keys-arr="[]"
-            :show-file-list="false"
-            @change="changeItem"/>
+          <el-upload
+            action="String"
+            :on-change="changeItem2"
+            >
+            <i class="el-icon-upload"></i>
+          </el-upload><span style="padding-left:20px;" v-if="file2">文件名：{{file2}}</span>
         </el-form-item>
-        <el-form-item label="配置实例">
-          <upload-files
-            v-model="form.new"
-            :readOnly="false"
-            :isShow="1"
-            :keys-arr="[]"
-            :show-file-list="false"
-            @change="changeItem"/>
+        <el-form-item label="配置示例">
+         <el-upload
+            action="String"
+            :on-change="changeItem3"
+            >
+            <i class="el-icon-upload"></i>
+          </el-upload><span style="padding-left:20px;" v-if="file3">文件名：{{file3}}</span>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="innerVisible = false">取 消</el-button>
-        <el-button type="primary">保 存</el-button>
+        <el-button type="primary" @click="save">保 存</el-button>
       </div>
     </el-dialog>
   </el-dialog>
@@ -95,7 +100,7 @@
 
 <script>
   import uploadFiles from "@/components/business_space/lib/uploadFiles";
-
+  import {queryTxList,dowloadProtocol,addProtocol,updateProtocol,deleteProtocol,uploadProtocol} from "@/fetch/point_http"
   export default {
     name: "",
     components: {uploadFiles},
@@ -130,6 +135,9 @@
           see: '',
           new: ''
         },
+        file1:"",
+        file2:"",
+        file3:"",
         options: [
           {
             value: 'modbus-tcp',
@@ -164,28 +172,112 @@
     methods: {
       show() {
         this.dialogTableVisible = true
-
+        this.getTxOption()
       },
-      handleDown(index, row) {
-
+       getTxOption(object ){
+        let data = {
+        }
+        queryTxList(data,res=>{
+          console.log(res)
+          this.gridData = res.Content
+        })
+      },
+      handleDown(index, row,name) {
+        let params
+        if(name=='Application'){
+          params = {
+            Property: 'Application',
+            ProtocolId: row.Id
+          }
+        }else if(name=='Manual'){
+           params = {
+            Property: 'Manual',
+            ProtocolId: row.Id
+          }
+        }else if(name=='Eg'){
+           params = {
+            Property: 'Eg',
+            ProtocolId: row.Id
+          }
+        }
+        dowloadProtocol(params,res=>{
+        })
       },
       handleEdit(index, row) {
         this.innerVisible = true
         if (row) {
           this.title = '编辑协议'
+          this.form = row
         } else {
           this.title = '添加协议'
-
+        }
+      },
+      save(){
+        if(this.title = '添加协议'){
+          let params = this.form
+          addProtocol(params,res=>{
+            console.log(res)
+            if(res.Result=='success'){
+              this.innerVisible = false
+              this.getTxOption()
+            }
+          })
+        }else if(this.title = '编辑协议'){
+          let params = this.form
+          updateProtocol(params,res=>{
+            if(res.Result=='success'){
+                this.innerVisible = false
+                this.getTxOption()
+            }
+          })
         }
       },
       handleDelete(index, row) {
         console.log(row)
+        let params = {
+          idList:row.id
+        }
+        deleteProtocol(params,res=>{
+
+        })
       },
       handleChangeProtocolType(val) {
-
       },
-      changeItem(val) {
-
+      changeItem1(file, fileList) {
+        this.file1 = file.name
+        let formData = new FormData()
+        formData.append('multipartFile',file.raw)
+        formData.append('property','Application')
+        formData.append('protocolId',this.form.Id)
+        uploadProtocol(formData,res=>{
+          if(res.Result=='success'){
+            console.log('文件上传成功')
+          }
+        })
+      },
+      changeItem2(file, fileList) {
+        this.file2 = file.name
+        let formData = new FormData();
+        formData.append('multipartFile',file.raw)
+        formData.append('property','Manual')
+        formData.append('protocolId',this.form.Id)
+        uploadProtocol(formData,res=>{
+          if(res.Result=='success'){
+             console.log('文件上传成功')
+          }
+        })
+      },
+      changeItem3(file, fileList) {
+        this.file3 = file.name
+        let formData = new FormData()
+        formData.append('multipartFile',file.raw)
+        formData.append('property','Eg')
+        formData.append('protocolId',this.form.Id)
+        uploadProtocol(formData,res=>{
+          if(res.Result=='success'){
+            console.log('文件上传成功')
+          }
+        })
       }
     }
   }

src/fetch/point_http.js

@@ -1,5 +1,5 @@
 import {get, post, request } from './request'
-
+import httpUtil from "@/api/scan/httpUtil";
 let point = '/pointconfig'
 let relation = '/relation'
 
@@ -345,4 +345,46 @@ export function AIFindPoint(param, success) {
 export function AIPlan(param, success) {
     let data = param.data
     return post(`${point}/point/${param.type}/query-ai`, data, success)
-}
+}
+
+//查询协议列表
+export function queryProtocalList(param, success) {
+    let url = `${point}/protocol/type-list`
+    httpUtil.postJson(url, param, success)
+  }
+
+  //查询通讯模式
+  export function queryTxList(param, success){
+    let url = `${point}/protocol/query`
+    httpUtil.postJson(url, param, success)
+  }
+  //测试数据源  
+  export function queryTest(param, success){
+    let url = `${point}/datasource/check`
+    httpUtil.postJson(url, param, success)
+  }
+  //下载协议
+  export function dowloadProtocol(param, success){
+    let url = `${point}/protocol/download`
+    httpUtil.download(url, param, success)
+  }
+  //添加协议
+  export function addProtocol(param, success){
+    let url = `${point}/protocol/create`
+    httpUtil.postJson(url, param, success)
+  }
+  //删除协议
+  export function deleteProtocol(param, success){
+    let url = `${point}/protocol/delete`
+    httpUtil.postJson(url, param, success)
+  }
+  //更新协议
+  export function updateProtocol(param, success){
+    let url = `${point}/protocol/update`
+    httpUtil.postJson(url, param, success)
+  }
+   //上传协议
+   export function uploadProtocol(param, success){
+    let url = `${point}/protocol/upload`
+    httpUtil.postJson(url, param, success)
+  }

src/views/data_admin/buildAssets/index.vue

@@ -107,7 +107,6 @@
         }
         problemQuery(param, res => {
           this.total = res.Total
-          debugger
           this.setErrorReport(res.Content)
         })
 

src/views/point/config_point/edit_origin/dialog.vue

@@ -38,10 +38,10 @@
           </el-select>
         </el-form-item>
         <el-form-item label="HBase库名">
-          <el-input/>
+          <el-input v-model="formData.hbase"></el-input>
         </el-form-item>
         <el-form-item label="zookeeper">
-          <el-input/>
+          <el-input v-model="formData.zookeeper"></el-input>
         </el-form-item>
       </template>
       <template
@@ -61,8 +61,9 @@
         <el-input-number v-model="formData.CollectInterval" controls-position="right" :min="10"></el-input-number>
       </el-form-item>
       <el-form-item label="通讯模式" v-if="formData.ProtocolType != 'common'  && formData.ProtocolType != 'ems-collect' ">
-        <el-select filterable>
-          <el-option></el-option>
+        <el-select filterable v-model="formData.tx">
+          <el-option v-for="item in txOptions" :key="item.value" :label="item.label"
+                     :value="item.value"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="网络类型">
@@ -77,7 +78,7 @@
                   placeholder="请输入描述内容，200个字以内"></el-input>
       </el-form-item>
       <el-form-item>
-        <el-button :disabled="formData.wangluo =='jianjie'?true:false">测试</el-button>
+        <el-button :disabled="formData.wangluo =='jianjie'?true:false" @click="test">测试</el-button>
         <el-button @click="dialogVisible = false">取消</el-button>
         <el-button type="primary" @click="btnClick">保存</el-button>
       </el-form-item>
@@ -96,7 +97,7 @@
   import ipInput from "@/components/config_point/ip_input"
   // import bread from "components/common/bread_crumb"
   import tools from "@/utils/tools"
-  import {createDataSource, queryDataSource, updateDataSource} from "@/fetch/point_http"
+  import {createDataSource, queryDataSource, updateDataSource,queryProtocalList,queryTxList,queryTest} from "@/fetch/point_http"
   import {mapGetters} from "vuex";
 
   export default {
@@ -113,6 +114,8 @@
           ProtocolType: "", //协议类型
           ProtocolStandarded: true,
           Name: "",
+          hbase:"",
+          zookeeper:"",
           ProtocolInfo: {
             Ip: "", //ip
             Port: "", //端口号，有些协议类型没有该信息
@@ -124,6 +127,7 @@
           CollectInterval: 10
         },
         ProtocolInfo: "",//自定义协议信息
+        txOptions:[],
         options: [
           {
             value: 'modbus-tcp',
@@ -181,19 +185,46 @@
     },
 
     methods: {
+      getProtocalList(){
+        let data = {
+        }
+        queryProtocalList(data,res=>{
+          console.log(res)
+          this.options = res.Content
+        })
+      },
+      getTxOption(){
+        let data = {
+          Filters:`Type='${this.formData.ProtocolType}'`
+        }
+        queryTxList(data,res=>{
+          console.log(res)
+          this.txOptions = res.Content
+        })
+      },
+      test(){
+        let data = this.formData
+        queryTest(data,res=>{
+          console.log(res)
+          if(res.Result=='success'){
+            
+          }
+        })
+      },
       openDialog(obj) {
         this.dialogVisible = true
         this.title = obj ? '编辑数据源' : '添加数据源'
         if (obj) {
           this.getDataSouse(obj)
         }
-
+        //this.getProtocalList()
       },
       changeItem(ip, port) {
         this.formData.ProtocolInfo.Ip = ip
         this.formData.ProtocolInfo.Port = port
       },
       handleChangeProtocolType(val) {//切换协议类型
+        this.getTxOption()
         switch (val) {
           case 'modbus-tcp':
           case 'bacnet-ip':
@@ -212,7 +243,6 @@
             break
 
         }
-
       },
       handleChangeNetType(val) { //网络类型
         console.log(val)
@@ -233,6 +263,7 @@
           let data = res.Content[0]
           data.ProtocolType = data.ProtocolType == '其他' ? 'common' : data.ProtocolType
           this.formData = data
+          console.log(data)
           if (!this.formData.ProtocolInfo) {
             //信息点为空时
             this.formData.ProtocolInfo = {
@@ -245,7 +276,6 @@
           } else {
             //有信息点时
             this.ProtocolInfo = JSON.stringify(data.ProtocolInfo)
-            debugger
           }
           this.handleChangeProtocolType(data.ProtocolType)
         })

src/views/point/config_point/edit_origin/index.vue

@@ -199,7 +199,6 @@
 
           },
           getDataSouse() {
-            debugger
             let param = {
               Filters: {
                 Id: this.id

src/views/point/toolLibrary/index.vue

@@ -15,7 +15,7 @@
 <script>
   import detailDialog from "@/components/config_point/toolLibrary/detailDialog";
   import settingDialog from "@/components/config_point/toolLibrary/settingDialog";
-
+  import {queryProtocalList} from "@/fetch/point_http"
   export default {
     data() {
       return {
@@ -25,7 +25,16 @@
       }
     },
     components: {detailDialog, settingDialog},
+    mounted(){
+      //this.queryList()
+    },
     methods: {
+      queryList(){
+        let params = {}
+        queryProtocalList(params,res=>{
+          this.list = res.Content
+        })
+      },
       detailItem(item) {
         this.$refs.detailObject.show(item)
       },