完成设备管理部分功能

朱桂飞

2025-01-15 d5dff36d38fc7a211b34916796bbc37f17e7a2d0

 eims-ui/apps/web-antd/src/views/eims/equ-detail/index.vue

@@ -11,6 +11,8 @@

import { getEqu } from '#/api/eims/equ';
import equDrawer from '#/views/eims/equ/equ-drawer.vue';
import EquTrial from '#/views/eims/equ-trial/index.vue';
import EquStatu from '#/views/eims/equ-statu/index.vue';

const route = useRoute();
const equId = route.params.equId as string;
@@ -57,24 +59,21 @@

          <div class="w-3/4 min-w-[640px] flex align-center justify-around">
            <Divider class="h-full" type="vertical" />
            <div class="flex w-1/4 h-full cursor-pointer items-center justify-center rounded-sm hover:bg-gray-100"
                 style="background: #f2f6fe">
            <div class="flex w-1/4 h-full cursor-pointer items-center justify-center rounded-sm hover:bg-gray-100" style="background: #f2f6fe">
              <Image :preview="false" :width="40" src="/src/assets/logo.png" />
              <div class="flex flex-col ml-6 mr-2">
                <span class="text-xl font-bold">100%</span>
                <span class="mt-5 text-gray-500">设备健康度</span>
              </div>
            </div>
            <div class="flex w-1/4 h-full cursor-pointer items-center justify-center rounded-sm hover:bg-gray-100"
                 style="background: #fcf8ee">
            <div class="flex w-1/4 h-full cursor-pointer items-center justify-center rounded-sm hover:bg-gray-100" style="background: #fcf8ee">
              <Image :preview="false" :width="40" src="/src/assets/logo.png" />
              <div class="flex flex-col ml-6 mr-2">
                <span class="text-xl font-bold">86.6h</span>
                <span class="mt-5 text-gray-500">平均故障时间</span>
              </div>
            </div>
            <div class="flex w-1/4 h-full cursor-pointer items-center justify-center rounded-sm hover:bg-gray-100"
                 style="background: #ecf5de">
            <div class="flex w-1/4 h-full cursor-pointer items-center justify-center rounded-sm hover:bg-gray-100" style="background: #ecf5de">
              <Image :preview="false" :width="40" src="/src/assets/logo.png" />
              <div class="flex flex-col ml-6 mr-2">
                <span class="text-xl font-bold">0元</span>
@@ -115,10 +114,8 @@
            <Descriptions class="mt-3" size="small" title="设备图片">
              <DescriptionsItem>
                <ImagePreviewGroup>
                  <Image :width="200"
                         src="https://shlanpu.cn/uploads/images/202404/ebb24dc0610cf8e83a19fb0f568bf530.png" />
                  <Image :width="200"
                         src="https://shlanpu.cn/uploads/images/202404/c2212b8fc38bdd20e9d1cf79da40698d.jpg" />
                  <Image :width="200" src="https://shlanpu.cn/uploads/images/202404/ebb24dc0610cf8e83a19fb0f568bf530.png" />
                  <Image :width="200" src="https://shlanpu.cn/uploads/images/202404/c2212b8fc38bdd20e9d1cf79da40698d.jpg" />
                </ImagePreviewGroup>
              </DescriptionsItem>
            </Descriptions>
@@ -127,10 +124,14 @@
          <TabPane key="3" tab="保养">Content of Tab Pane 3</TabPane>
          <TabPane key="4" tab="点检">Content of Tab Pane 3</TabPane>
          <TabPane key="5" tab="备件">Content of Tab Pane 3</TabPane>
          <TabPane key="5" tab="附件">Content of Tab Pane 3</TabPane>
          <TabPane key="6" tab="设备履历">Content of Tab Pane 3</TabPane>
          <TabPane key="7" tab="试产记录">Content of Tab Pane 3</TabPane>
          <TabPane key="8" tab="状态记录">Content of Tab Pane 3</TabPane>
          <TabPane key="6" tab="附件">Content of Tab Pane 3</TabPane>
          <TabPane key="7" tab="设备履历">Content of Tab Pane 3</TabPane>
          <TabPane key="8" tab="试产记录">
            <EquTrial :equ-detail-flag="true" :equ-id="equId" />
          </TabPane>
          <TabPane key="9" tab="状态记录">
            <EquStatu :equ-detail-flag="true" :equ-id="equId" />
          </TabPane>
        </Tabs>
      </Card>
    </div>