merge

src/pages/main/onlineOffice/index.vue

@@ -1,11 +1,26 @@
 <template>
     <div class="flex-count">
-        <el-button @click="clickNewSave">新建</el-button>
+        <el-col :span="12">
+    <span class="demonstration">新建+</span>
+    <el-dropdown trigger="click">
+      <span class="el-dropdown-link">
+        下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
+      </span>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
+        <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
+        <el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
+        <el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
+        <el-dropdown-item icon="el-icon-circle-check">蚵仔煎</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+  </el-col>
         <fromList :list="firstTable" @clickDemand="clickDemand" />
         <div>
             <!-- <myUpload @uploadBack="uploadBack" :fileInfo="fileInfo" :fileList="fileInfo.fileList">
         </myUpload> -->
-            <el-dialog :modal="false" title="提示" :visible.sync="officeStatus" style="height:100% ;" width="100%" height="100%" center>
+            <el-dialog :modal="false" title="提示" :visible.sync="officeStatus" style="height:100% ;" width="100%"
+                height="100%" center>
                 <div id="DocEditor" v-if="officeStatus">
                     <onlyoffice-editor editorId="DocEditor" :src="src" :config="config" @ready="onReady" />
                 </div>
@@ -31,7 +46,7 @@ export default {
     },
     data() {
         return {
-            saveStatus:false,
+            saveStatus: false,
             officeStatus: false,
             src: '',
             config: {},
@@ -92,8 +107,22 @@ export default {
     },
     methods: {
         //新建在线编辑xxx
-        clickNewSave(){
-           this.saveStatus = true
+        clickNewSave() {
+            this.saveStatus = true
+            this.$http({
+                url: "/office/file/create",
+                method: "post",
+                type: 'office',
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                data: {
+
+                },
+            }).then((res) => {
+                this.firstTable.data = res.data.body;
+
+            });
         },
         //点击工单状态跳转需求流程显示页面
         clickDemand(e, res) {
@@ -105,7 +134,7 @@ export default {
             this.$http({
                 url: "/office/restfile/edit",
                 method: "post",
-                type:'office',
+                type: 'office',
                 headers: {
                     "Content-Type": "application/json",
                 },
@@ -121,8 +150,8 @@ export default {
                 this.src = api;
                 let config = {
                     documentType: docType,
-                   height:'100%',
-                    width:'100%',
+                    height: '100%',
+                    width: '100%',
                     document: {
                         fileType: fileType,
                         key: id,
@@ -147,7 +176,7 @@ export default {
             this.$http({
                 url: "/office/restfile/list",
                 method: "post",
-                type:'office',
+                type: 'office',
                 headers: {
                     "Content-Type": "application/json",
                 },
@@ -170,18 +199,21 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .el-dialog--center{
+::v-deep .el-dialog--center {
     height: 100%;
     margin-top: 10px !important;
 }
-::v-deep .el-dialog__body{
+
+::v-deep .el-dialog__body {
     height: 100%;
 }
-#DocEditor{
+
+#DocEditor {
     height: 100%;
 }
-.flex-count{
+
+.flex-count {
     height: 100%;
-    background:#fff;
+    background: #fff;
 }
 </style>