微调

src/views/modules/book/bookchapter-add-or-update.vue

@@ -10,6 +10,17 @@
     <el-form-item label="章节" prop="chapter">
       <el-input v-model="dataForm.chapter" placeholder="章节"></el-input>
     </el-form-item>
+    <!-- <el-form-item label="章节音频" prop="voice">
+      <el-input v-model="dataForm.chapter" placeholder="章节"></el-input>
+    </el-form-item> -->
+    <el-form-item label="音频文件上传" prop="voices">
+        <el-upload class="upload-demo" :action= "baseUrl + '/oss/fileoss'" :on-preview="handlePreview"
+          :on-remove="handleRemove" :on-success="handleVoicesSuccess" multiple :limit="3" :file-list="fileListVoices">
+          <el-button size="small" type="primary">点击上传</el-button>
+        </el-upload>
+        <audio controls="controls" hidden src="./static/audio/tsy.wav" ref="audio"></audio>
+        <audio id="resource" :src="dataForm.voices" controls  v-show='true'></audio>
+      </el-form-item>
     <el-form-item label="内容" prop="content">
       <el-input v-model="dataForm.content" placeholder="内容" type="textarea" rows="10"></el-input>
     </el-form-item>
@@ -37,9 +48,11 @@
 </template>
 
 <script>
+import global from '../../common/common.vue'     //引入共用组间
   export default {
     data () {
       return {
+        baseUrl:global.baseUrl,
         visible: false,
         dataForm: {
           id: 0,
@@ -106,6 +119,20 @@
           }
         })
       },
+      handleRemove(file) {
+      this.dataForm.voices = '';
+      },
+      handleVoicesSuccess(res, file) {
+      if (res.msg == "success") {
+        this.dataForm.voices = res.url;
+        this.$message.success("上传成功");
+      } else {
+        this.$message.error("上传失败");
+      }
+      },
+      handlePreview(file) {
+      console.log(file);
+    },
       // 表单提交
       dataFormSubmit () {
         this.$refs['dataForm'].validate((valid) => {

src/views/modules/order/buyorder.vue

@@ -325,20 +325,22 @@
               v-if="isAuth('book:buyorderdetail:deliver')">物流详情</el-button>
           </span>
           <!-- 新增修改订单按钮显示与隐藏判断 v-if="scope.row.orderStatus != 3" -->
-          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.orderId)">修改</el-button>
+          
-          <el-button type="text" size="small" @click="deleteHandle(scope.row.orderId)">删除</el-button>
+          
+          <router-link :to="{ path: 'buyorder-print', query: { orderId: scope.row.orderId } }">
+                  <el-button type="text" size="small">打印面单</el-button>
+                </router-link>
+          <el-button type="text" size="small" @click="showOrderSheet(scope.row)">查看面单</el-button>
           <el-dropdown size="mini" v-if="tabChange.tabActiveName === '2'">
             <span class="el-dropdown-link" style="font-size: 12px; color: #17B3A3;">
               更多<i class="el-icon-arrow-down el-icon--right"></i>
             </span>
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item>
-                <el-button type="text" size="small" @click="showOrderSheet(scope.row)">查看面单</el-button>
+                <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.orderId)">修改</el-button>
               </el-dropdown-item>
               <el-dropdown-item>
-                <router-link :to="{ path: 'buyorder-print', query: { orderId: scope.row.orderId } }">
+                <el-button type="text" size="small" @click="deleteHandle(scope.row.orderId)">删除</el-button>
-                  <el-button type="text" size="small">打印面单</el-button>
-                </router-link>
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>