three-trees-ui 1.0.99 → 1.1.1

package/packages/SubEditModeDialog/src/main.vue

@@ -1,115 +0,0 @@
-<template>
-  <van-popup
-    v-if="dialogVisible"
-    v-model="dialogVisible"
-    position="right"
-    get-container="body"
-    class="ht-sub-edit-mode-dialog"
-  >
-    <van-nav-bar
-      title="子表编辑"
-      left-arrow
-      @click-left="dialogVisible = false"
-    />
-    <el-form
-      v-if="dialogVisible"
-      v-form="{
-        formItemAlign: 'top',
-        inputsDisplay: 'block',
-        roInputDisplayMode: 'text',
-      }"
-      class="sub-edit-main"
-      :data-vv-scope="searchFormScope"
-      label-position="top"
-    >
-      <slot :row="{ row, index: 0 }"></slot>
-    </el-form>
-    <div class="sub-edit-footer">
-      <el-button @click="dialogVisible = false">取 消</el-button>
-      <el-button type="primary" @click="handleConfirm">确 定</el-button>
-    </div>
-  </van-popup>
-</template>
-<script>
-  import { cloneDeep } from 'lodash'
-  import utils from '@/utils.js'
-
-  export default {
-    name: 'HtSubEditModeDialog',
-    props: {},
-    data() {
-      return {
-        dialogVisible: false,
-        dialogType: 'add',
-        row: {},
-        orgRow: {}, // 存储原始数据，用来修改子表的数据
-        data: {}, // 主表数据，用来处理参数绑定、值回显等问题
-        permission: {},
-      }
-    },
-    computed: {
-      searchFormScope() {
-        return `Form${utils.guid()}`
-      },
-    },
-    methods: {
-      showDialog({ type, data, mainData }) {
-        this.dialogVisible = true
-        this.permission = utils.getOnlineFormInstance(this).permission || {}
-        this.dialogType = type
-        this.orgRow = data
-        this.data = mainData
-        this.row = cloneDeep(data)
-      },
-      handleConfirm() {
-        utils
-          .validateForm(this, this.searchFormScope)
-          .then(() => {
-            this.dialogVisible = false
-            // 点击确认更新子表数据
-            const keys = Object.keys(this.orgRow || {})
-            keys.forEach((key) => {
-              if (this.orgRow[key] !== this.row[key]) {
-                this.orgRow[key] = this.row[key]
-              }
-            })
-            this.$emit('getSubEditModeData', this.row, this.dialogType)
-          })
-          .catch(() => {})
-      },
-    },
-  }
-</script>
-<style lang="scss" scoped>
-  ::v-deep {
-    .el-row {
-      display: flex;
-      flex-wrap: wrap;
-    }
-  }
-</style>
-<style lang="scss">
-  .ht-sub-edit-mode-dialog {
-    width: 100%;
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-
-    .sub-edit-main {
-      flex: 1;
-      padding: 16px;
-      overflow-y: auto;
-      &.el-form--label-top .el-form-item__label {
-        padding-bottom: 0;
-      }
-    }
-    .sub-edit-footer {
-      height: 46px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0 24px;
-      border-top: 1px solid #ebebeb;
-    }
-  }
-</style>