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>