添加登录

src/views/work/order/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="page-content">
     <ElRow>
-      <ElCol :xs="24" :sm="12" :lg="6">
+      <!-- <ElCol :xs="24" :sm="12" :lg="6">
         <ElInput placeholder="工单编号"></ElInput>
-      </ElCol>
+      </ElCol> -->
       <div style="width: 12px"></div>
       <ElCol :xs="24" :sm="12" :lg="6" class="el-col2">
-        <ElButton v-ripple>搜索</ElButton>
-        <ElButton @click="showDialog('add')" v-ripple>新增</ElButton>
+        <!-- <ElButton v-ripple>搜索</ElButton> -->
+        <ElButton v-if="hasAuth('work_order@add')" @click="showDialog('add')" v-ripple>新增</ElButton>
       </ElCol>
     </ElRow>
 
@@ -35,12 +35,12 @@
           </template>
         </ElTableColumn>
         <ElTableColumn label="创建时间" prop="created_at" />
-        <ElTableColumn fixed="right" label="操作" width="260px">
+        <ElTableColumn fixed="right" label="操作" width="240px">
           <template #default="scope">
             <ElRow>
-              <el-button v-if="scope.row.status == 1" link @click="showDialog('edit', scope.row)"> 编辑 </el-button>
-              <el-button link @click="statusEdit(scope.row)"> 状态编辑 </el-button>
-              <el-button link @click="openChat(scope.row)"> 查看/回复 </el-button>
+              <el-button v-if="scope.row.status == 1&&hasAuth('work_order@edit')" link @click="showDialog('edit', scope.row)"> 编辑 </el-button>
+              <el-button v-if="hasAuth('work_order@status')" link @click="statusEdit(scope.row)"> 状态编辑 </el-button>
+              <el-button v-if="hasAuth('work_order@conversation_list')" link @click="openChat(scope.row)"> 查看/回复 </el-button>
               <!-- <el-button link @click="deleteRole()"> 删除 </el-button> -->
             </ElRow>
           </template>
@@ -123,7 +123,7 @@
             </div>
           </template>
         </div>
-        <div class="chat-input">
+        <div class="chat-input"  v-if="hasAuth('work_order@conversation_add')">
           <el-input v-model="messageText" type="textarea" :rows="3" placeholder="输入消息" resize="none"
             @keyup.enter.prevent="sendMessage" />
           <ElInput v-model="ticket_id" type="hidden" />
@@ -170,6 +170,8 @@ import type { FormInstance } from 'element-plus'
 import { Order } from '@/mock/temp/formData'
 import { WorkService } from '@/api/workApi'
 import { ElImageViewer } from 'element-plus'
+import { useAuth } from "@/composables/useAuth";
+const { hasAuth } = useAuth();
 defineOptions({ name: 'Order' })
 let actionImageUplode = `${import.meta.env.VITE_API_URL}/ticket/upload`
 const loading = ref(false)
@@ -367,10 +369,10 @@ const delCodeTrim = (content: string): string => {
 }
 //添加工单
 
-const uploadedFiles = ref([])
-const handleUploadSuccess = (response: any, file: any, fileList: { filter: (arg0: (item: any) => boolean) => { (): any; new(): any; map: { (arg0: (item: any) => { original_name: any; storage_path: any } | null): { (): any; new(): any; filter: { (arg0: BooleanConstructor): never[]; new(): any } }; new(): any } } }) => {
+const uploadedFiles = ref<any[]>([])
+const handleUploadSuccess = (response: any, uploadFile: any, uploadFiles: any[]) => {
   // 只处理上传成功的文件
-  uploadedFiles.value = fileList.filter(item => item.status === 'success').map(item => {
+  uploadedFiles.value = uploadFiles.filter(item => item.status === 'success').map(item => {
       const data = item.response?.data
       if (data) {
         return {