From 342317f6fff32306ce54a7d28e97111d766dffa5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E8=BE=89=E8=BE=89?= <3548508071@qq.com>
Date: Wed, 1 Dec 2021 17:04:43 +0800
Subject: [PATCH] commit

---
 .idea/NanJingLamanRadarProject.iml            |  12 +
 .idea/modules.xml                             |   8 +
 .idea/vcs.xml                                 |   6 +
 .idea/workspace.xml                           |  43 +++
 04.系统编码/Frontend/.idea/workspace.xml  |   1 +
 .../Frontend/src/components/Login.vue         |  30 +-
 .../src/components/MicrowaveRadiation.vue     |   2 +-
 .../src/components/SystemManagement.vue       | 286 +++++++++++++++---
 8 files changed, 333 insertions(+), 55 deletions(-)
 create mode 100644 .idea/NanJingLamanRadarProject.iml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/vcs.xml
 create mode 100644 .idea/workspace.xml

diff --git a/.idea/NanJingLamanRadarProject.iml b/.idea/NanJingLamanRadarProject.iml
new file mode 100644
index 0000000..0c8867d
--- /dev/null
+++ b/.idea/NanJingLamanRadarProject.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..0177510
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/NanJingLamanRadarProject.iml" filepath="$PROJECT_DIR$/.idea/NanJingLamanRadarProject.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
new file mode 100644
index 0000000..eb02ee7
--- /dev/null
+++ b/.idea/workspace.xml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="ab2b8b9a-75bc-4b53-ba9c-6ce3e5bcc7ca" name="默认变更列表" comment="" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="ProjectId" id="21a5RLcjrkNIjFdbJemkLwao7SH" />
+  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent">
+    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
+    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="nodejs_package_manager_path" value="npm" />
+    <property name="settings.editor.selected.configurable" value="vcs.Git" />
+    <property name="ts.external.directory.path" value="D:\软件\webstrom\WebStorm 2021.1\plugins\JavaScriptLanguage\jsLanguageServicesImpl\external" />
+    <property name="vue.rearranger.settings.migration" value="true" />
+  </component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="应用程序级" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="默认任务">
+      <changelist id="ab2b8b9a-75bc-4b53-ba9c-6ce3e5bcc7ca" name="默认变更列表" comment="" />
+      <created>1638166349353</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1638166349353</updated>
+      <workItem from="1638166352914" duration="181000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/04.系统编码/Frontend/.idea/workspace.xml b/04.系统编码/Frontend/.idea/workspace.xml
index 4e4fab0..db8731b 100644
--- a/04.系统编码/Frontend/.idea/workspace.xml
+++ b/04.系统编码/Frontend/.idea/workspace.xml
@@ -50,6 +50,7 @@
       <workItem from="1638257712429" duration="4830000" />
       <workItem from="1638262944757" duration="2715000" />
       <workItem from="1638265701887" duration="1089000" />
+      <workItem from="1638320347423" duration="23633000" />
     </task>
     <servers />
   </component>
diff --git a/04.系统编码/Frontend/src/components/Login.vue b/04.系统编码/Frontend/src/components/Login.vue
index 7f5bf13..a24c332 100644
--- a/04.系统编码/Frontend/src/components/Login.vue
+++ b/04.系统编码/Frontend/src/components/Login.vue
@@ -23,18 +23,26 @@
 <script lang="ts">
 import {reactive, toRefs} from "vue";
 import { ElMessageBox } from 'element-plus'
+import { useRouter } from "vue-router"
 export default {
   name: 'Login',
   setup() {
     let option = reactive({
-      inputName: null,
-      inputPassword: null,
+      inputName: "",
+      inputPassword:"" ,
       centerDialogVisible:false
     })
-
+    const router = useRouter()
     const onLoginClick = () => {
-      if(option.inputName==null || option.inputPassword==null){
-        ElMessageBox.alert('请完善信息', '提示', {
+      if(option.inputName=="xuhuihui" && option.inputPassword=="12345678" ){
+        router.push({
+          path: "MicrowaveRadiation",
+          query:{
+
+          }
+        })
+      }else {
+        ElMessageBox.alert('请正确填写信息', '提示', {
           confirmButtonText: '确认',
         })
       }
@@ -89,7 +97,6 @@ export default {
           width: 3.93rem;
           height: 0.4rem;
           font-size: 0.30rem;
-          font-family: Microsoft YaHei;
           font-weight: bold;
           line-height: 0.4rem;
           color: #222222;
@@ -113,7 +120,6 @@ export default {
             position: relative;
             border: none;
             font-size: 18px;
-            font-family: Microsoft YaHei;
             font-weight: 400;
             line-height: 0.24rem;
             color: #999999;
@@ -124,15 +130,15 @@ export default {
             width: 0.18rem;
             height: 0.1792rem;
             position: absolute;
-            top: -13px;
-            left: 18px;
+            top: -0.10rem;
+            left: 0.18rem;
           }
       }
       }
       img {
-        width: 157.33px;
-        height: 157.15px;
-        margin-top: 35px;
+        width: 1.5733rem;
+        height: 1.5715rem;
+        margin-top: .35rem;
       }
     .btn{
         width: 4.96rem;
diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
index a04d047..c1e78a1 100644
--- a/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
+++ b/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
@@ -98,7 +98,7 @@
 <script lang="ts">
     import { onMounted, reactive, toRefs } from 'vue';
     import moment from "moment";
-    
+
     export default {
         name: 'MicrowaveRadiation',
         setup() {
diff --git a/04.系统编码/Frontend/src/components/SystemManagement.vue b/04.系统编码/Frontend/src/components/SystemManagement.vue
index 1fccd95..997d812 100644
--- a/04.系统编码/Frontend/src/components/SystemManagement.vue
+++ b/04.系统编码/Frontend/src/components/SystemManagement.vue
@@ -7,15 +7,11 @@
           <div class="left">
               <h1>用户名称：</h1>
 
-            <el-select v-model="value"  style="width: 305px">
-              <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
-              </el-option>
-            </el-select>
-
+            <el-autocomplete
+                v-model="state1"
+                :fetch-suggestions="querySearch"
+                class="inline-input"
+                @select="handleSelect"/>
 
            <img src="/images/search.png" @click="onSearch">
           </div>
@@ -25,18 +21,43 @@
           </div>
 
           <div class="tableMessage">
-          <el-table :data="tableData" border  style="width: 100%;color: black">
-            <el-table-column prop="date" label="序号" width="216px" align="center"/>
-            <el-table-column prop="name" label="用户账号" width="300px" align="center"/>
-            <el-table-column prop="address" label="电话" width="301px" align="center"/>
-            <el-table-column prop="name" label="邮箱" width="351px" align="center"/>
-            <el-table-column prop="name" label="操作" width="351px" align="center"/>
+          <el-table :data="tableData" border  style="width: 100%;color: black;height: 539px">
+            <el-table-column prop="date" label="序号" width="176px" align="center"/>
+            <el-table-column prop="name" label="用户名称" width="201px" align="center"/>
+            <el-table-column prop="accountNumber" label="用户账号" width="280px" align="center"/>
+            <el-table-column prop="phone" label="电话" width="281px" align="center"/>
+            <el-table-column prop="emil" label="邮箱" width="280px" align="center"/>
+            <el-table-column prop="operation" label="操作" width="301px" align="center">
+              <template #default="scope">
+                <div class="operation">
+                  <span @click.prevent="onAmendClick(scope.$index, tableData)">修改信息</span>
+                  <!--删除-->
+                  <el-popconfirm
+                      confirm-button-text="确认"
+                      cancel-button-text="取消"
+                      title="确认删除?">
+                    <template #reference>
+                      <span>删除用户</span>
+                    </template>
+                  </el-popconfirm>
+                </div>
+              </template>
+            </el-table-column>
           </el-table>
+            <!---分页-->
+            <div class="pagination">
+              <el-pagination background layout="prev, pager, next" :total="total*10">
+              </el-pagination>
+            </div>
           </div>
 
+
+
+
+
         </div>
       <!--弹出框--->
-      <el-dialog v-model="dialogFormVisible" title="添加新用户" show-close=false center=true width="961px">
+      <el-dialog v-model="dialogFormVisible" :title="title" show-close=false center=true width="961px" top="17%">
         <el-form :model="form">
           <el-form-item label="用户账号：" :label-width="formLabelWidth">
             <el-input v-model="form.accountNumber" autocomplete="off" style="width: 260px"></el-input>
@@ -48,10 +69,8 @@
             <el-input v-model="form.phone" autocomplete="off" style="width: 260px"></el-input>
           </el-form-item>
           <el-form-item label="邮箱：" :label-width="formLabelWidth">
-            <el-input v-model="form.mailbox" autocomplete="off" style="width: 260px"></el-input>
+            <el-input v-model="form.emil" autocomplete="off" style="width: 260px"></el-input>
           </el-form-item>
-
-
         </el-form>
         <template #footer>
       <span class="dialog-footer">
@@ -61,83 +80,242 @@
         </template>
       </el-dialog>
 
-
     </div>
 </template>
 
 
 
 <script lang="ts">
-    import { reactive, toRefs,ref} from 'vue';
+import {reactive, toRefs ,ref , onMounted} from 'vue';
 
     export default {
         name: 'SystemManagement',
         setup() {
           let option = reactive({
-            options:[ {
-              value: 'Option1',
-              label: 'Option1',
-            },
-              {
-                value: 'Option2',
-                label: 'Option2',
-              },
-              {
-                value: 'Option3',
-                label: 'Option3',
-              }],
+            val:'',
             dialogFormVisible:false,
+            title:'',
             formLabelWidth:"100px",
+            total:3,
             form:{
               name:'',
               accountNumber:'',
               phone:'',
-              mailbox:''
+              emil:''
+
             },
             tableData:[
               {
                 date: '1',
                 name: 'Tom',
                 address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'11',
+                emil:'xxxx'
               },
               {
                 date: '2',
                 name: 'Tom',
                 address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'22',
+                emil:'xxxx'
               },
               {
                 date: '3',
                 name: 'Tom',
                 address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'33',
+                emil:'xxxx'
+              },
+              {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },
+              {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },
+              {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },
+              {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },
+              {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },
+              {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },     {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },     {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
               },
               {
                 date: '4',
                 name: 'Tom',
                 address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
               },
+              {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },     {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },     {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },
+              {
+                date: '4',
+                name: 'Tom',
+                address: 'No. 189, Grove St, Los Angeles',
+                accountNumber:'11',
+                phone:'44',
+                emil:'xxxx'
+              },
+
             ]
 
           })
+
+          //添加用户
           const onAddClick = ()=> {
+            option.title = '添加用户'
+            option.dialogFormVisible = true
+            option.form = {}
+          }
+
+          //修改用户
+          const onAmendClick = (index, rows)=>{
+            option.title = '修改信息'
             option.dialogFormVisible = true
+            option.form =rows[index]
           }
+
           //图片搜索
           const onSearch = ()=>{
 
           }
+
+          const restaurants = ref([])
+          const querySearch = (queryString: string, cb) => {
+            const results = queryString
+                ? restaurants.value.filter(createFilter(queryString))
+                : restaurants.value
+            cb(results)
+          }
+          const createFilter = (queryString) => {
+            return (restaurant) => {
+              return (
+                  restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===0
+              )
+            }
+          }
+          const loadAll = () => {
+            return [
+              { value: 'vue'},
+              { value: 'element'},
+              { value: 'cooking'},
+              { value: 'mint-ui' },
+              { value: 'vuex' },
+              { value: 'vue-router' },
+              { value: 'babel' },
+            ]
+          }
+          const handleSelect = (item) => {
+            console.log(item)
+          }
+          onMounted(() => {
+            restaurants.value = loadAll()
+          })
+
+
+
+
             return {
               ...toRefs(option),
-              value: ref(''),
-              onAddClick
+              onAddClick,
+              onAmendClick,
+              onSearch,
+              restaurants,
+              state1: ref(''),
+              state2: ref(''),
+              querySearch,
+              createFilter,
+              loadAll,
+              handleSelect,
             }
         }
     }
 </script>
 <style lang="less" scoped>
+
     .system-container {
         width: calc(~"100% - 40px");
         margin: 0 20px;
 
+      .pagination{
+        margin-top: 10px;
+        display: flex;
+        justify-content: flex-end;
+      }
+
       .box{
         padding: 28px 20px 0px ;
         display: flex;
@@ -146,12 +324,26 @@
         .left{
           display: flex;
           justify-content: space-between;
+          position: relative;
+
+          &::after {
+            content: '';
+            width: 0;
+            height: 0;
+            display: block;
+            position: absolute;
+            top: 50%;
+            right: 70px;
+            transform: translateY(-50%);
+            border-left: 0.08rem solid transparent;
+            border-right: 0.08rem solid transparent;
+            border-top: 0.08rem solid #222222;
+          }
 
           h1{
             width: 100px;
             height: 26px;
             font-size: 20px;
-            font-family: Microsoft YaHei;
             font-weight: bold;
             line-height: 26px;
             color: #000000;
@@ -170,7 +362,6 @@
           width: 100px;
           height: 26px;
           font-size: 20px;
-          font-family: Microsoft YaHei;
           font-weight: bold;
           line-height: 26px;
           color: #498DF0;
@@ -183,13 +374,26 @@
             opacity: 1;
             cursor: pointer;
           }
-
         }
       }
 
     .tableMessage{
-      padding: 56px 20px 20px;
+      padding: 36px 20px 20px;
+      font-size: 18px;
+
+      .operation {
+        display: flex;
+        justify-content: space-evenly;
 
+        span {
+          border-bottom: 1px solid #000000;
+          opacity: 1;
+          cursor: pointer;
+          font-weight: 400;
+
+        }
+
+      }
       :deep(.el-table thead){
         color: black;
       }
@@ -213,9 +417,7 @@
       opacity: 1;
       border-radius: 4px;
       border: 1px solid #498DF0;
-      font-family: Microsoft YaHei;
       font-weight: 400;
       color: #498DF0;
     }
-
 </style>