提交测试

1

src/components/copy-text/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <span>
+  <span class="copyWrap">
     <span class="copy" v-if="content" :style="{ width: width }">
       <slot />
     </span>
@@ -28,7 +28,7 @@ export default {
     },
     width: {
       type: String,
-      default: "100%",
+      default: "auto",
     },
   },
   data() {
@@ -63,13 +63,21 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.copy {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: inline-block;
+.copyWrap {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  margin: 0 auto;
+  justify-content: center;
+  .copy {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+  }
   .el-icon-document-copy {
     cursor: pointer;
+    margin-left: 2px;
   }
 }
 </style>

src/views/accompaniment/index.vue

@@ -52,7 +52,7 @@
         </el-form-item>
         <el-form-item prop="categoriesId">
           <el-cascader
-          ref='myCascader'
+            ref="myCascader"
             popper-class="myCascader"
             v-model="searchForm.categoriesId"
             style="width: 100%"
@@ -108,7 +108,7 @@
         :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
         :data="tableList"
       >
-        <el-table-column align="center" prop="id" label="编号">
+        <el-table-column align="center" prop="id" label="编号" width="80px">
           <template slot-scope="scope">
             <div>
               <copy-text>{{ scope.row.id }}</copy-text>
@@ -127,19 +127,8 @@
             {{ scope.row.type | songUseTypeFormat }}
           </template>
         </el-table-column>
-        <!-- <el-table-column
-          align="center"
-          prop="subjectNames"
-          label="声部"
-          width="180px"
-        >
-          <template slot-scope="scope">
-            <el-tooltip class="item" effect="dark" :content="scope.row.subjectNames">
-              <div class="remark">{{scope.row.subjectNames}}</div>
-            </el-tooltip>
-          </template>
-        </el-table-column>
-        <el-table-column
+
+        <!--  <el-table-column
           align="center"
           prop="speed"
           label="速度"
@@ -160,6 +149,21 @@
             {{ scope.row.isOpenMetronome ? "播放" : "不播放" }}
           </template>
         </el-table-column>
+        <el-table-column
+          align="center"
+          prop="subjectNames"
+          label="是否上传伴奏"
+          width="120px"
+        >
+          <template slot-scope="scope">
+            <div>
+              <p>
+                含节拍器:{{ scope.row.accompanimentMetronomeUrl ? "是" : "否" }}
+              </p>
+              <p>不含节拍器:{{ scope.row.accompanimentUrl ? "是" : "否" }}</p>
+            </div>
+          </template>
+        </el-table-column>
         <el-table-column align="center" label="伴奏状态" width="180px">
           <template slot-scope="scope">
             {{ scope.row.showFlag ? "启用" : "停用" }}
@@ -441,9 +445,9 @@ export default {
         this.FetchList();
       } catch (error) {}
     },
-    changeCategor(e){
-      this.$refs.myCascader.dropDownVisible =false;
-    }
+    changeCategor(e) {
+      this.$refs.myCascader.dropDownVisible = false;
+    },
   },
 };
 </script>