装起全部商城菜单

2022-04-21 18:07:40 +08:00
parent 1b6f8f0ed9
commit 05fdb1d9e7
436 changed files with 50845 additions and 63 deletions
@@ -0,0 +1,205 @@
+<template>
+  <div class="app-container">
+    <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
+      <el-form-item label="标题">
+        <el-input v-model="form.title" style="width: 370px;" />
+      </el-form-item>
+      <el-form-item label="作者">
+        <el-input v-model="form.author" style="width: 370px;" />
+      </el-form-item>
+      <el-form-item label="封面">
+        <MaterialList v-model="form.imageArr" style="width: 370px" type="image" :num="1" :width="150" :height="150" />
+      </el-form-item>
+      <el-form-item label="简介">
+        <el-input v-model="form.synopsis" style="width: 370px;" rows="5" type="textarea" />
+      </el-form-item>
+      <el-form-item label="正文">
+        <!--<editor v-model="form.content" />-->
+        <ueditor-wrap v-model="form.content" :config="myConfig"  @beforeInit="addCustomDialog"  style="width: 90%;"></ueditor-wrap>
+      </el-form-item>
+      <el-form-item>
+        <!--<el-button type="text" @click="cancel">取消</el-button>-->
+        <el-button :loading="loading" type="primary" @click="doSubmit">保存</el-button>
+      </el-form-item>
+    </el-form>
+    <!--<div slot="footer" class="dialog-footer">-->
+      <!--<el-button type="text" @click="cancel">取消</el-button>-->
+      <!--<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>-->
+    <!--</div>-->
+  </div>
+</template>
+
+<script>
+import { add, edit, get } from '@/api/bxg/yxArticle'
+import picUpload from '@/components/pic-upload'
+import editor from '../../components/Editor'
+import yamedit from '@/components/YamlEdit'
+import MaterialList from '@/components/material'
+import UeditorWrap from 'vue-ueditor-wrap';
+export default {
+  components: { editor, picUpload, yamedit, MaterialList, UeditorWrap },
+  // props: {
+  //   isAdd: {
+  //     type: Boolean,
+  //     required: true
+  //   }
+  // },
+  data() {
+    return {
+      loading: false, dialog: false,
+      form: {
+        id: '',
+        cid: '',
+        title: '',
+        author: '',
+        imageInput: '',
+        imageArr: [],
+        synopsis: '',
+        content: '',
+        shareTitle: '',
+        shareSynopsis: '',
+        visit: '',
+        sort: '',
+        url: '',
+        status: '',
+        addTime: '',
+        hide: '',
+        merId: '',
+        productId: '',
+        isHot: '',
+        isBanner: ''
+      },
+      rules: {
+      },
+      myConfig: {
+        autoHeightEnabled: false, // 编辑器不自动被内容撑高
+        initialFrameHeight: 500, // 初始容器高度
+        initialFrameWidth: '100%', // 初始容器宽度
+        UEDITOR_HOME_URL: '/UEditor/',
+        serverUrl: ''
+      }
+    }
+  },
+  watch: {
+  },
+  created() {
+    this.form.id = this.$route.params.id
+    this.$nextTick(() => {
+      //this.init()
+      if(this.form.id){
+        get(this.form.id).then(data => {
+          this.form = data
+          this.form.imageArr = [data.imageInput]
+        })
+      }
+
+    })
+  },
+  methods: {
+    addCustomDialog () {
+      window.UE.registerUI('yshop', function (editor, uiName) {
+        let dialog = new window.UE.ui.Dialog({
+          iframeUrl: '/yshop/materia/index',
+          editor: editor,
+          name: uiName,
+          title: '上传图片',
+          cssRules: 'width:1200px;height:500px;padding:20px;'
+        });
+        this.dialog = dialog;
+
+        var btn = new window.UE.ui.Button({
+          name: 'dialog-button',
+          title: '上传图片',
+          cssRules: `background-image: url(../../../assets/images/icons.png);background-position: -726px -77px;`,
+          onclick: function () {
+            dialog.render();
+            dialog.open();
+          }
+        });
+
+        return btn;
+      }, 37);
+    },
+    cancel() {
+      this.resetForm()
+    },
+    doSubmit() {
+      this.loading = true
+      if(this.form.imageArr.length > 0){
+        this.form.imageInput = this.form.imageArr.join(',')
+      }else{
+        this.form.imageInput = ''
+      }
+
+      if (!this.form.id) {
+        this.doAdd()
+      } else this.doEdit()
+    },
+    doAdd() {
+      add(this.form).then(res => {
+        this.resetForm()
+        this.$notify({
+          title: '添加成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.loading = false
+       // this.$parent.init()
+        setTimeout(() => {
+          this.$router.push({ path: '/wechat/wearticle' });
+        }, 500);
+      }).catch(err => {
+        this.loading = false
+        console.log(err.response.data.message)
+      })
+    },
+    doEdit() {
+      edit(this.form).then(res => {
+        this.resetForm()
+        this.$notify({
+          title: '修改成功',
+          type: 'success',
+          duration: 2500
+        })
+        this.loading = false
+       // this.$parent.init()
+        setTimeout(() => {
+          this.$router.push({ path: '/wechat/wearticle' });
+        }, 500);
+      }).catch(err => {
+        this.loading = false
+        console.log(err.response.data.message)
+      })
+    },
+    resetForm() {
+      this.dialog = false
+      this.$refs['form'].resetFields()
+      this.form = {
+        id: '',
+        cid: '',
+        title: '',
+        author: '',
+        imageInput: '',
+        synopsis: '',
+        shareTitle: '',
+        shareSynopsis: '',
+        visit: '',
+        sort: '',
+        url: '',
+        status: '',
+        addTime: '',
+        hide: '',
+        adminId: '',
+        merId: '',
+        productId: '',
+        isHot: '',
+        isBanner: ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>