删除所属岗位 新增角色列

src/pages/config/pages/mechanismManage/pages/mechanism.vue

@@ -148,20 +148,28 @@
             </template>
           </el-table-column>
           <el-table-column
-            prop="NameList"
+              prop="roles"
-            label="所属岗位">
+              label="角色"
-            <template slot-scope="scope">
+              >
-              <el-popover trigger="hover" placement="top">
+            <template  slot-scope="scope">
-                {{ scope.row.NameList }}
+              {{getRoleName(scope.row.roles)}}
-                <div slot="reference" class="name-wrapper">
-                  <p v-if="!scope.row.institutionName ||scope.row.NameList.length<15">
-                    {{ scope.row.NameList }}
-                  </p>
-                  <p v-else> {{ scope.row.NameList.substring(0, 15) }}...</p>
-                </div>
-              </el-popover>
             </template>
           </el-table-column>
+<!--          <el-table-column-->
+<!--            prop="NameList"-->
+<!--            label="所属岗位">-->
+<!--            <template slot-scope="scope">-->
+<!--              <el-popover trigger="hover" placement="top">-->
+<!--                {{ scope.row.NameList }}-->
+<!--                <div slot="reference" class="name-wrapper">-->
+<!--                  <p v-if="!scope.row.institutionName ||scope.row.NameList.length<15">-->
+<!--                    {{ scope.row.NameList }}-->
+<!--                  </p>-->
+<!--                  <p v-else> {{ scope.row.NameList.substring(0, 15) }}...</p>-->
+<!--                </div>-->
+<!--              </el-popover>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
           <el-table-column
             label="状态"
             width="100px">
@@ -306,6 +314,12 @@ export default {
     }
   },
   methods: {
+    getRoleName(roles){
+        let names=roles.map(item=>{
+          return item.name
+        })
+      return names.join(',')
+    },
     clearAllSearch() {
       this.searchForm = {
         uname: "",