保安后台
This commit is contained in:
parent
ca06b59e55
commit
86c8683652
|
@ -2,13 +2,13 @@
|
||||||
<div class="root">
|
<div class="root">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<img src="@/assets/vue.svg" alt="Logo" height="33" width="33"/>
|
<img src="@/assets/vue.svg" alt="Logo" height="33" width="33"/>
|
||||||
<div class="logo-text">超级后台</div>
|
<div class="logo-text">保安后台</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="left-banner"></div>
|
<div class="left-banner"></div>
|
||||||
<div class="login-card">
|
<div class="login-card">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
欢迎来到超级后台
|
欢迎来到保安后台
|
||||||
</div>
|
</div>
|
||||||
<a-tabs class="account-tab" v-model:active-key="activeKey">
|
<a-tabs class="account-tab" v-model:active-key="activeKey">
|
||||||
<a-tab-pane :key="0" tab="账号登录">
|
<a-tab-pane :key="0" tab="账号登录">
|
||||||
|
|
|
@ -83,7 +83,7 @@ const formParams = ref<{
|
||||||
type:string,
|
type:string,
|
||||||
twoType?: number,
|
twoType?: number,
|
||||||
outsourceName?:string,
|
outsourceName?:string,
|
||||||
isFiling?:number,
|
isFiling:number,
|
||||||
idNumber?: string,
|
idNumber?: string,
|
||||||
serviceArea?:number,
|
serviceArea?:number,
|
||||||
buildingTotal?:number,
|
buildingTotal?:number,
|
||||||
|
@ -94,7 +94,8 @@ const formParams = ref<{
|
||||||
}>({
|
}>({
|
||||||
name:'',
|
name:'',
|
||||||
enterprisesUnitId:null,
|
enterprisesUnitId:null,
|
||||||
type:'security'
|
type:'security',
|
||||||
|
isFiling:0
|
||||||
})
|
})
|
||||||
|
|
||||||
const columns: TableProps['columns'] = [
|
const columns: TableProps['columns'] = [
|
||||||
|
@ -315,6 +316,7 @@ const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdatePara
|
||||||
type: 'radioGroup',
|
type: 'radioGroup',
|
||||||
label: '二级类型',
|
label: '二级类型',
|
||||||
options:netType,
|
options:netType,
|
||||||
|
required: true,
|
||||||
componentsProps:{
|
componentsProps:{
|
||||||
onChange:(e)=>{
|
onChange:(e)=>{
|
||||||
if(e.target.value !== "outsource"){
|
if(e.target.value !== "outsource"){
|
||||||
|
@ -334,6 +336,7 @@ const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdatePara
|
||||||
isFiling:{
|
isFiling:{
|
||||||
type: 'radioGroup',
|
type: 'radioGroup',
|
||||||
label: '是否备案',
|
label: '是否备案',
|
||||||
|
required: true,
|
||||||
options:dictSelectNodes('IsOrNot'),
|
options:dictSelectNodes('IsOrNot'),
|
||||||
},
|
},
|
||||||
idNumber: {
|
idNumber: {
|
||||||
|
@ -399,6 +402,7 @@ const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdatePara
|
||||||
|
|
||||||
const UnitId = ref('')
|
const UnitId = ref('')
|
||||||
const submit = async()=>{
|
const submit = async()=>{
|
||||||
|
console.log(13123)
|
||||||
await formRef.value.validate()
|
await formRef.value.validate()
|
||||||
const snowFlakeId = ref('')
|
const snowFlakeId = ref('')
|
||||||
if (serviceTitle.value === '新增服务项目') {
|
if (serviceTitle.value === '新增服务项目') {
|
||||||
|
@ -444,13 +448,13 @@ const closeModal = async()=>{
|
||||||
houseTotal:null,
|
houseTotal:null,
|
||||||
staffTotal:null,
|
staffTotal:null,
|
||||||
securityUserTotal:null,
|
securityUserTotal:null,
|
||||||
remark:''
|
remark:'',
|
||||||
|
isFiling:0
|
||||||
}
|
}
|
||||||
formRef.value.resetFields()
|
formRef.value.resetFields()
|
||||||
enterprisesUnitId.value = ''
|
enterprisesUnitId.value = ''
|
||||||
serviceTitle.value = '新增服务项目'
|
serviceTitle.value = '新增服务项目'
|
||||||
// isRecruitSecurityHidden.value = false
|
idNumberDisabled.value = true
|
||||||
idNumberDisabled.value = false
|
|
||||||
}
|
}
|
||||||
const addServiceProjects = () => {
|
const addServiceProjects = () => {
|
||||||
visible.value = true
|
visible.value = true
|
||||||
|
|
|
@ -1,114 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="search" id="search">
|
|
||||||
<a-input v-model="valueInput" @input="searchInput" placeholder="请进行搜索"></a-input>
|
|
||||||
<div v-if="valueInput">
|
|
||||||
<ul>
|
|
||||||
<li v-for="item in searchResults" :key="item.id">{{item}}</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div v-else >
|
|
||||||
没有找到相关结果
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script setup lang="ts">
|
|
||||||
import {onMounted, ref,} from "vue";
|
|
||||||
const valueInput = ref('')
|
|
||||||
const list = ref([])
|
|
||||||
const dataList = ref([
|
|
||||||
{
|
|
||||||
id:0,
|
|
||||||
value:'齐家园'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:1,
|
|
||||||
value:'刘德华'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:2,
|
|
||||||
value:'张学友'
|
|
||||||
},{
|
|
||||||
id:3,
|
|
||||||
value:'黎明'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:4,
|
|
||||||
value:'家具城'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:5,
|
|
||||||
value:'左岸春天'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:6,
|
|
||||||
value:'麦德龙商城'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:7,
|
|
||||||
value:'世纪酒店'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:8,
|
|
||||||
value:'四方小学'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:9,
|
|
||||||
value:'海洋半岛'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:10,
|
|
||||||
value:'育英小学'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id:11,
|
|
||||||
value:'明德小学'
|
|
||||||
},{
|
|
||||||
id:12,
|
|
||||||
value:'希望小学',
|
|
||||||
}
|
|
||||||
])
|
|
||||||
const searchResults = ref([])
|
|
||||||
const searchInput = (e:any)=>{
|
|
||||||
valueInput.value = e.target.value
|
|
||||||
if (!valueInput.value) {
|
|
||||||
searchResults.value = []
|
|
||||||
return;
|
|
||||||
}else{
|
|
||||||
searchResults.value = list.value.filter(item =>
|
|
||||||
item.toLowerCase().includes(valueInput.value.toLowerCase())
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// watch(()=>valueInput.value,(value)=>{
|
|
||||||
// if(!value){
|
|
||||||
// searchResults.value = []
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
|
|
||||||
onMounted(()=>{
|
|
||||||
dataList.value.map((item)=>{
|
|
||||||
return list.value.push(item.value)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.search{
|
|
||||||
padding: 0 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
border: 1px solid #4e71f2;
|
|
||||||
margin: 1px 5px;
|
|
||||||
border-radius: 10px;
|
|
||||||
width: 30%;
|
|
||||||
.ceShi{
|
|
||||||
height: 300px;
|
|
||||||
background: #ccc;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nut-input{
|
|
||||||
padding: 20rpx 20rpx;
|
|
||||||
margin: 5px 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
Loading…
Reference in New Issue