zc

src/views/comprehensive/system/syntheticMusic/index.vue

@@ -1,38 +1,6 @@
 <template>
   <div class="app-container syntheticMusic">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-      <!--<el-form-item label="音乐地址" prop="musicUrl">-->
-        <!--<el-input-->
-          <!--v-model="queryParams.musicUrl"-->
-          <!--placeholder="请输入音乐地址"-->
-          <!--clearable-->
-          <!--size="small"-->
-          <!--@keyup.enter.native="handleQuery"-->
-        <!--/>-->
-      <!--</el-form-item>-->
-      <!--<el-form-item label="音量大小" prop="musicVolume">-->
-        <!--<el-input-->
-          <!--v-model="queryParams.musicVolume"-->
-          <!--placeholder="请输入音量大小"-->
-          <!--clearable-->
-          <!--size="small"-->
-          <!--@keyup.enter.native="handleQuery"-->
-        <!--/>-->
-      <!--</el-form-item>-->
-      <!--<el-form-item label="背景音乐大小" prop="bgmusicVolume">-->
-        <!--<el-input-->
-          <!--v-model="queryParams.bgmusicVolume"-->
-          <!--placeholder="请输入背景音乐大小"-->
-          <!--clearable-->
-          <!--size="small"-->
-          <!--@keyup.enter.native="handleQuery"-->
-        <!--/>-->
-      <!--</el-form-item>-->
-      <!--<el-form-item>-->
-        <!--<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>-->
-        <!--<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>-->
-      <!--</el-form-item>-->
-
       <el-form-item style="float: right;">
         <el-col :span="1.5" v-hasPermi="['laboratory:synthesis:add']">
           <p class="add-button-one-90"
@@ -41,53 +9,6 @@
         </el-col>
       </el-form-item>
     </el-form>
-
-    <!--<el-row :gutter="10" class="mb8">-->
-      <!--<el-col :span="1.5">-->
-        <!--<el-button-->
-          <!--type="primary"-->
-          <!--plain-->
-          <!--icon="el-icon-plus"-->
-          <!--size="mini"-->
-          <!--@click="handleAdd"-->
-          <!--v-hasPermi="['laboratory:synthesis:add']"-->
-        <!--&gt;新增</el-button>-->
-      <!--</el-col>-->
-      <!--<el-col :span="1.5">-->
-        <!--<el-button-->
-          <!--type="success"-->
-          <!--plain-->
-          <!--icon="el-icon-edit"-->
-          <!--size="mini"-->
-          <!--:disabled="single"-->
-          <!--@click="handleUpdate"-->
-          <!--v-hasPermi="['laboratory:synthesis:edit']"-->
-        <!--&gt;修改</el-button>-->
-      <!--</el-col>-->
-      <!--<el-col :span="1.5">-->
-        <!--<el-button-->
-          <!--type="danger"-->
-          <!--plain-->
-          <!--icon="el-icon-delete"-->
-          <!--size="mini"-->
-          <!--:disabled="multiple"-->
-          <!--@click="handleDelete"-->
-          <!--v-hasPermi="['laboratory:synthesis:remove']"-->
-        <!--&gt;删除</el-button>-->
-      <!--</el-col>-->
-      <!--<el-col :span="1.5">-->
-        <!--<el-button-->
-          <!--type="warning"-->
-          <!--plain-->
-          <!--icon="el-icon-download"-->
-          <!--size="mini"-->
-          <!--@click="handleExport"-->
-          <!--v-hasPermi="['laboratory:synthesis:export']"-->
-        <!--&gt;导出</el-button>-->
-      <!--</el-col>-->
-      <!--<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
-    <!--</el-row>-->
-
     <el-table v-loading="loading" :data="synthesisList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="主键id" align="center" prop="id" />
@@ -96,22 +17,19 @@
       <el-table-column label="背景音乐地址" align="center" prop="bgmusicUrl" />
       <el-table-column label="背景音乐大小" align="center" prop="bgmusicVolume" />
       <el-table-column label="合成音乐新地址" align="center" prop="newMusicUrl" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" v-if="tableButtonType">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['laboratory:synthesis:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['laboratory:synthesis:remove']"
-          >删除</el-button>
+          <div class="button-box">
+            <p class="table-min-button"
+               style="margin-right:10px;"
+               @click="handleUpdate(scope.row)"
+               v-hasPermiAnd="['laboratory:synthesis:query','laboratory:synthesis:edit']"
+            >修改</p>
+            <p class="table-min-button"
+               @click="handleDelete(scope.row)"
+               v-hasPermi="['laboratory:synthesis:remove']"
+            >删除</p>
+          </div>
         </template>
       </el-table-column>
     </el-table>
@@ -190,6 +108,7 @@ export default {
   name: "Synthesis",
   data() {
     return {
+      tableButtonType:this.hasPermiDom(['exam:el_classify:query','exam:el_classify:edit','exam:el_classify:remove']),
       uploadImgUrl: window.location.href.split('://')[0]+'://' + process.env.VUE_APP_BASE_API + "/file/upload", // 上传的图片服务器地址
       headers: {
         Authorization: "Bearer " + getToken(),
@@ -384,5 +303,10 @@ export default {
     overflow: hidden;
     display: flex;
     flex-direction: column;
+    .button-box{
+      margin:0 auto;
+      width:190px;
+      display: flex;
+    }
   }
 </style>