bug fixes

examples/ciis/application/form/tjx.js

@@ -35,23 +35,11 @@ export default {
     prev: { to: { query: { active: 'application_info', tab: 'application_info_honor' } } },
     next: { to: { query: { active: 'application_wfzzm' } } },
     hasAdd: true,
-    renderAside(h, data, _that) {
-      // console.log(this, _that)
-      _that.$slots.aside = (
-        <div>
-          <p style='color:#33C011;'>推荐人已完成</p>
-          <el-button
-            type='primary'
-            onClick={() => {
-              console.log(this, data)
-            }}>
-            再次邀请
-          </el-button>
-          <el-button type='primary'>更换推荐人</el-button>
-        </div>
-      )
-    },
     aside: {
+      visible(data) {
+        console.log(data)
+        return !!data.letter_content
+      },
       prepend: '<p style="color:#33C011;">推荐人已完成</p>',
       buttons: [
         {

package.json

 {
   "name": "@ezijing/vue-form",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "private": false,
   "description": "基于Vue Element-UI的表单",
   "scripts": {

src/packages/form/src/form-pane.vue

@@ -7,15 +7,30 @@
     <template v-if="form.hasAdd && isMultiple">
       <template v-for="(item, index) in model">
         <div class="v-form-group" :key="index">
-          <v-form
-            :options="form.options"
-            :items="form.items"
-            :model="item"
-            :hasButton="false"
-            :submitText="form.submitText"
-            v-on="$listeners"
-            ref="form"
-          ></v-form>
+          <div class="v-form-group__inner">
+            <v-form
+              :options="form.options"
+              :items="form.items"
+              :model="item"
+              :hasButton="false"
+              :submitText="form.submitText"
+              v-on="$listeners"
+              ref="form"
+              class="v-form-group__content"
+            ></v-form>
+            <template v-if="form.aside">
+              <div class="v-form-group__aside" v-if="form.aside.visible(item)">
+                <div v-html="form.aside.prepend"></div>
+                <div>
+                  <div v-for="(button, index) in form.aside.buttons" :key="index">
+                    <el-button type="primary" size="medium" plain @click="button.onClick(item)">{{
+                      button.text
+                    }}</el-button>
+                  </div>
+                </div>
+              </div>
+            </template>
+          </div>
           <div class="v-form-group__remove" @click="handleRemove(index)">删除</div>
         </div>
       </template>
@@ -190,6 +205,23 @@ export default {
   margin-bottom: 20px;
   border-bottom: 1px solid #f1f1f1;
 }
+.v-form-group__inner {
+  display: flex;
+}
+.v-form-group__content {
+  flex: 1;
+}
+.v-form-group__aside {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: space-between;
+  padding-bottom: 60px;
+  .el-button {
+    width: 108px;
+    margin-top: 20px;
+  }
+}
 .v-form-group__remove {
   position: absolute;
   bottom: 20px;