From ea63ddba241a5bce18ea4be707729b434116aa62 Mon Sep 17 00:00:00 2001
From: bb_pan <max_163email@163.com>
Date: Mon, 1 Dec 2025 15:02:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/business/outbound.js                  |   9 +
 src/views/EquipmentRetireApply/index.vue      |   2 +
 .../EquipmentSharedLease/order/index.vue      |   3 +-
 .../order/sharedOutList.vue                   | 409 ++++++++++++++++++
 src/views/business/outbound/details.vue       |   2 +-
 .../wsScreen/components/center/index.vue      |  11 +-
 .../components/center/index.vue               |   6 +-
 7 files changed, 430 insertions(+), 12 deletions(-)
 create mode 100644 src/views/EquipmentSharedLease/order/sharedOutList.vue

diff --git a/src/api/business/outbound.js b/src/api/business/outbound.js
index 07494cea..b6b61770 100644
--- a/src/api/business/outbound.js
+++ b/src/api/business/outbound.js
@@ -18,6 +18,15 @@ export const getApplyDetailsApi = (data = {}) => {
   })
 }
 
+// 共享出库-列表
+export const getOrderByIdApi = (data = {}) => {
+  return request({
+    url: '/material-mall/decChange/getOrderById',
+    method: 'get',
+    params: data
+  })
+}
+
 export const out = (data = {}) => {
   return request({
     url: '/material-mall/decChange/out',
diff --git a/src/views/EquipmentRetireApply/index.vue b/src/views/EquipmentRetireApply/index.vue
index 31b96ecf..1757c55c 100644
--- a/src/views/EquipmentRetireApply/index.vue
+++ b/src/views/EquipmentRetireApply/index.vue
@@ -27,6 +27,7 @@
                   range-separator="至"
                   start-placeholder="开始日期"
                   end-placeholder="结束日期"
+                  value-format="yyyy-MM-dd"
                   style="width: 100%"
                 />
               </el-form-item>
@@ -114,6 +115,7 @@ export default {
   methods: {
     // 获取退役申请列表
     async getRetireApplyList() {
+      console.log('🚀 ~ this.queryParams.dateRange:', this.queryParams.dateRange)
       const params = {
         ...this.queryParams,
         startDate: this.queryParams.dateRange ? this.queryParams.dateRange[0] : undefined,
diff --git a/src/views/EquipmentSharedLease/order/index.vue b/src/views/EquipmentSharedLease/order/index.vue
index 19735412..0a983eb8 100644
--- a/src/views/EquipmentSharedLease/order/index.vue
+++ b/src/views/EquipmentSharedLease/order/index.vue
@@ -780,7 +780,8 @@ export default {
       })
     },
     handleOut(item) {
-      this.$router.push({ path: '/equipment/euq-out', query: { maIds: item.maIds } })
+      console.log('🚀 ~ item:', item)
+      this.$router.push({ path: '/equipmentShared/order/sharedOutList', query: { id: item.orderId } })
     },
     //订单详情
     handleViewOrder(row) {
diff --git a/src/views/EquipmentSharedLease/order/sharedOutList.vue b/src/views/EquipmentSharedLease/order/sharedOutList.vue
new file mode 100644
index 00000000..b8d370c8
--- /dev/null
+++ b/src/views/EquipmentSharedLease/order/sharedOutList.vue
@@ -0,0 +1,409 @@
+<template>
+  <!-- 基础页面 -->
+  <div class="app-container">
+    <el-card v-show="showSearch" style="margin-bottom: 20px">
+      <el-form :model="queryParams" ref="queryForm" size="small" inline label-width="110px">
+        <el-form-item label="需求单位" prop="useUnit">
+          <el-input v-model="queryParams.useUnit" style="width: 200px" placeholder="需求单位" disabled />
+        </el-form-item>
+
+        <el-form-item label="使用项目" prop="proName">
+          <el-input v-model="queryParams.proName" style="width: 200px" placeholder="使用项目" disabled />
+        </el-form-item>
+
+        <el-form-item label="项目类型" prop="proType">
+          <el-select disabled style="width: 200px" placeholder="请选择项目类型" v-model="queryParams.proType">
+            <el-option value="0" label="线路" />
+            <el-option value="1" label="电缆" />
+            <el-option value="2" label="变电" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="电压等级" prop="voltageLevel">
+          <el-select
+            clearable
+            style="width: 200px"
+            disabled
+            placeholder="请选择电压等级"
+            v-model="queryParams.voltageLevel"
+          >
+            <el-option :key="item.value" :value="item.value" :label="item.label" v-for="item in voltageList" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="项目所在省" prop="proProvince">
+          <el-input v-model="queryParams.proProvince" style="width: 200px" placeholder="项目所在省" disabled />
+        </el-form-item>
+
+        <el-form-item label="项目所在市" prop="proCity">
+          <el-input v-model="queryParams.proCity" style="width: 200px" placeholder="项目所在市" disabled />
+        </el-form-item>
+
+        <el-form-item label="项目所在区/县" prop="proCounty">
+          <el-input v-model="queryParams.proCounty" style="width: 200px" placeholder="项目所在区/县" disabled />
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card>
+      <el-row :gutter="10" class="mb8" justify="end">
+        <el-col :span="4">
+          <span style="font-size: 20px; font-weight: 800">共享出库列表</span>
+        </el-col>
+        <el-col v-if="routerParams.isView" :span="20" style="display: flex; justify-content: flex-end">
+          <el-button type="primary" :disabled="queryParams.taskStatus == '3'" @click="handleOutAll">全部出库</el-button>
+          <el-button type="primary" :disabled="queryParams.taskStatus == '3'" @click="handleOutCancelAll"
+            >全部取消出库
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <el-table
+        v-loading="isLoading"
+        :data="tableList"
+        highlight-current-row
+        border
+        stripe
+        :max-height="650"
+        style="width: 100%"
+      >
+        <el-table-column type="index" width="55" label="序号" align="center" />
+        <el-table-column label="分类" align="center" prop="devType" :show-overflow-tooltip="true">
+          <template slot-scope="scope">
+            <span v-if="scope.row.devType == 1">{{ '装备' }}</span>
+            <span v-if="scope.row.devType == 2">{{ '工具' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="类目" align="center" prop="category" :show-overflow-tooltip="true" />
+        <el-table-column label="名称" align="center" prop="typeName" :show-overflow-tooltip="true" width="120px" />
+        <el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true" />
+        <el-table-column label="管理模式" align="center" prop="manageType" :show-overflow-tooltip="true">
+          <template slot-scope="scope">
+            <span v-if="scope.row.manageType == 0">{{ '编码设备' }}</span>
+            <span v-if="scope.row.manageType == 1">{{ '数量设备' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="设备编码" align="center" prop="devCode" :show-overflow-tooltip="true" width="140px" />
+        <el-table-column label="当前库存" align="center" prop="storageNum" :show-overflow-tooltip="true" />
+        <el-table-column label="申请数量" align="center" prop="num" :show-overflow-tooltip="true" />
+        <el-table-column label="已出库数量" align="center" prop="realNum" :show-overflow-tooltip="true" />
+        <el-table-column label="使用到期日期" align="center" width="250px" :show-overflow-tooltip="true">
+          <template slot-scope="scope">
+            <!-- 处理日期为 null/undefined 的情况，显示占位符；有值则拼接为 "开始日期 至 结束日期" 格式 -->
+            {{
+              scope.row.useStartTime && scope.row.useEndTime
+                ? `${scope.row.useStartTime} 至 ${scope.row.useEndTime}`
+                : '暂无时间段'
+            }}
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          label="出库数量"
+          v-if="routerParams.isView"
+          align="center"
+          prop="outNum"
+          :show-overflow-tooltip="true"
+        >
+          <template slot-scope="scope">
+            <el-input
+              :disabled="scope.row.isFinished == '1'"
+              v-if="scope.row.manageType === '1'"
+              v-model.number="scope.row.outNum"
+              :placeholder="`请输入出库数量（最大${scope.row.remainNum.toFixed(2)}）`"
+              :max="scope.row.remainNum"
+              :min="0"
+              step="0.01"
+              @input="handleOutNumInput(scope.row)"
+              @change="handleOutNumChange(scope.row)"
+            />
+            <span v-if="scope.row.manageType == 0">{{ (scope.row.num, (scope.row.outNum = scope.row.num)) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center">
+          <template slot-scope="{ row }">
+            <el-button
+              size="mini"
+              :disabled="row.isFinished == '1' || row.outNum == 0"
+              type="text"
+              icon="el-icon-zoom-in"
+              @click="handleOut(row)"
+              >出库
+            </el-button>
+            <el-button size="mini" :disabled="row.isFinished == '1'" type="text" @click="handleOutCancel(row)"
+              >取消出库
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getOrderByIdApi, out, outAll, outCancel, outCancelAll } from '@/api/business/outbound'
+import { getUseProjectListAPI, getVoltageListAPI } from '@/api/EquipmentLedger/equ-out'
+import { regionData } from 'element-china-area-data'
+
+export default {
+  name: 'SharedOutList',
+  data() {
+    return {
+      routerParams: {},
+      isLoading: false,
+      showSearch: true,
+      timeRange: [],
+      queryParams: {
+        type: 2, // 出库
+        status: '0', // 变更状态
+        proCode: '', // 使用项目id
+        proName: '', // 使用项目名称
+        proType: '', // 项目类型
+        voltageLevel: '', // 电压等级
+        proProvince: '', // 项目所在省
+        proCity: '', // 项目所在市
+        proCounty: '', // 项目所在区/县
+        proLocation: '', // 详细地址
+        useUnit: '', // 需求单位
+        useTime: null,
+        pageNum: 1, // 页码
+        pageSize: 10, // 每页条数
+        taskStatus: '',
+      },
+      useProjectList: [], // 使用项目下拉选
+      voltageList: [], // 电压等级下拉选
+      provinceList: [],
+      cityList: [],
+      countyList: [],
+
+      typeList: [
+        { label: '数量管理', value: '1' },
+        { label: '编码管理', value: '0' },
+      ],
+      total: 0, // 总条数
+      // 表格数据
+      tableList: [],
+      openAdd: false, // 添加申请
+      addQuery: {
+        // 添加申请查询
+        typeName: '', // 名称
+        typeModelName: '', // 规格型号
+        devCode: '', // 设备编码
+        pageNum: 1, // 页码
+        pageSize: 10, // 每页条数
+      },
+      addTotal: 0, // 总条数
+      addList: [], // 添加申请列表
+      addTempList: [], // 添加申请临时列表
+      ids: [], // 选中的id
+      single: false, // 单选
+      multiple: false, // 多选
+    }
+  },
+  created() {
+    this.routerParams = this.$route.query
+    // let title = '自用出库详情'
+    // if (this.routerParams.isView) {
+    //   title = '查看审核'
+    // } else if (this.routerParams.isEdit) {
+    //   title = '审核详情'
+    // }
+    this.queryParams.id = this.routerParams.id || ''
+    this.getUseProjectList()
+    this.queryParams.status == '0' ? (this.queryParams.useUnit = sessionStorage.getItem('deptName')) : ''
+    this.provinceList = regionData
+    // const obj = Object.assign({}, this.$route, { title })
+    // this.$tab.updatePage(obj)
+    this.getList()
+  },
+  methods: {
+    // 输入出库数量时校验（实时拦截超限）
+    handleOutNumInput(row) {
+      const { outNum, remainNum } = row
+      if (isNaN(outNum)) {
+        this.showOverLimitTip = true
+        this.overLimitTip = '请输入有效的数字！'
+        row.outNum = null // 清空非法输入
+        return
+      }
+
+      // 校验是否超限
+      if (outNum > remainNum) {
+        this.showOverLimitTip = true
+        this.overLimitTip = `出库数量不能超过剩余可出库数量（${remainNum.toFixed(2)}）！`
+        row.outNum = remainNum // 自动修正为最大值
+      } else if (outNum < 0) {
+        this.showOverLimitTip = true
+        this.overLimitTip = '出库数量不能为负数！'
+        row.outNum = 0 // 自动修正为最小值
+      } else {
+        this.showOverLimitTip = false
+        // 保留两位小数（匹配数据库 decimal(10,2) 精度）
+        row.outNum = Number(outNum.toFixed(2))
+      }
+    },
+
+    // 失去焦点时最终修正（防止手动输入多位小数）
+    handleOutNumChange(row) {
+      if (row.outNum !== null && row.outNum !== undefined) {
+        row.outNum = Number(row.outNum.toFixed(2))
+      }
+    },
+    // 获取使用项目的下拉选
+    async getUseProjectList() {
+      const res = await getUseProjectListAPI()
+      const result = await getVoltageListAPI()
+      this.useProjectList = res.data
+      this.voltageList = result.data
+    },
+
+    // 选择使用项目
+    onChangeProCode(value) {
+      this.queryParams.proCode = value
+      this.queryParams.proName = this.useProjectList.find((item) => item.proCode === value)?.proName || ''
+    },
+
+    // 选择省份
+    onChangeProvince(value) {
+      if (!value) {
+        this.cityList = []
+        return
+      }
+      this.cityList = this.provinceList.find((item) => item.label === value)?.children || []
+    },
+
+    // 选择城市
+    onChangeCity(value) {
+      if (!value) {
+        this.countyList = []
+        return
+      }
+      this.countyList = this.cityList.find((item) => item.label === value)?.children || []
+    },
+
+    // 查询
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    // 重置
+    handleReset() {
+      this.queryParams.pageNum = 1
+      this.queryParams.pageSize = 10
+      this.queryParams.parentId = '0'
+      this.queryParams.level = '1'
+      this.$refs.queryForm.resetFields()
+      this.getList()
+    },
+    // 获取列表
+    // 获取列表
+    async getList(emit = {}) {
+      console.log('🚀 ~ emit:', emit)
+      if (emit.id) {
+        this.queryParams.id = emit.id
+        // 存到 route
+        this.$route.query.id = this.queryParams.id
+      }
+      console.log('列表-查询', this.queryParams)
+      this.isLoading = true
+      try {
+        const params = { ...this.queryParams }
+        const res = await getOrderByIdApi(params)
+        this.tableList = res.data.devDetailsList.map((item) => {
+          // 计算剩余可出库数量num - 已出库数量（real_num 为 null 则按 0 计算）
+          const remainNum = Number(item.num) - (item.realNum ? Number(item.realNum) : 0)
+          return {
+            ...item,
+            remainNum: remainNum > 0 ? remainNum : 0, // 剩余数量不能为负数
+            outNum: 0, // 绑定输入的出库数量
+          }
+        })
+        if (this.queryParams.id) {
+          this.queryParams = res.data.devInfo || {}
+          this.queryParams.status = '0'
+          this.queryParams.useUnit = sessionStorage.getItem('deptName')
+        }
+        this.total = res.data.total || 0
+      } catch (error) {
+        this.tableList = []
+        this.total = 0
+      } finally {
+        this.isLoading = false
+      }
+    },
+
+    //通过
+    handleOut(row) {
+      row.category = ''
+      this.$confirm('是否确定出库?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(async () => {
+        out(row).then((res) => {
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          })
+          this.getList()
+        })
+      })
+    },
+
+    // 驳回
+    handleOutCancel(row) {
+      row.category = ''
+      this.$confirm('是否确定取消出库?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(async () => {
+        outCancel(row).then((res) => {
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          })
+          this.getList()
+        })
+      })
+    },
+
+    handleBack() {
+      this.$router.push({ path: '/business/outbound/index' })
+    },
+
+    handleOutAll() {
+      this.$confirm('是否确定全部取消出库?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(async () => {
+        outAll({ id: this.queryParams.id }).then((res) => {
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          })
+          this.$router.go(-1)
+        })
+      })
+    },
+    handleOutCancelAll() {
+      this.$confirm('是否确定全部取消出库?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(async () => {
+        outCancelAll({ id: this.queryParams.id }).then((res) => {
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          })
+          this.$router.go(-1)
+        })
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/business/outbound/details.vue b/src/views/business/outbound/details.vue
index d97ba289..793c1d4c 100644
--- a/src/views/business/outbound/details.vue
+++ b/src/views/business/outbound/details.vue
@@ -2,7 +2,7 @@
   <!-- 基础页面 -->
   <div class="app-container">
     <el-card v-show="showSearch" style="margin-bottom: 20px">
-      <el-form :model="queryParams" ref="queryForm" size="small" inline label-width="100px">
+      <el-form :model="queryParams" ref="queryForm" size="small" inline label-width="110px">
 
         <el-form-item label="需求单位" prop="useUnit">
           <el-input v-model="queryParams.useUnit" style="width: 200px" placeholder="请输入需求单位" :disabled="queryParams.status=='0'"
diff --git a/src/views/screen/wsScreen/components/center/index.vue b/src/views/screen/wsScreen/components/center/index.vue
index c8c785d8..07ff0be2 100644
--- a/src/views/screen/wsScreen/components/center/index.vue
+++ b/src/views/screen/wsScreen/components/center/index.vue
@@ -359,9 +359,9 @@ export default {
                 else if (this.btnIndex === 2) unit = '台'
                 else if (this.btnIndex === 3) unit = '%'
                 return val.length
-                  ? `{val|${this.btnIndex === 1 ? (val[2] / 100000000).toFixed(4) : val[2]} ${unit}}\n{name|${
-                      params.data.deptAbbreviation
-                    }}`
+                  ? `{val|${
+                      this.btnIndex === 1 ? (val[2] > 0 ? (val[2] / 100000000).toFixed(4) : 0) : val[2]
+                    } ${unit}}\n{name|${params.data.deptAbbreviation}}`
                   : `{name|${params.data.deptAbbreviation}}`
               },
               rich: {
@@ -424,10 +424,7 @@ export default {
           //     cityName: city,
           //   },
           // })
-          window.open(
-            `${window.location.origin}/screen/cityScreen?cityName=${city}`,
-            '_blank'
-          )
+          window.open(`${window.location.origin}/screen/cityScreen?cityName=${city}`, '_blank')
         }
       })
       myChart.on('mouseover', (params) => {
diff --git a/src/views/screen/wsScreenWidescreen/components/center/index.vue b/src/views/screen/wsScreenWidescreen/components/center/index.vue
index 91ff7118..75b32dc4 100644
--- a/src/views/screen/wsScreenWidescreen/components/center/index.vue
+++ b/src/views/screen/wsScreenWidescreen/components/center/index.vue
@@ -359,9 +359,9 @@ export default {
                 else if (this.btnIndex === 2) unit = '台'
                 else if (this.btnIndex === 3) unit = '%'
                 return val.length
-                  ? `{val|${this.btnIndex === 1 ? (val[2] / 100000000).toFixed(4) : val[2]} ${unit}}\n{name|${
-                      params.data.deptAbbreviation
-                    }}`
+                  ? `{val|${
+                      this.btnIndex === 1 ? (val[2] > 0 ? (val[2] / 100000000).toFixed(4) : 0) : val[2]
+                    } ${unit}}\n{name|${params.data.deptAbbreviation}}`
                   : `{name|${params.data.deptAbbreviation}}`
               },
               rich: {