From f7e911943cad5a482545f74dce2c8a8c8b7796fa Mon Sep 17 00:00:00 2001
From: zerlei <1445089819@qq.com>
Date: Thu, 10 Oct 2024 09:46:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8A=A0=E4=BA=86=E4=B8=80=E4=BA=9Bweb?=
 =?UTF-8?q?socket=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Tool/webtool/package.json       |  1 +
 Tool/webtool/src/App.vue        | 99 ++++++++++++++++++++++++++++-----
 Tool/webtool/src/HistoryBtn.vue | 52 +++++++++++++++++
 Tool/webtool/src/connect.js     | 33 +++++++++++
 Tool/webtool/test.js            | 38 +++++++++++++
 Tool/webtool/vite.config.js     |  4 ++
 6 files changed, 213 insertions(+), 14 deletions(-)
 create mode 100644 Tool/webtool/src/HistoryBtn.vue
 create mode 100644 Tool/webtool/src/connect.js
 create mode 100644 Tool/webtool/test.js

diff --git a/Tool/webtool/package.json b/Tool/webtool/package.json
index a1a30bd..56c7a68 100644
--- a/Tool/webtool/package.json
+++ b/Tool/webtool/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "monaco-editor": "0.33.0",
     "monaco-editor-vue3": "^0.1.10",
+    "stringify-object": "^5.0.0",
     "vue": "^3.4.21"
   },
   "devDependencies": {
diff --git a/Tool/webtool/src/App.vue b/Tool/webtool/src/App.vue
index 46e47de..b7d20fc 100644
--- a/Tool/webtool/src/App.vue
+++ b/Tool/webtool/src/App.vue
@@ -1,37 +1,108 @@
 <script setup>
 import MonacoEditor from 'monaco-editor-vue3';
-import { ref } from 'vue';
+import HistoryBtn from "./HistoryBtn.vue"
+import { ref, onMounted, computed } from 'vue';
+import stringifyObject from 'stringify-object';
+const cacheConfig = ref({})
 const options = ref({
 
   colorDecorators: true,
   lineHeight: 24,
   tabSize: 2,
 })
-// let config = {
-//   x:10,
-//   y:20
-// }
 const code = ref(`
 config = {
-  x:10,
-  y:20
-}
+  Name: "Test",
+  RemoteUrl: "D:/FileSyncTest/dtemp",
+  RemotePwd: "t123",
+  IsDeployDb: false,
+  IsDeployProject: false,
+  LocalProjectAbsolutePath:
+    "D:/git/HMES-H7-HNFY/HMES-H7-HNFYMF/HMES-H7-HNFYMF.WEB",
+  LocalRootPath: "D:/FileSyncTest/src",
+
+  RemoteRootPath: "D:/FileSyncTest/dst",
+  SrcDb: {
+    ServerName: "172.16.12.2",
+    DatebaseName: "HMES_H7_HNFYMF",
+    User: "hmes-h7",
+    Password: "Hmes-h7666",
+    TrustServerCertificate: "True",
+    SyncTablesData: [
+      "dbo.sys_Button",
+      "dbo.sys_Menu",
+      "dbo.sys_Module",
+      "dbo.sys_Page",
+    ],
+  },
+  DstDb: {
+    ServerName: "127.0.0.1",
+    DatebaseName: "HMES_H7_HNFYMF",
+    User: "sa",
+    Password: "0",
+    TrustServerCertificate: "True",
+  },
+  DirFileConfigs: [
+    {
+      DirPath: "/bin",
+      Excludes: ["/roslyn", "/Views"],
+    },
+  ],
+};
 `)
 function submit() {
   var config = {}
-  // const config =  eval(code.value)
-  eval(code.value)
-  console.log(config)
+  try {
+    eval(code.value)
+    if ([undefined, null, ''].includes(config.Name)) {
+      throw "缺少名称！"
+    }
+    cacheConfig.value[config.Name] = config
+    updateStorage()
+  }
+  catch (e) {
+    window.alert(e)
+  }
 }
+function onLoad(name) {
+
+  const pretty = stringifyObject(cacheConfig.value[name], {
+    indent: '  ',
+    singleQuotes: false
+  });
+  code.value = "\nconfig = " + pretty
+}
+const history = computed(() => {
+  return Object.keys(cacheConfig.value)
+})
+
+function publishCB(MsgIt) {
+
+}
+function onDel(name) {
+  delete cacheConfig.value[name]
+  updateStorage()
+}
+function updateStorage() {
+  localStorage.setItem('config', JSON.stringify(cacheConfig.value))
+}
+onMounted(() => {
+  var cacheConfigStr = localStorage.getItem('config')
+  if (cacheConfigStr) {
+    cacheConfig.value = JSON.parse(cacheConfigStr)
+  }
+})
 </script>
 
 <template>
   <h3>发布工具</h3>
-  <div>发布历史</div>
+  <div>
+    <HistoryBtn :name="name" @load="onLoad" @del="onDel" v-for="name in history" />
+  </div>
   <div style="display: flex;">
 
-  <MonacoEditor theme="vs-dark" :options="options" language="javascript" :width="800" :height="700"
-    v-model:value="code"></MonacoEditor>
+    <MonacoEditor theme="vs-dark" :options="options" language="javascript" :width="800" :height="700"
+      v-model:value="code"></MonacoEditor>
     <div style="width: 800px;height: 700px;background-color: #1e1e1e;">
       发布日志
     </div>
diff --git a/Tool/webtool/src/HistoryBtn.vue b/Tool/webtool/src/HistoryBtn.vue
new file mode 100644
index 0000000..ce39105
--- /dev/null
+++ b/Tool/webtool/src/HistoryBtn.vue
@@ -0,0 +1,52 @@
+<template>
+    <button style="margin: 5px;position: relative;" v-on:click="load">{{ name }}
+        <div class="delbtn" title="删除" style="position: absolute;top:-5px;right:-5px;" v-on:click.stop="del">
+            <svg style="pointer-events: none;" t="1728198663794" class="icon" viewBox="0 0 1070 1024" version="1.1"
+                xmlns="http://www.w3.org/2000/svg" p-id="4287" width="16" height="16">
+                <path
+                    d="M729.098039 883.45098H342.588235c-81.568627 0-148.078431-66.509804-148.078431-148.078431V377.72549c0-10.039216 8.784314-18.823529 18.823529-18.823529s18.823529 8.784314 18.82353 18.823529v357.647059c0 61.490196 50.196078 110.431373 110.431372 110.431373h386.509804c61.490196 0 110.431373-50.196078 110.431373-110.431373V377.72549c0-10.039216 8.784314-18.823529 18.823529-18.823529s18.823529 8.784314 18.82353 18.823529v357.647059c0 81.568627-66.509804 148.078431-148.078432 148.078431z"
+                    fill="#e6e6e6" p-id="4288"></path>
+                <path
+                    d="M783.058824 266.039216v-58.980392c0-71.529412-57.72549-129.254902-129.254902-129.254902H417.882353C346.352941 77.803922 288.627451 135.529412 288.627451 207.058824v58.980392"
+                    fill="#e6e6e6" p-id="4289"></path>
+                <path
+                    d="M783.058824 284.862745c-10.039216 0-18.823529-8.784314-18.82353-18.823529v-58.980392c0-61.490196-50.196078-110.431373-110.431372-110.431373H417.882353c-61.490196 0-110.431373 50.196078-110.431373 110.431373v58.980392c0 10.039216-8.784314 18.823529-18.823529 18.823529s-18.823529-8.784314-18.823529-18.823529v-58.980392c0-81.568627 66.509804-148.078431 148.078431-148.078432h235.921569c81.568627 0 148.078431 66.509804 148.078431 148.078432v58.980392c0 10.039216-8.784314 18.823529-18.823529 18.823529z"
+                    fill="#e6e6e6" p-id="4290"></path>
+                <path
+                    d="M921.098039 296.156863H149.333333c-10.039216 0-18.823529-8.784314-18.823529-18.82353s8.784314-18.823529 18.823529-18.823529h771.764706c10.039216 0 18.823529 8.784314 18.82353 18.823529s-8.784314 18.823529-18.82353 18.82353zM410.352941 773.019608c-10.039216 0-18.823529-8.784314-18.823529-18.82353v-376.470588c0-10.039216 8.784314-18.823529 18.823529-18.823529s18.823529 8.784314 18.82353 18.823529v376.470588c0 10.039216-8.784314 18.823529-18.82353 18.82353z"
+                    fill="#e6e6e6" p-id="4291"></path>
+                <path
+                    d="M661.333333 773.019608c-10.039216 0-18.823529-8.784314-18.823529-18.82353v-376.470588c0-10.039216 8.784314-18.823529 18.823529-18.823529s18.823529 8.784314 18.82353 18.823529v376.470588c0 10.039216-8.784314 18.823529-18.82353 18.82353z"
+                    fill="#e6e6e6" p-id="4292"></path>
+            </svg>
+        </div>
+    </button>
+</template>
+<script setup>
+const props = defineProps({
+    name: String
+})
+const emits = defineEmits(
+    ['load', 'del']
+)
+function load() {
+    emits('load', props.name)
+}
+function del() {
+    emits('del', props.name)
+}
+
+// const name = ref(props.name)
+
+</script>
+<style>
+.delbtn {
+    border-radius: 3px;
+}
+
+.delbtn:hover {
+    /* background-color:red; */
+    cursor: pointer;
+    border: 2px solid #9B0000;
+}
+</style>
\ No newline at end of file
diff --git a/Tool/webtool/src/connect.js b/Tool/webtool/src/connect.js
new file mode 100644
index 0000000..2de7c96
--- /dev/null
+++ b/Tool/webtool/src/connect.js
@@ -0,0 +1,33 @@
+class ConnectPipe {
+  #websocket;
+  //在这里打断点可能会导致debug错误，然后浏览器打不开页面， 这是为啥？
+  constructor() {
+    //Id,Msgtype,callback
+    // this.#websocket = new WebSocket(`ws://${window.location.host}`)
+  }
+  #OpenPipe(config, MsgCb) {
+    this.config = config;
+
+    var webSocUrl = `ws://${window.location.host}:${window.location.port}/websoc?Name=${config.Name}`
+    this.#websocket = new WebSocket(webSocUrl);
+    this.#websocket.onopen = (event) => {
+    //   console.warn("websocket connected!");
+      this.#websocket.send(JSON.stringify(this.config));
+    };
+    this.#websocket.onmessage = (event) => {
+
+        
+
+    };
+    this.#websocket.onclose = (event) => {};
+    this.#websocket.onerror = (e) => {
+      if (this.#websocket.readyState) {
+        //bla bla
+      }
+    };
+  }
+}
+
+let cPipe = new ConnectPipe();
+
+export default cPipe;
diff --git a/Tool/webtool/test.js b/Tool/webtool/test.js
new file mode 100644
index 0000000..0ce362b
--- /dev/null
+++ b/Tool/webtool/test.js
@@ -0,0 +1,38 @@
+config = {
+  Name: "Test",
+  RemoteUrl: "D:/FileSyncTest/dtemp",
+  RemotePwd: "t123",
+  IsDeployDb: false,
+  IsDeployProject: false,
+  LocalProjectAbsolutePath:
+    "D:/git/HMES-H7-HNFY/HMES-H7-HNFYMF/HMES-H7-HNFYMF.WEB",
+  LocalRootPath: "D:/FileSyncTest/src",
+
+  RemoteRootPath: "D:/FileSyncTest/dst",
+  SrcDb: {
+    ServerName: "172.16.12.2",
+    DatebaseName: "HMES_H7_HNFYMF",
+    User: "hmes-h7",
+    Password: "Hmes-h7666",
+    TrustServerCertificate: "True",
+    SyncTablesData: [
+      "dbo.sys_Button",
+      "dbo.sys_Menu",
+      "dbo.sys_Module",
+      "dbo.sys_Page",
+    ],
+  },
+  DstDb: {
+    ServerName: "127.0.0.1",
+    DatebaseName: "HMES_H7_HNFYMF",
+    User: "sa",
+    Password: "0",
+    TrustServerCertificate: "True",
+  },
+  DirFileConfigs: [
+    {
+      DirPath: "/bin",
+      Excludes: ["/roslyn", "/Views"],
+    },
+  ],
+};
diff --git a/Tool/webtool/vite.config.js b/Tool/webtool/vite.config.js
index 05c1740..1928f86 100644
--- a/Tool/webtool/vite.config.js
+++ b/Tool/webtool/vite.config.js
@@ -4,4 +4,8 @@ import vue from '@vitejs/plugin-vue'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  server:{
+    host:"0.0.0.0",
+    port:6769
+  }
 })