角色管理 制造商信息

src/utils/factoryFormatter.js

+// utils/factoryFormatter.js
+export function formatFactories(factoryJson) {
+  if (!factoryJson) return '';
+
+  try {
+    const factoryObj = JSON.parse(factoryJson);
+    return Object.values(factoryObj).join('、');
+  } catch (e) {
+    console.error('解析制造工厂JSON失败:', e);
+    return factoryJson; // 如果解析失败，返回原始数据
+  }
+}

src/views/system/role/index.vue

@@ -10,7 +10,7 @@
       <el-form-item label="角色名称" prop="roleName">
         <el-input
           v-model="queryParams.roleName"
-          placeholder="请输入角色名称"
+          placeholder="角色名称"
           clearable
           style="width: 240px"
           @keyup.enter="handleQuery"
@@ -43,11 +43,7 @@
           @click="handleAdd"
         >新建角色</el-button>
       </el-form-item>
-
     </el-form>
-    <el-row :gutter="10" class="mb8">
-
-    </el-row>
 
     <!-- 表格数据 -->
     <el-table
@@ -55,22 +51,24 @@
       :data="roleList"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="序号" prop="roleId" width="120" />
+<!--      <el-table-column type="selection" width="55" align="center" />-->
+      <el-table-column label="序号" prop="roleId" width="120" align="center"/>
       <el-table-column
         label="角色名称"
         prop="roleName"
         :show-overflow-tooltip="true"
         width="150"
+        align="center"
       />
       <el-table-column
         label="权限字符"
         prop="roleKey"
         :show-overflow-tooltip="true"
         width="150"
+        align="center"
       />
-      <el-table-column label="显示顺序" prop="roleSort" width="100" />
-      <el-table-column label="角色状态" align="center" width="100">
+      <el-table-column label="显示顺序" prop="roleSort" width="100" align="center"/>
+      <el-table-column label="角色状态" align="center" width="100" >
         <template #default="scope">
           <el-switch
             v-model="scope.row.status"