Compare commits
No commits in common. "b324769975b16d92b132faa464f4a2e54526d829" and "99ccb3e734a5cd514e6c0aa7e1f1b34a1d3d9693" have entirely different histories.
b324769975
...
99ccb3e734
|
@ -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,8 +94,7 @@ const formParams = ref<{
|
||||||
}>({
|
}>({
|
||||||
name:'',
|
name:'',
|
||||||
enterprisesUnitId:null,
|
enterprisesUnitId:null,
|
||||||
type:'security',
|
type:'security'
|
||||||
isFiling:0
|
|
||||||
})
|
})
|
||||||
|
|
||||||
const columns: TableProps['columns'] = [
|
const columns: TableProps['columns'] = [
|
||||||
|
@ -316,7 +315,6 @@ 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"){
|
||||||
|
@ -336,7 +334,6 @@ const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdatePara
|
||||||
isFiling:{
|
isFiling:{
|
||||||
type: 'radioGroup',
|
type: 'radioGroup',
|
||||||
label: '是否备案',
|
label: '是否备案',
|
||||||
required: true,
|
|
||||||
options:dictSelectNodes('IsOrNot'),
|
options:dictSelectNodes('IsOrNot'),
|
||||||
},
|
},
|
||||||
idNumber: {
|
idNumber: {
|
||||||
|
@ -402,7 +399,6 @@ 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 === '新增服务项目') {
|
||||||
|
@ -448,13 +444,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 = '新增服务项目'
|
||||||
idNumberDisabled.value = true
|
// isRecruitSecurityHidden.value = false
|
||||||
|
idNumberDisabled.value = false
|
||||||
}
|
}
|
||||||
const addServiceProjects = () => {
|
const addServiceProjects = () => {
|
||||||
visible.value = true
|
visible.value = true
|
||||||
|
|
|
@ -0,0 +1,114 @@
|
||||||
|
<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