| | |
| | | <template> |
| | | <InauiryTitle |
| | | :spec-cn="specCn" |
| | | title="非生产材单价登录" |
| | | @detailchange=" |
| | | () => { |
| | | emit('detailchange'); |
| | | } |
| | | " |
| | | :is-detail="props.isDetail" |
| | | > |
| | | <UnitPriceContent |
| | | v-for="(content, index) in Object.keys(groupContentList)" |
| | | :key="content" |
| | | :content="groupContentList[content]" |
| | | ></UnitPriceContent> |
| | | <ul |
| | | class="file-list" |
| | | v-for="(item, index) in Object.keys(fileContet)" |
| | | :key="index" |
| | | > |
| | | <li class="file-item">{{ item }}</li> |
| | | <li class="file-item"> |
| | | <ElLink |
| | | class="link-padding" |
| | | :href="computedRequest(fileContet[item].path)" |
| | | target="_blank" |
| | | >附件Ver:{{ fileContet[item].version }}.0</ElLink |
| | | > |
| | | </li> |
| | | <InauiryTitle :spec-cn="specCn" title="非生产材单价登录" @detailchange="() => { |
| | | emit('detailchange'); |
| | | } |
| | | " :is-detail="props.isDetail"> |
| | | <UnitPriceContent v-for="(content, index) in Object.keys(groupContentList)" :key="content" |
| | | :content="groupContentList[content]"></UnitPriceContent> |
| | | <ul> |
| | | <div class="file-list" v-for="(item, index) in fileList" :key="index"> |
| | | <li class="file-item">{{ item.name }}</li> |
| | | <li class="file-item"> |
| | | <ElLink class="link-padding" :href="item.path" target="_blank">附件Ver:{{ |
| | | item.version }}.0</ElLink> |
| | | </li> |
| | | </div> |
| | | </ul> |
| | | </InauiryTitle> |
| | | </template> |
| | |
| | | }); |
| | | return res; |
| | | }); |
| | | |
| | | const fileList = computed(() => { |
| | | return Object.keys(fileContet).map((item, index) => { |
| | | if (parseInt(fileContet[item].version) !== 0) { |
| | | return { |
| | | name: item, |
| | | path: computedRequest(fileContet[item].path), |
| | | version: fileContet[item].version |
| | | } |
| | | } |
| | | }).filter(item => item) |
| | | }); |
| | | |
| | | |
| | | |
| | | /** |
| | | * |
| | | * @param {string} str |
| | | */ |
| | | const computedRequest = (str) => { |
| | | let res = str.trim(); |
| | | return res.startsWith("http") |
| | | return res.startsWith("http") |
| | | ? res |
| | | : "/api/File/getShareFile?path=" + encodeURI(res); |
| | | }; |
| | |
| | | <style scoped> |
| | | .file-list { |
| | | display: flex; |
| | | |
| | | .file-item { |
| | | flex: 1; |
| | | flex-basis: 0; |
| | |
| | | margin-top: -1px; |
| | | margin-left: -1px; |
| | | text-align: center; |
| | | |
| | | &:first-child { |
| | | margin-left: 0px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .link-padding { |
| | | padding: 3px 6px; |
| | | display: inline-block; |