单价登录样式修改

jiang_xin_yuyy

2024-08-12 33911f857caa67dac8a861ada803957dc35d7ea7

单价登录样式修改

 ISAM/isampage/src/components/InquiryTitle/index.vue

@@ -85,7 +85,6 @@
  border-left: none;
}
.num-container {
  border: 1px solid #000;
  border-top: none;
  color: #fff;
  background-color:#006dbb

 ISAM/isampage/src/components/UnitPrice/Content/index.vue

@@ -1,94 +1,86 @@
<template>
    <ul class="container">
      <li class="item">
        <div class="item-label bg1">备品编号{{ props.index }}</div>
        <div class="item-content" style="flex: 0 0 110px">
          {{ props.content[0]?.Item_CD }}
        </div>
        <div class="item-label bg2">品名</div>
        <div class="item-content" style="flex: 0 0 160px">
          {{ props.content[0]?.Item_Name }}
        </div>
        <div class="item-label bg2">型号</div>
        <div class="item-content">{{ props.content[0]?.SPEC_CN }}</div>
        <div class="item-label bg2" style="flex: 0 0 60px">单位</div>
        <div class="item-content" style="flex: 0 0 60px">
          {{ props.content[0]?.Package }}
        </div>
      </li>
      <li class="item" v-for="(item, index) in computedContent" :key="index">
        <div class="item-label bg3">合作伙伴简称</div>
        <div class="item-content" style="flex: 0 0 110px">
          {{ item.Request_Vend_Name_S }}
        </div>
        <div class="item-label bg3">
          单价Ver &nbsp; {{ item.Reply_Count }}.0
        </div>
        <div class="item-content" style="flex: 0 0 160px">
          {{ item.Unit_Price }}
        </div>
        <div class="item-label bg3">币种</div>
        <div class="item-content">{{ item.Currency8 }}</div>
        <div class="item-label bg3">折USD</div>
        <div class="item-content">{{ item.Exchange_Unit_Price }}</div>
        <div class="item-label bg3" style="flex: 0 0 60px">LT</div>
        <div class="item-content" style="flex: 0 0 60px">{{ item.LT }}</div>
      </li>
      <li class="item">
        <div
          class="item-label bg4"
          v-html="'<p>选定购入</p><p>合作伙伴</p>'"
        ></div>
        <div class="item-content" style="flex: 0 0 378px">
          {{ props.content[0]?.VEND_NAME }}
        </div>
        <div class="item-label bg4">品牌</div>
        <div class="item-content">{{ props.content[0]?.Brand }}</div>
        <div class="item-label bg4" style="flex: 0 0 60px">原产地</div>
        <div class="item-content" style="flex: 0 0 60px">
          {{ props.content[0]?.Origin }}
        </div>
      </li>
      <li class="item">
        <div class="item-label bg2">经费项目</div>
        <div class="item-content">
          {{ props.content[0]?.Cost_Name }}
          <span style="float: right; margin-right: 10%; color: #409eff">
            <a
              class="link-padding"
              v-if="props.content.filter((e) => e.Attach_File1).length"
              :href="
                props.content.filter((e) => e.Attach_File1)[0]?.Attach_File1
              "
              target="_blank"
              >附件1</a
            >
            <a
              class="link-padding"
              v-if="props.content.filter((e) => e.Attach_File2).length"
              :href="
                props.content.filter((e) => e.Attach_File2)[0]?.Attach_File2
              "
              target="_blank"
              >附件2</a
            >
            <a
              class="link-padding"
              v-if="props.content.filter((e) => e.Attach_File3).length"
              :href="
                props.content.filter((e) => e.Attach_File3)[0]?.Attach_File3
              "
              target="_blank"
              >附件3</a
            >
          </span>
        </div>
      </li>
      <li class="item">
        <div class="item-label bg5">备注</div>
        <div class="item-content">{{ props.content[0]?.Comment }}</div>
      </li>
    </ul>
  <ul class="container">
    <li class="item">
      <div class="item-label bg1">备品编号{{ props.index }}</div>
      <div class="item-content" style="flex: 0 0 110px">
        {{ props.content[0]?.Item_CD }}
      </div>
      <div class="item-label bg2">品名</div>
      <div class="item-content" style="flex: 0 0 160px">
        {{ props.content[0]?.Item_Name }}
      </div>
      <div class="item-label bg2">型号</div>
      <div class="item-content">{{ props.content[0]?.SPEC_CN }}</div>
      <div class="item-label bg2" style="flex: 0 0 60px">单位</div>
      <div class="item-content" style="flex: 0 0 60px">
        {{ props.content[0]?.Package }}
      </div>
    </li>
    <li class="item" v-for="(item, index) in computedContent" :key="index">
      <div class="item-label bg3">合作伙伴简称</div>
      <div class="item-content" style="flex: 0 0 110px">
        {{ item.Request_Vend_Name_S }}
      </div>
      <div class="item-label bg3">单价Ver &nbsp; {{ item.Reply_Count }}.0</div>
      <div class="item-content" style="flex: 0 0 160px">
        {{ item.Unit_Price }}
      </div>
      <div class="item-label bg3">币种</div>
      <div class="item-content">{{ item.Currency8 }}</div>
      <div class="item-label bg3">折USD</div>
      <div class="item-content">{{ item.Exchange_Unit_Price }}</div>
      <div class="item-label bg3" style="flex: 0 0 60px">LT</div>
      <div class="item-content" style="flex: 0 0 60px">{{ item.LT }}</div>
    </li>
    <li class="item">
      <div
        class="item-label bg4"
        v-html="'<p>选定购入</p><p>合作伙伴</p>'"
      ></div>
      <div class="item-content" style="flex: 0 0 378px">
        {{ props.content[0]?.VEND_NAME }}
      </div>
      <div class="item-label bg4">品牌</div>
      <div class="item-content">{{ props.content[0]?.Brand }}</div>
      <div class="item-label bg4" style="flex: 0 0 60px">原产地</div>
      <div class="item-content" style="flex: 0 0 60px">
        {{ props.content[0]?.Origin }}
      </div>
    </li>
    <li class="item">
      <div class="item-label bg2">经费项目</div>
      <div class="item-content">
        {{ props.content[0]?.Cost_Name }}
        <span style="float: right; margin-right: 10%; color: #409eff">
          <a
            class="link-padding"
            v-if="props.content.filter((e) => e.Attach_File1).length"
            :href="props.content.filter((e) => e.Attach_File1)[0]?.Attach_File1"
            target="_blank"
            >附件1</a
          >
          <a
            class="link-padding"
            v-if="props.content.filter((e) => e.Attach_File2).length"
            :href="props.content.filter((e) => e.Attach_File2)[0]?.Attach_File2"
            target="_blank"
            >附件2</a
          >
          <a
            class="link-padding"
            v-if="props.content.filter((e) => e.Attach_File3).length"
            :href="props.content.filter((e) => e.Attach_File3)[0]?.Attach_File3"
            target="_blank"
            >附件3</a
          >
        </span>
      </div>
    </li>
    <li class="item">
      <div class="item-label bg5">备注</div>
      <div class="item-content">{{ props.content[0]?.Comment }}</div>
    </li>
  </ul>
</template>

<script setup>
@@ -129,24 +121,26 @@
</script>

<style scoped lang="less">
.container{
.container {
  margin-bottom: 5px;
}
.item {
  display: flex;

  .item-label {
    border: 1px solid black;
    flex: 0 0 110px;
    margin: -1px -1px 0 0;
    margin-top: -1px;
    margin-left: -1px;
    text-align: center;
    align-content: center;
    border-collapse: collapse;
  }

  .item-content {
    border: 1px solid black;
    min-width: 10px;
    margin: -1px -1px 0 0;
    margin-top: -1px;
    margin-left: -1px;
    flex: 1 0 0;
    justify-content: center;
    align-content: center;
@@ -155,6 +149,7 @@
    white-space: normal;
    min-height: 40px;
    padding: 2px 5px;
    border-collapse: collapse;
  }

  .link-padding {

 ISAM/isampage/src/components/UnitPrice/index.vue

@@ -13,7 +13,7 @@
      v-for="(content, index) in Object.keys(groupContentList)"
      :key="content"
      :content="groupContentList[content]"
      :index="index"
      :index="index+1"
    ></UnitPriceContent>
    <ul>
      <div class="file-list" v-for="(item, index) in fileList" :key="index">
@@ -114,7 +114,7 @@
<style scoped>
.file-list {
  display: flex;

  border-collapse: collapse;
  .file-item {
    flex: 1;
    flex-basis: 0;
@@ -123,9 +123,10 @@
    margin-top: -1px;
    margin-left: -1px;
    text-align: center;

    border-collapse: collapse;
    &:first-child {
      margin-left: 0px;
      border-collapse: collapse;
    }
  }
}