+ 2
- 0
src/crud/index.vue
파일 보기
| //表单字段 | //表单字段 | ||||
| const form = ref(initForm) | const form = ref(initForm) | ||||
| form.value.four = '52011328220201499572' | |||||
| console.log(form.value); | |||||
| //重置 | //重置 | ||||
| const RefreshLeft = () => { | const RefreshLeft = () => { |
+ 5
- 3
src/layout/index.vue
파일 보기
| <!-- 菜单主体部分 --> | <!-- 菜单主体部分 --> | ||||
| <div style="height: 100%;background-color: #FFFFFF;"> | <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" /> | <SidebarItem :list="list" /> | ||||
| </el-menu> | </el-menu> | ||||
| </el-scrollbar> | </el-scrollbar> | ||||
| <div class="as-weight as-layout-vertical"> | <div class="as-weight as-layout-vertical"> | ||||
| <!-- 头部选项 --> | <!-- 头部选项 --> | ||||
| <div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;"> | <div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;"> | ||||
| <Head style="height: 70px;"></Head> | <Head style="height: 70px;"></Head> | ||||
| </div> | </div> | ||||
| width: 248px; | width: 248px; | ||||
| min-height: 400px; | min-height: 400px; | ||||
| padding-bottom: 40px; | padding-bottom: 40px; | ||||
| border-width: 0px; | |||||
| } | } | ||||
| .bg-theme { | .bg-theme { |
+ 5
- 6
src/views/dengmingcong/cardFillDo/cardFillDo.vue
파일 보기
| <el-button size="small" @click="reissue(scope,tableFrom)">补卡</el-button> | <el-button size="small" @click="reissue(scope,tableFrom)">补卡</el-button> | ||||
| </template> | </template> | ||||
| <!-- 自定义弹框内容 --> | <!-- 自定义弹框内容 --> | ||||
| <template #dialog> | |||||
| <el-form :model="fromData"> | |||||
| <template #dialog="{ form }"> | |||||
| <el-form :model="form"> | |||||
| <el-form-item> | <el-form-item> | ||||
| <div class="as-layout-horizontal"> | <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> | <el-button type="primary" icon="CreditCard" style="margin-left: 10px;">读卡</el-button> | ||||
| </div> | </div> | ||||
| </el-form-item> | </el-form-item> | ||||
| <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-item> | ||||
| </el-form> | </el-form> | ||||
| </template> | </template> | ||||
| <!-- 弹窗页脚 --> | <!-- 弹窗页脚 --> | ||||
| <template #footer> | <template #footer> | ||||
| const datas = reactive(Data); | const datas = reactive(Data); | ||||
| const crudRef = ref() | const crudRef = ref() | ||||
| const fromData = reactive({}) | |||||
| const reissue = (scope, tableFrom) => { | const reissue = (scope, tableFrom) => { | ||||
| crudRef.value.dialogFormVisible = true | crudRef.value.dialogFormVisible = true | ||||
| crudRef.value.title = '补卡信息' | crudRef.value.title = '补卡信息' |
Loading…