update 国内标准体系联调、车型项目库详情、用户新增编辑开启工号字段

2023-09-12 16:23:13 +08:00
parent 7b56d2e753
commit f6eacc1bcd
17 changed files with 729 additions and 323 deletions
@@ -0,0 +1,99 @@
+<template>
+  <a-spin :spinning="loading">
+    <div class="detail-container">
+      <div class="page-title">
+        <i class="iconfont icon-chexiao" @click="handleBack" />
+        <span class="page-title-text">{{ title }}</span>
+        <div class="custom-operate">
+          <slot name="titleRightCustom"></slot>
+        </div>
+      </div>
+      <div class="detail-content" :style="{padding: contentPadding + 'px'}">
+        <slot></slot>
+      </div>
+    </div>
+  </a-spin>
+</template>
+
+<script>
+
+export default {
+  name: 'InternalDetailPage',
+  props: {
+    // 页面标题
+    title: {
+      type: String,
+      required: false,
+      default: null
+    },
+    // 是否需要自定义返回方法
+    needCustomBackFunc: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    // 内容的内边距，默认是24
+    contentPadding: {
+      type: Number,
+      required: false,
+      default: 24
+    },
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  methods: {
+    handleBack () {
+      if (this.needCustomBackFunc) {
+        this.$emit('back')
+        return
+      }
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "~@/assets/less/common";
+
+.detail-container {
+  height: @page-content-h;
+  background-color: white;
+}
+
+.page-title {
+  height: 56px;
+  border-bottom: 1px solid #E5E6EB;
+  padding: 0 24px;
+  display: flex;
+  align-items: center;
+
+  .iconfont {
+    font-size: 24px;
+    color: @primary-color;
+    cursor: pointer;
+    margin-right: 12px;
+  }
+
+  &-text {
+    font-size: 16px;
+    font-family: PingFang SC-Medium, PingFang SC, sans-serif;
+    font-weight: bold;
+    color: #1D2129;
+    flex: 1;
+    display: inline-block;
+    width: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.detail-content {
+  height: calc(100% - 56px);
+  overflow: auto;
+}
+</style>
@@ -52,7 +52,9 @@ export default {
    dictCode: {
      immediate: true,
      handler () {
-        this.initDictData()
+        if (this.dictCode) {
+          this.initDictData()
+        }
      }
    }
  },