U 图纸详情页面样式修改

he wei

2022-08-01 00dfe8d04959f7815429d491dd01300b7d1f37df

U 图纸详情页面样式修改

 src/pages/drawManage/details/details.vue

@@ -9,30 +9,32 @@
    </a-layout-sider>
    <a-layout>
      <a-layout-header>
        <a-descriptions title="图纸信息">
          <a-descriptions-item label="母料型号">{{
            info.parentModel
          }}</a-descriptions-item>
          <a-descriptions-item label="母料名称">{{
            info.parentName
          }}</a-descriptions-item>
          <a-descriptions-item v-if="info.parentCode" label="母料编号">{{
            info.parentCode
          }}</a-descriptions-item>
          <a-descriptions-item label="类别">{{
            info.category
          }}</a-descriptions-item>
          <a-descriptions-item label="子件型号">{{
            info.subModel
          }}</a-descriptions-item>
          <a-descriptions-item label="子件名称">{{
            info.subName
          }}</a-descriptions-item>
        </a-descriptions>
        <a-card>
          <a-descriptions title="图纸信息">
            <a-descriptions-item label="母料型号">{{
              info.parentModel
            }}</a-descriptions-item>
            <a-descriptions-item label="母料名称">{{
              info.parentName
            }}</a-descriptions-item>
            <a-descriptions-item v-if="info.parentCode" label="母料编号">{{
              info.parentCode
            }}</a-descriptions-item>
            <a-descriptions-item label="类别">{{
              info.category
            }}</a-descriptions-item>
            <a-descriptions-item label="子件型号">{{
              info.subModel
            }}</a-descriptions-item>
            <a-descriptions-item label="子件名称">{{
              info.subName
            }}</a-descriptions-item>
          </a-descriptions>
        </a-card>
      </a-layout-header>
      <a-layout-content>
        <template v-if="record.subCode">
          <a-descriptions title="详情">
          <a-descriptions title="详情" bordered>
            <a-descriptions-item label="子件编码">{{
              record.subCode
            }}</a-descriptions-item>
@@ -60,6 +62,15 @@
            <a-descriptions-item label="表面处理/物料详情">{{
              record.surfaceDetail
            }}</a-descriptions-item>
            <a-descriptions-item label="上传人">{{
              record.upUser
            }}</a-descriptions-item>
            <a-descriptions-item label="创建日期">{{
              record.createDate
            }}</a-descriptions-item>
            <a-descriptions-item label="更新日期">{{
              record.updateDate
            }}</a-descriptions-item>
            <a-descriptions-item label="备注">{{
              record.notes
            }}</a-descriptions-item>
@@ -71,15 +82,6 @@
                ></image-view>
              </div>
            </a-descriptions-item>
            <a-descriptions-item label="上传人">{{
              record.upUser
            }}</a-descriptions-item>
            <a-descriptions-item label="创建日期">{{
              record.createDate
            }}</a-descriptions-item>
            <a-descriptions-item label="更新日期">{{
              record.updateDate
            }}</a-descriptions-item>
            <a-descriptions-item label="版本">{{
              record.eversion
            }}</a-descriptions-item>
@@ -90,10 +92,14 @@
        </template>
      </a-layout-content>
      <a-layout-footer>
        <template v-if="record.subCode">
          <a-button @click="dwgReview(record.dwgUrl)">预览</a-button>
          <a-button v-if="downloadFlag" @click="downloadLog(record)">下载</a-button>
        </template>
        <a-card>
          <template v-if="record.subCode">
            <a-button @click="dwgReview(record.dwgUrl)">预览</a-button>
            <a-button v-if="downloadFlag" @click="downloadLog(record)"
              >下载</a-button
            >
          </template>
        </a-card>
      </a-layout-footer>
    </a-layout>
  </a-layout>
@@ -107,7 +113,7 @@
import { dwgReview } from "@/pages/workplace/apis";
import { getInfo, getHistory } from "./apis";
import { downloadLog } from "@/pages/system/logs/apis";
import { mapGetters } from 'vuex';
import { mapGetters } from "vuex";
export default {
  name: "",
  data() {
@@ -209,14 +215,38 @@
  .ant-layout-header {
    padding: 0;
    line-height: inherit;
    margin-bottom: 20px;
    margin-bottom: 10px;
  }
  .ant-btn + .ant-btn {
    margin-left: 1em;
  }
  .ant-layout-content /deep/.ant-descriptions-item-label {
    width: 10rem;
    text-align: right;
  .ant-layout-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    background: #fff;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 24px;
    zoom: 1;
    /deep/.ant-descriptions-item-label {
      width: 12rem;
      text-align: right;
    }
  }
  .ant-layout-footer {
    padding: 0;
    margin-top: 10px;
  }
  .img-wraper {
    width: 160px;