@@ -175,6 +175,8 @@ | |||
//表单字段 | |||
const form = ref(initForm) | |||
form.value.four = '52011328220201499572' | |||
console.log(form.value); | |||
//重置 | |||
const RefreshLeft = () => { |
@@ -16,9 +16,9 @@ | |||
<!-- 菜单主体部分 --> | |||
<div style="height: 100%;background-color: #FFFFFF;"> | |||
<el-scrollbar height="100%"> | |||
<el-menu :default-active="menuIndex.menuIndex" width="280" mode="vertical" :router="false" @select="select" | |||
:collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo"> | |||
<el-scrollbar class="as-border-width" height="100%" style="background-color: #FFFFFF"> | |||
<el-menu :default-active="menuIndex.menuIndex" style="height: 100%" mode="vertical" :router="false" | |||
@select="select" :collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo"> | |||
<SidebarItem :list="list" /> | |||
</el-menu> | |||
</el-scrollbar> | |||
@@ -28,6 +28,7 @@ | |||
<div class="as-weight as-layout-vertical"> | |||
<!-- 头部选项 --> | |||
<div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;"> | |||
<Head style="height: 70px;"></Head> | |||
</div> | |||
@@ -117,6 +118,7 @@ | |||
width: 248px; | |||
min-height: 400px; | |||
padding-bottom: 40px; | |||
border-width: 0px; | |||
} | |||
.bg-theme { |
@@ -16,19 +16,19 @@ | |||
<el-button size="small" @click="reissue(scope,tableFrom)">补卡</el-button> | |||
</template> | |||
<!-- 自定义弹框内容 --> | |||
<template #dialog> | |||
<el-form :model="fromData"> | |||
<template #dialog="{ form }"> | |||
<el-form :model="form"> | |||
<el-form-item> | |||
<div class="as-layout-horizontal"> | |||
<el-input v-model="fromData.crud" type="input" placeholder="读新卡信息" /> | |||
<el-input v-model="form.crud" type="input" placeholder="读新卡信息" /> | |||
<el-button type="primary" icon="CreditCard" style="margin-left: 10px;">读卡</el-button> | |||
</div> | |||
</el-form-item> | |||
<el-form-item> | |||
<el-input v-model="fromData.crud" disabled type="input" placeholder="52011328220200034040" /> | |||
<el-input v-model="form.crud" disabled type="input" :placeholder="form.four" /> | |||
</el-form-item> | |||
</el-form> | |||
</template> | |||
<!-- 弹窗页脚 --> | |||
<template #footer> | |||
@@ -54,7 +54,6 @@ | |||
const datas = reactive(Data); | |||
const crudRef = ref() | |||
const fromData = reactive({}) | |||
const reissue = (scope, tableFrom) => { | |||
crudRef.value.dialogFormVisible = true | |||
crudRef.value.title = '补卡信息' |