握手流程布局

虚拟清单细节处理
2022-04-22 11:56:27 +08:00
parent ed9ec17a36
commit 2401015313
5 changed files with 422 additions and 31 deletions
@@ -0,0 +1,113 @@
+<template>
+  <div class="box">
+    <div class="box-text">
+      <div class="header-text">
+        {{$t('standardContent')}}
+      </div>
+    </div>
+    <div class="content-text">
+      <div class="text-field" v-for="(item,index) in standardContentList" :key="index">
+        <span class="text-field-left" :title="item.title">{{item.title}}</span>
+        <span class="text-field-right"
+        >{{queryForm[item.value]}}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+
+  export default {
+    name: 'standardContent',
+    props: {
+      //   {title:'',value:'v-model的绑定值'}
+      standardContentList: {
+        type: Array,
+        default: []
+      },
+      //  需要参数urlFrom，获取数据去显示内容
+      url: {
+        type: Object,
+        default: {}
+      },
+      standardContentId: {
+        type: String,
+        default: ''
+      }
+    },
+    data() {
+      return {
+        queryForm: {}
+      }
+    },
+    mounted() {
+      // this.getQueryForm()
+    },
+    methods: {
+      getQueryForm() {
+        getAction(this.url.urlFrom, { id: this.projectInformationId }).then((res) => {
+          if (res.success) {
+            this.queryForm = res.result[0] || {}
+          } else {
+            this.queryForm = {}
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .box {
+    padding: 0 24px 24px 24px;
+    box-sizing: border-box;
+  }
+
+  .box-text {
+    display: flex;
+    justify-content: space-between;
+    height: 60px;
+    line-height: 40px;
+
+    .header-text {
+      font-size: 16px;
+      font-weight: 400;
+      color: #000F16;
+    }
+  }
+
+  .content-text {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+
+    .text-field {
+      width: 33%;
+      margin-bottom: 8px;
+
+      .text-field-left {
+        width: 124px;
+        display: inline-block;
+        font-size: 14px;
+        font-weight: 400;
+        color: #6F7385;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        margin-right: 24px;
+      }
+
+      .text-field-right {
+        width: calc(100% - 200px);
+        display: inline-block;
+        font-size: 16px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        color: #040B29;
+        font-weight: 400;
+      }
+    }
+  }
+</style>