加入前端文件和cefsharp框架

4 years ago · 5b465a61fd
4 changed files with 63 additions and 1 deletions
--- a/客户端/齐越慧眼/齐越慧眼/UserControls/CatControl.xaml
+++ b/客户端/齐越慧眼/齐越慧眼/UserControls/CatControl.xaml
@ -4,9 +4,10 @@
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:齐越慧眼.UserControls"
+             xmlns:cef="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
-        <TextBlock>品类词库</TextBlock>
+        <cef:ChromiumWebBrowser x:Name="web"></cef:ChromiumWebBrowser>
    </Grid>
 </UserControl>
--- a/客户端/齐越慧眼/齐越慧眼/UserControls/CatControl.xaml.cs
+++ b/客户端/齐越慧眼/齐越慧眼/UserControls/CatControl.xaml.cs
@ -21,6 +21,12 @@ namespace 齐越慧眼.UserControls
        public CatControl()
        {
            InitializeComponent();
+            Loaded += CatControl_Loaded;
+        }
+
+        private void CatControl_Loaded(object sender, RoutedEventArgs e)
+        {
+            web.Load(@"D:\2019\德邑海外仓系统\客户端\dist\index.html");
        }
    }
 }
--- a/客户端/齐越慧眼/齐越慧眼/webpages/cats.html
+++ b/客户端/齐越慧眼/齐越慧眼/webpages/cats.html
@ -0,0 +1,49 @@
+<html lang="zh-CN">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
+    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js"></script>
+</head>
+
+<body>
+    <div id="app">
+        <ul class="nav nav-tabs">
+            <li @click="()=>{selectType=item.value}" class="nav-item" v-for="(item,index) in typeList" :key="index">
+                <a :class="selectType==item.value?'nav-link active':'nav-link'" aria-current="page"
+                    href="#">{{item.name}}</a>
+            </li>
+        </ul>
+
+        <div>
+            <a class="btn btn-primary" data-bs-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">Toggle first element</a>
+            <div class="collapse multi-collapse" id="multiCollapseExample1">
+                <div class="card card-body">
+                Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+<script>
+
+    var vm = new Vue({
+        el: '#app',
+        data: {
+            selectType: 1,
+            typeList: [{ name: '淘宝', value: 1 }, { name: '京东', value: 2 }, { name: '拼多多', value: 3 }]
+        },
+        created() {
+
+        },
+        methods: {
+
+        },
+    })
+</script>
+
+</html>
--- a/客户端/齐越慧眼/齐越慧眼/齐越慧眼.csproj
+++ b/客户端/齐越慧眼/齐越慧眼/齐越慧眼.csproj
@ -7,7 +7,13 @@
  </PropertyGroup>

  <ItemGroup>
+    <PackageReference Include="CefSharp.Wpf.NETCore" Version="94.4.50" />
    <PackageReference Include="HandyControl" Version="3.2.0" />
+    <PackageReference Include="Newtonsoft.Json" Version="13.0.1" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Folder Include="webpages\" />
  </ItemGroup>

 </Project>