异常日志

src/views/assetManage/errorLog/index.vue

@@ -0,0 +1,285 @@
+<template>
+  <div class="app-container row-container">
+    <div class="head-container">
+      <div class="head-search">
+        <el-input v-model="query.search" size="small" clearable placeholder="输入资产名称/编码/操作人搜索" prefix-icon="el-icon-search" style="width: 250px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
+        <el-select v-model="query.manageType" clearable size="small" placeholder="出入库类型" class="filter-item" style="width: 130px" @change="crud.toQuery">
+          <i slot="prefix" class="iconfont icon-zhuangtai" />
+          <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+        <date-range-picker v-model="blurryTime" class="date-item" />
+        <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="crud.toQuery">搜索</el-button>
+        <el-button class="filter-item  filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery()">重置</el-button>
+      </div>
+      <crudOperation :permission="permission">
+        <template v-slot:middle>
+          <!-- @click="doExport(crud.selections)" -->
+          <el-button :loading="crud.downloadLoading" size="mini" disabled>
+            <i class="iconfont icon-daochu" />
+            导出
+          </el-button>
+        </template>
+      </crudOperation>
+    </div>
+    <div class="container-wrap">
+      <span class="right-top-line" />
+      <span class="left-bottom-line" />
+      <el-table
+        ref="table"
+        v-loading="crud.loading"
+        class="archives-table"
+        highlight-current-row
+        stripe
+        style="width: 100%;"
+        height="calc(100vh - 330px)"
+        :data="crud.data"
+        @selection-change="crud.selectionChangeHandler"
+        @row-click="clickRowHandler"
+      >
+        <!-- <el-table-column type="selection" align="center" width="55" /> -->
+        <el-table-column prop="manageType" label="类型">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.manageType === 0" type="info" style="margin-left: 0;">待定</el-tag>
+            <el-tag v-if="scope.row.manageType === 1">入库</el-tag>
+            <el-tag v-if="scope.row.manageType === 2" type="success">出库</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="mark" label="资产编号" min-width="180px" :show-overflow-tooltip="true" />
+        <el-table-column prop="name" label="资产名称" min-width="180px" :show-overflow-tooltip="true" />
+        <el-table-column prop="capitaltypename" label="资产类型" width="80px" :show-overflow-tooltip="true" />
+        <el-table-column prop="startprice" label="价值" width="80px" align="right" :show-overflow-tooltip="true" :formatter="(row) => formatMoney(row.startprice)" />
+        <el-table-column prop="unitname" label="计量单位" width="80px" align="center" :show-overflow-tooltip="true" />
+        <el-table-column prop="departmentname" label="使用部门" :show-overflow-tooltip="true" />
+        <el-table-column prop="blongdepartmentname" label="所属部门" min-width="140px" :show-overflow-tooltip="true" />
+        <el-table-column prop="glrname" label="管理人" :show-overflow-tooltip="true" />
+        <el-table-column prop="cfd" label="存放地" min-width="140px" :show-overflow-tooltip="true" />
+        <el-table-column prop="departmentname" label="所属部门" min-width="100px" :show-overflow-tooltip="true" />
+        <el-table-column prop="operatorName" label="操作人" min-width="100px">
+          <template slot-scope="scope">
+            <span v-if="scope.row.operatorName">{{ scope.row.operatorName }}</span>
+            <span v-else>——</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="taskTime" label="记录时间" width="150px">
+          <template slot-scope="scope">
+            <div>{{ scope.row.taskTime | parseTime }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="videoId" label="操作" align="center" width="100">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.videoId" size="mini" @click="handleViewVideo(scope.row)">
+              <i class="iconfont icon-yulan" />
+              查看
+            </el-button>
+            <span v-else>——</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination v-if="crud.data.length!==0" />
+    </div>
+
+    <!-- 查看监控视频 -->
+    <el-dialog class="view-video" append-to-body :close-on-click-modal="false" :modal-append-to-body="false" :visible="hkVideoVisible" title="查看监控视频" :before-close="handleClose">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <video
+          ref="video"
+          controls
+          :src="videoUrl"
+          controlslist="nodownload noremoteplayback noplaybackrate"
+          disablePictureInPicture
+          width="700"
+          autoplay
+        />
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import crudAsset from '@/api/asset/index'
+import CRUD, { presenter, header, form, crud } from '@crud/crud'
+import DateRangePicker from '@/components/DateRangePicker'
+import crudOperation from '@crud/CRUD.operation'
+import pagination from '@crud/Pagination'
+// import { exportFile } from '@/utils/index'
+// import qs from 'qs'
+import { mapGetters } from 'vuex'
+
+const defaultForm = { }
+export default {
+  name: 'InOutLog',
+  components: { pagination, crudOperation, DateRangePicker },
+  cruds() {
+    return CRUD({ title: '出入库日志', url: 'api/asset/getAbnormalDataCommitBySearch', crudMethod: { ...crudAsset }, optShow: {
+      add: false,
+      edit: false,
+      del: false,
+      reset: true,
+      download: false,
+      group: false
+    }})
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  data() {
+    return {
+      permission: { add: [], edit: [], del: [] },
+      pageSize: 10,
+      statusOptions: [
+        { value: 0, label: '待定' },
+        { value: 1, label: '入库' },
+        { value: 2, label: '出库' }
+      ],
+      query: {
+        search: '',
+        manageType: ''
+      },
+      blurryTime: [],
+      hkVideoVisible: false,
+      videoUrl: ''
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'baseApi'
+    ])
+  },
+  created() {
+  },
+  mounted() {
+  },
+  methods: {
+    formatMoney(money) {
+      if (!money && money !== 0) return '——'
+      return Number(money).toLocaleString('en-US')
+    },
+    [CRUD.HOOK.beforeRefresh]() {
+      // 清空原有搜索参数，防止干扰
+      delete this.crud.query.billNo
+      delete this.crud.query.manageType
+
+      this.crud.query.search = this.query.search
+      // 状态筛选
+      this.crud.params.manageType = this.query.manageType
+
+      if (this.blurryTime) {
+        this.crud.query.startTime = this.blurryTime[0]
+        this.crud.query.endTime = this.blurryTime[1]
+      }
+
+      // 分页参数（保留你原有逻辑）
+      this.originalPage = this.crud.page.page
+      this.originalSize = this.crud.page.size
+      this.crud.params.pageNo = this.crud.page.page
+      this.crud.params.pageSize = this.crud.page.size
+      this.crud.params.page = undefined
+      this.crud.params.size = undefined
+    },
+    [CRUD.HOOK.afterRefresh]() {
+      // 恢复原始参数
+      if (this.originalPage !== undefined) {
+        this.crud.page.page = this.originalPage
+        this.crud.page.size = this.originalSize
+        // 移除pageNo和pageSize参数
+        delete this.crud.params.pageNo
+        delete this.crud.params.pageSize
+        delete this.crud.params.page
+        delete this.crud.params.size
+      }
+    },
+    // 新增前
+    [CRUD.HOOK.beforeToAdd](crud, form) {
+    },
+    // 编辑前
+    [CRUD.HOOK.beforeToEdit](crud, form) {
+    },
+    // 提交前做的操作
+    [CRUD.HOOK.afterValidateCU](crud) {
+      console.log(crud.form)
+      return true
+    },
+    // 关闭弹框前的操作
+    [CRUD.HOOK.beforeAddCancel](crud) {
+    },
+    resetQuery() {
+      // 清空所有搜索条件
+      this.query.search = ''
+      this.query.manageType = ''
+      this.blurryTime = []
+      this.crud.query.startTime = ''
+      this.crud.query.endTime = ''
+      // 清空 crud 搜索参数
+      delete this.crud.query.manageType
+      // 刷新查询
+      this.crud.toQuery()
+    },
+    // 触发单选
+    clickRowHandler(row) {
+      this.$refs.table.clearSelection()
+      this.$refs.table.toggleRowSelection(row)
+    },
+    handleViewVideo(data) {
+      const videoId = data.videoId
+      this.hkVideoVisible = true
+      // 测试用
+      // this.videoUrl = this.baseApi + '/api/minio/video/play?fileName=ceshi20260602video.mp4'
+      this.videoUrl = this.baseApi + '/api/minio/video/play?fileName=' + videoId
+    },
+    handleClose() {
+      this.hkVideoVisible = false
+      this.videoUrl = ''
+    }
+    // doExport(data) {
+    //   crud.downloadLoading = true
+    //   this.$confirm('此操作将导出所选数据' + '<span>你是否还要继续？</span>', '提示', {
+    //     confirmButtonText: '继续',
+    //     cancelButtonText: '取消',
+    //     type: 'warning',
+    //     dangerouslyUseHTMLString: true
+    //   }).then(() => {
+    //     const ids = []
+    //     data.forEach(val => {
+    //       ids.push(val.fondsId)
+    //     })
+    //     const params = {
+    //       'fondsIds': ids
+    //     }
+    //     exportFile(this.baseApi + '/api/fonds/download?' + qs.stringify(params, { indices: false }))
+    //   }).catch(() => {
+    //   })
+    // }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-tag{
+  &.el-tag--small{
+    color: #0348f3 !important;
+    background-color: #eef5fe !important;
+    border-color:  #c1dbfc !important;
+  }
+  &.el-tag--success {
+    background-color: #e7faf0 !important;
+    border-color: #d0f5e0!important;
+    color: #13ce66!important;
+  }
+  &.el-tag--info {
+    background-color: #f4f4f5 !important;
+    border-color: #f4f4f5!important;
+    color: #909399!important;
+  }
+  &.el-tag--error {
+    background-color: #fbc0b5  !important;
+    border-color: #fcab9d  !important;
+    color: #ed4a41!important;
+  }
+}
+
+.el-table .el-button{
+  padding: 7px 10px !important;
+}
+</style>

src/views/assetManage/inOutLog/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container row-container">
     <div class="head-container">
-      <div v-if="crud.props.searchToggle" class="head-search">
+      <div class="head-search">
         <!-- 搜索 -->
         <el-input
           v-model="keyWord"
@@ -32,7 +32,8 @@
       <crudOperation :permission="permission">
         <template v-slot:middle>
           <!-- @click="doExport(crud.selections)" -->
-          <el-button :loading="crud.downloadLoading" size="mini" :disabled="crud.selections.length === 0">
+          <!-- :disabled="crud.selections.length === 0" -->
+          <el-button :loading="crud.downloadLoading" size="mini" disabled>
             <i class="iconfont icon-daochu" />
             导出
           </el-button>
@@ -148,6 +149,7 @@
               <span v-if="(scope.row.status || '').toString().trim() === '2'" class="row-state row-binding  state-active">已完成</span>
             </template>
           </el-table-column>
+
         </el-table>
 
         <!-- 盘点清单 -->
@@ -174,8 +176,23 @@
             <el-table-column prop="departmentname" label="所属部门" min-width="100px" :show-overflow-tooltip="true" />
             <!-- <el-table-column prop="resourcename" label="使用人" min-width="100px" /> -->
             <el-table-column prop="glrname" label="管理人" min-width="100px" />
+            <el-table-column prop="operatorName" label="操作人" min-width="100px">
+              <template slot-scope="scope">
+                <span v-if="scope.row.operatorName">{{ scope.row.operatorName }}</span>
+                <span v-else>——</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="startprice" label="单价" width="80px" align="right" :formatter="(row) => formatMoney(row.startprice)" />
             <el-table-column prop="capitalnum" label="数量" align="right" />
+            <el-table-column prop="videoId" label="操作" align="center" width="100">
+              <template slot-scope="scope">
+                <el-button v-if="scope.row.videoId" size="mini" @click="handleViewVideo(scope.row)">
+                  <i class="iconfont icon-yulan" />
+                  查看
+                </el-button>
+                <span v-else>——</span>
+              </template>
+            </el-table-column>
             <!-- <el-table-column prop="" label="总额" /> -->
             <!-- <el-table-column prop="cfd" label="存放地" min-width="260px" :show-overflow-tooltip="true" /> -->
           </el-table>
@@ -197,6 +214,24 @@
         暂无数据
       </div>
     </el-dialog>
+
+    <!-- 查看监控视频 -->
+    <el-dialog class="view-video" append-to-body :close-on-click-modal="false" :modal-append-to-body="false" :visible="hkVideoVisible" title="查看监控视频" :before-close="handleClose">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <video
+          ref="video"
+          controls
+          :src="videoUrl"
+          controlslist="nodownload noremoteplayback noplaybackrate"
+          disablePictureInPicture
+          width="700"
+          autoplay
+        />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -255,7 +290,9 @@ export default {
       ],
       query: {
         status: ''
-      }
+      },
+      hkVideoVisible: false,
+      videoUrl: ''
     }
   },
   computed: {
@@ -325,6 +362,17 @@ export default {
     // 关闭弹框前的操作
     [CRUD.HOOK.beforeAddCancel](crud) {
     },
+    handleViewVideo(data) {
+      const videoId = data.videoId
+      this.hkVideoVisible = true
+      // 测试用
+      // this.videoUrl = this.baseApi + '/api/minio/video/play?fileName=ceshi20260602video.mp4'
+      this.videoUrl = this.baseApi + '/api/minio/video/play?fileName=' + videoId
+    },
+    handleClose() {
+      this.hkVideoVisible = false
+      this.videoUrl = ''
+    },
     searchChange(val) {
       // 切换类型时清空关键词
       this.keyWord = ''
@@ -414,20 +462,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.group-form{
-  .el-form-item{
-    &:nth-child(odd){
-      margin-right: 0;
-    }
-    &.form-item-style{
-      margin-right: 40px;
-    }
-    ::v-deep .el-form-item__content{
-       width: 300px !important;
-    }
-  }
-}
-
 ::v-deep .input-prepend .el-input__inner{
   padding-left: 100px;
 }