调整备货单及各页面名称

2025-09-15 17:14:38 +08:00
parent 5503a14408
commit 5c8df36f12
49 changed files with 1944 additions and 433 deletions
@@ -11,26 +11,51 @@
      </ElCol>
    </ElRow>

-    <ArtTable ref="tableRef" row-key="id" :loading="loading" :data="tableData" :currentPage="pagination.currentPage"
-      :pageSize="pagination.pageSize" :total="pagination.total" @size-change="handleSizeChange"
-      @current-change="handleCurrentChange">
+    <ArtTable
+      ref="tableRef"
+      row-key="id"
+      :loading="loading"
+      :data="tableData"
+      :currentPage="pagination.currentPage"
+      :pageSize="pagination.pageSize"
+      :total="pagination.total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    >
      <template #default>
        <ElTableColumn label="工单编号" prop="code" />
        <ElTableColumn label="问题分类" prop="categorie_id">
          <template #default="scope">
-            <div  v-html="scope.row.categorie?scope.row.categorie.name:''"></div>
+            <div v-html="scope.row.categorie ? scope.row.categorie.name : ''"></div>
          </template>
        </ElTableColumn>
        <ElTableColumn label="问题描述" prop="content" min-width="200px">
          <template #default="scope">
-            <div  class="multi-line-ellipsis" v-html="scope.row.content"></div>
+            <div class="multi-line-ellipsis" v-html="scope.row.content"></div>
          </template>
        </ElTableColumn>
        <ElTableColumn label="状态" prop="status">
          <template #default="scope">
-            <ElTag :type="scope.row.status == 1 ? 'info' : scope.row.status == 2 ?'primary' :scope.row.status == 4 ?'success' : 'danger'">
-              {{ scope.row.status == 1 ? '待受理' : scope.row.status == 2 ? '处理中' : 
-                scope.row.status == 4 ? "已完成":'关闭' }}
+            <ElTag
+              :type="
+                scope.row.status == 1
+                  ? 'info'
+                  : scope.row.status == 2
+                    ? 'primary'
+                    : scope.row.status == 4
+                      ? 'success'
+                      : 'danger'
+              "
+            >
+              {{
+                scope.row.status == 1
+                  ? '待受理'
+                  : scope.row.status == 2
+                    ? '处理中'
+                    : scope.row.status == 4
+                      ? '已完成'
+                      : '关闭'
+              }}
            </ElTag>
          </template>
        </ElTableColumn>
@@ -38,9 +63,23 @@
        <ElTableColumn fixed="right" label="操作" max-width="200px">
          <template #default="scope">
            <ElRow>
-              <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
+                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>
@@ -48,11 +87,21 @@
      </template>
    </ArtTable>

-    <ElDialog v-model="dialogVisible" :title="dialogType === 'add' ? '新增' : '编辑'" width="60%" align-center>
+    <ElDialog
+      v-model="dialogVisible"
+      :title="dialogType === 'add' ? '新增' : '编辑'"
+      width="60%"
+      align-center
+    >
      <ElForm ref="formRef" :model="form" label-width="120px" style="padding-right: 30px">
        <ElFormItem label="问题分类" prop="categorie_id">
          <ElSelect v-model="form.categorie_id">
-            <ElOption v-for="type in categorieSelectList" :key="type.id" :value="type.id" :label="type.name" />
+            <ElOption
+              v-for="type in categorieSelectList"
+              :key="type.id"
+              :value="type.id"
+              :label="type.name"
+            />
          </ElSelect>
        </ElFormItem>
        <ElFormItem label="问题描述" prop="content">
@@ -80,13 +129,35 @@
            <div class="attachment-list">
              <div v-for="(file, idx) in fileList" :key="file.name" class="attachment-item">
                <template v-if="/\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(file.name)">
-                  <img :src="file.file_url?file.file_url:file.response.data.file_url" :alt="file.name" class="attachment-thumb" @click="handleImageClick(imageList.findIndex(url => url === file.file_url?file.file_url:file.response.data.file_url))" />
+                  <img
+                    :src="file.file_url ? file.file_url : file.response.data.file_url"
+                    :alt="file.name"
+                    class="attachment-thumb"
+                    @click="
+                      handleImageClick(
+                        imageList.findIndex((url) =>
+                          url === file.file_url ? file.file_url : file.response.data.file_url
+                        )
+                      )
+                    "
+                  />
                </template>
                <template v-else-if="/\.(mp4|webm|ogg)$/i.test(file.name)">
-                  <video :src="file.file_url?file.file_url:file.response.data.file_url" controls class="attachment-thumb" @click.prevent="handleVideoClick(file.file_url?file.file_url:file.response.data.file_url)"></video>
+                  <video
+                    :src="file.file_url ? file.file_url : file.response.data.file_url"
+                    controls
+                    class="attachment-thumb"
+                    @click.prevent="
+                      handleVideoClick(file.file_url ? file.file_url : file.response.data.file_url)
+                    "
+                  ></video>
                </template>
                <template v-else>
-                  <a :href="file.file_url?file.file_url:file.response.data.file_url" target="_blank">{{ file.name }}</a>
+                  <a
+                    :href="file.file_url ? file.file_url : file.response.data.file_url"
+                    target="_blank"
+                    >{{ file.name }}</a
+                  >
                </template>
                <div class="attachment-filename">{{ file.name }}</div>
              </div>
@@ -122,12 +193,8 @@
                String(message.user_id) === String(userid) ? 'message-right' : 'message-left'
              ]"
            >
-            <!-- :src="String(message.user_id) === String(userid) ? meAvatar : aiAvatar" -->
-              <el-avatar
-                :size="32"
-                :src="message.user_avatar"
-                class="message-avatar"
-              />
+              <!-- :src="String(message.user_id) === String(userid) ? meAvatar : aiAvatar" -->
+              <el-avatar :size="32" :src="message.user_avatar" class="message-avatar" />
              <div class="message-content">
                <div class="message-info">
                  <span class="sender-name">{{ message.user_name }}</span>
@@ -135,20 +202,29 @@
                </div>
                <div class="message-text" v-html="message.content"></div>
                <!-- 附件显示区域 -->
-                <div class="message-attachments" v-if="message.attachment && message.attachment.length > 0">
-                  <div class="attachment-item" v-for="(attachment, attIndex) in message.attachment" :key="attIndex">
-                    <template v-if="/\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(attachment.original_name)">
-                      <img 
-                        :src="attachment.storage_path_full" 
-                        :alt="attachment.original_name" 
-                        class="attachment-thumb" 
+                <div
+                  class="message-attachments"
+                  v-if="message.attachment && message.attachment.length > 0"
+                >
+                  <div
+                    class="attachment-item"
+                    v-for="(attachment, attIndex) in message.attachment"
+                    :key="attIndex"
+                  >
+                    <template
+                      v-if="/\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(attachment.original_name)"
+                    >
+                      <img
+                        :src="attachment.storage_path_full"
+                        :alt="attachment.original_name"
+                        class="attachment-thumb"
                        @click="handleChatImageClick(attachment.storage_path_full)"
                      />
                    </template>
                    <template v-else-if="/\.(mp4|webm|ogg)$/i.test(attachment.original_name)">
-                      <video 
-                        :src="attachment.storage_path_full" 
-                        controls 
+                      <video
+                        :src="attachment.storage_path_full"
+                        controls
                        class="attachment-thumb"
                        @click.prevent="handleChatVideoClick(attachment.storage_path_full)"
                      ></video>
@@ -157,10 +233,10 @@
                      <div class="file-attachment">
                        <el-icon class="file-icon"><Document /></el-icon>
                        <span class="file-name">{{ attachment.original_name }}</span>
-                        <el-button 
-                          type="primary" 
-                          size="small" 
-                          link 
+                        <el-button
+                          type="primary"
+                          size="small"
+                          link
                          @click="downloadAttachment(attachment)"
                        >
                          下载
@@ -196,9 +272,9 @@
            <div class="uploaded-attachments" v-if="chatFileList.length > 0">
              <div class="attachment-preview-item" v-for="(file, idx) in chatFileList" :key="idx">
                <template v-if="/\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(file.name)">
-                  <img 
-                    :src="file.file_url || file.response?.data?.file_url" 
-                    :alt="file.name" 
+                  <img
+                    :src="file.file_url || file.response?.data?.file_url"
+                    :alt="file.name"
                    class="preview-thumb"
                  />
                </template>
@@ -206,12 +282,7 @@
                  <el-icon class="file-icon"><Document /></el-icon>
                </template>
                <span class="file-name">{{ file.name }}</span>
-                <el-button 
-                  type="danger" 
-                  size="small" 
-                  link 
-                  @click="removeChatFile(idx)"
-                >
+                <el-button type="danger" size="small" link @click="removeChatFile(idx)">
                  <el-icon><Close /></el-icon>
                </el-button>
              </div>
@@ -229,7 +300,6 @@
            <el-button type="primary" @click="sendMessage" v-ripple>发送</el-button>
          </div>
        </div>
-
      </div>
    </el-drawer>

@@ -237,7 +307,12 @@
      <ElForm ref="formRef" :model="statusform" label-width="120px">
        <ElFormItem label="状态" prop="status">
          <ElSelect v-model="statusform.status">
-            <ElOption v-for="type in statusList" :key="type.value" :value="type.value" :label="type.text" />
+            <ElOption
+              v-for="type in statusList"
+              :key="type.value"
+              :value="type.value"
+              :label="type.text"
+            />
          </ElSelect>
        </ElFormItem>
        <ElFormItem label="描述" prop="msg">
@@ -253,10 +328,21 @@
    </ElDialog>

    <!-- 图片预览弹窗 -->
-    <ElImageViewer v-if="imageViewerVisible" :url-list="chatImageList.length > 0 ? chatImageList : imageList" :initial-index="imageViewerIndex" @close="closeImageViewer" />
+    <ElImageViewer
+      v-if="imageViewerVisible"
+      :url-list="chatImageList.length > 0 ? chatImageList : imageList"
+      :initial-index="imageViewerIndex"
+      @close="closeImageViewer"
+    />
    <!-- 视频预览弹窗 -->
    <ElDialog v-model="videoDialogVisible" width="60%" top="10vh" :show-close="true" append-to-body>
-      <video v-if="currentVideoUrl" :src="currentVideoUrl" controls autoplay style="width:100%;max-height:70vh;display:block;"></video>
+      <video
+        v-if="currentVideoUrl"
+        :src="currentVideoUrl"
+        controls
+        autoplay
+        style="width: 100%; max-height: 70vh; display: block"
+      ></video>
    </ElDialog>
  </div>
 </template>
@@ -279,7 +365,6 @@
  const editorHtml = ref('') // 编辑器内容
  const dialogVisible = ref(false)
  const dialogVisiblestatus = ref(false)
-  const typeList = ref<any[]>([])
  const formRef = ref<FormInstance>()
  const { width } = useWindowSize()
  const isMobile = computed(() => width.value < 500)
@@ -288,10 +373,6 @@
  const { info } = useUserStore()
  const userid = info.user.id
  console.log(userid)
-  import meAvatar from '@/assets/img/avatar/avatar5.webp'
-  import aiAvatar from '@/assets/img/avatar/avatar10.webp'
-
-
  // 消息相关数据
  const messages = ref<any[]>([])
  const messageText = ref('')
@@ -386,8 +467,8 @@
  }

  //获取工单记录 getconversationList
-  const ticket_id =ref()
-  const getConversationList = async (id:any) => {
+  const ticket_id = ref()
+  const getConversationList = async (id: any) => {
    loading.value = true
    try {
      const { currentPage, pageSize } = paginationmsg
@@ -412,19 +493,19 @@
    const text = messageText.value.trim()
    const ids = ticket_id.value
    if (!text && chatFileList.value.length === 0) return
-    
    // 准备附件数据
-    const attachments = chatFileList.value.map(file => {
-      const data = file.response?.data
-      if (data) {
-        return {
-          original_name: data.original_name,
-          storage_path: data.storage_path || data.file_name
+    const attachments = chatFileList.value
+      .map((file) => {
+        const data = file.response?.data
+        if (data) {
+          return {
+            original_name: data.original_name,
+            storage_path: data.storage_path || data.file_name
+          }
        }
-      }
-      return null
-    }).filter(Boolean)
-    
+        return null
+      })
+      .filter(Boolean)
    const { message } = await WorkService.conversationAdd({
      content: text,
      ticket_id: ids,
@@ -435,9 +516,7 @@
    chatFileList.value = [] // 清空附件列表
    getConversationList(ids)
    scrollToBottom()
-  }    
-
-
+  }
  const dialogType = ref('add')

  const showDialog = (type: string, row?: any) => {