|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<hc-drawer v-model="isShow" ui="hc-project-list-edit-formula-drawer" to-id="hc-layout-box" is-close @close="drawerClose">
|
|
|
<hc-card is-action-btn>
|
|
|
- <div class="hc-formula-card-box hc-flex mb-14px h-58px">
|
|
|
+ <div class="hc-formula-card-box border-dashed-card hc-flex mb-14px h-58px">
|
|
|
<div class="retain hc-flex h-full w-174px">
|
|
|
<el-checkbox v-model="isRetain" size="large" />
|
|
|
<span class="ml-5px text-14px">保留</span>
|
|
|
@@ -27,6 +27,17 @@
|
|
|
<el-button>手写模式</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="hc-formula-card-math border-dashed-card mb-14px">
|
|
|
+ <div class="header hc-flex">
|
|
|
+ <div class="name flex-1 text-14px">函数公式.</div>
|
|
|
+ <div class="extra relative ml-24px">
|
|
|
+ <el-button type="info" size="small">重置函数</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="body relative">
|
|
|
+ 2222
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
1111
|
|
|
<template #action>
|
|
|
<el-button @click="drawerClose">取消</el-button>
|
|
|
@@ -133,10 +144,12 @@ const drawerClose = () => {
|
|
|
<style lang="scss">
|
|
|
.el-overlay .el-drawer.hc-project-list-edit-formula-drawer {
|
|
|
background-color: #F1F5F8;
|
|
|
- .hc-formula-card-box {
|
|
|
+ .border-dashed-card {
|
|
|
border: 1px dashed #bbbbbb;
|
|
|
border-radius: 6px;
|
|
|
padding: 8px 12px;
|
|
|
+ }
|
|
|
+ .hc-formula-card-box {
|
|
|
.retain {
|
|
|
padding-right: 12px;
|
|
|
border-right: 1px dashed #bbbbbb;
|
|
|
@@ -167,5 +180,11 @@ const drawerClose = () => {
|
|
|
padding-left: 12px;
|
|
|
}
|
|
|
}
|
|
|
+ .hc-formula-card-math {
|
|
|
+ position: relative;
|
|
|
+ .body {
|
|
|
+ padding: 24px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
