标签管理

2022-01-26 14:57:55 +08:00
parent 07d22d0fd6
commit 2c7c939ac9
5 changed files with 201 additions and 5 deletions
@@ -0,0 +1,74 @@
+<template>
+  <a-drawer
+    :title="title"
+    :maskClosable="true"
+    :width="drawerWidth"
+    placement="right"
+    :closable="true"
+    @close="handleCancel"
+    :visible="visible"
+    style="height: 100%;overflow: auto;padding-bottom: 53px;">
+    <addFormData
+      ref="addFormDataRef"
+      isDisplayType
+      v-if="visible"
+      :url="url"
+    />
+    <div class="drawer-bootom-button">
+      <a-popconfirm :title="$t('AreYouWantDiscardEditing')" @confirm="handleCancel" :okText="$t('determine')"
+                    :cancelText="$t('cancel')">
+        <a-button style="margin-right: .8rem">{{$t('cancel')}}</a-button>
+      </a-popconfirm>
+      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+  import addFormData from '@/components/addForm/index'
+
+  export default {
+    name: 'docLibraryAddForm',
+    components: {
+      addFormData
+    },
+    data() {
+      return {
+        title: '添加',
+        drawerWidth: 1000,
+        visible: false,
+        confirmLoading: false,
+        url: {}
+      }
+    },
+    methods: {
+      handleCancel() {
+        this.visible = false
+      },
+      add() {
+        this.visible = true
+      },
+      edit() {
+        this.visible = true
+      },
+      handleSubmit() {
+        this.$refs.addFormDataRef.sumber()
+        console.log('11111')
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>