|
|
@@ -223,7 +223,6 @@
|
|
|
value-format="YYYY-MM-DD"
|
|
|
style="width: 100%"
|
|
|
type="date"
|
|
|
- placeholder=""
|
|
|
></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="付款方式 :">
|
|
|
@@ -298,10 +297,11 @@
|
|
|
<tr>
|
|
|
<th class="product">品名</th>
|
|
|
<th class="quantity">数量</th>
|
|
|
- <th class="rate">价格</th>
|
|
|
+ <th class="rate">价格 ({{ currentCurrency.label }})</th>
|
|
|
<th class="requirement">中文品目|要求</th>
|
|
|
<th class="amount">金额</th>
|
|
|
<th class="discount">折扣</th>
|
|
|
+ <th class="warehouse">Warehouse</th>
|
|
|
<th class="action">操作</th>
|
|
|
</tr>
|
|
|
<tr
|
|
|
@@ -310,7 +310,6 @@
|
|
|
>
|
|
|
<td class="product">
|
|
|
<el-form-item
|
|
|
- label=""
|
|
|
label-width="0"
|
|
|
:prop="'productList.' + index + '.id'"
|
|
|
:rules="{
|
|
|
@@ -343,7 +342,6 @@
|
|
|
</td>
|
|
|
<td class="quantity">
|
|
|
<el-form-item
|
|
|
- label=""
|
|
|
label-width="0"
|
|
|
:prop="'productList.' + index + '.quantity'"
|
|
|
:rules="{
|
|
|
@@ -362,7 +360,6 @@
|
|
|
</td>
|
|
|
<td class="rate">
|
|
|
<el-form-item
|
|
|
- label=""
|
|
|
label-width="0"
|
|
|
:prop="'productList.' + index + '.rate'"
|
|
|
:rules="{
|
|
|
@@ -400,6 +397,29 @@
|
|
|
@change="(e) => onInputChange(e, product, 'discount')"
|
|
|
></el-input>
|
|
|
</td>
|
|
|
+ <td class="">
|
|
|
+ <el-form-item
|
|
|
+ label-width="0"
|
|
|
+ :prop="'productList.' + index + '.Warehouse'"
|
|
|
+ :rules="{
|
|
|
+ required: product.CF_Product_Type === 'Stock',
|
|
|
+ message: '必填项',
|
|
|
+ trigger: ['blur', 'change'],
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="product.Warehouse"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="v in warehouseList"
|
|
|
+ :key="v"
|
|
|
+ :label="v"
|
|
|
+ :value="v"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </td>
|
|
|
<td class="action">
|
|
|
<el-button
|
|
|
size="small"
|
|
|
@@ -632,7 +652,9 @@
|
|
|
>
|
|
|
<div class="flex items-stretch">
|
|
|
<div class="flex flex-col items-stretch">
|
|
|
- <div class="column-item flex-auto flex justify-center">制作要求</div>
|
|
|
+ <div class="column-item flex-auto flex justify-center">
|
|
|
+ 制作要求
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="flex-auto flex flex-col items-stretch">
|
|
|
<div
|
|
|
@@ -832,7 +854,7 @@
|
|
|
中文品目|要求
|
|
|
</th>
|
|
|
<th>数量</th>
|
|
|
- <th>价格</th>
|
|
|
+ <th>价格 ({{ currentCurrency.label }})</th>
|
|
|
<th>金额</th>
|
|
|
</tr>
|
|
|
<tr
|
|
|
@@ -991,7 +1013,9 @@
|
|
|
>
|
|
|
<div class="flex flex-col items-stretch">
|
|
|
<div class="column-item flex justify-center">制作要求</div>
|
|
|
- <div class="flex-auto column-item flex justify-center">产品外观要求</div>
|
|
|
+ <div class="flex-auto column-item flex justify-center">
|
|
|
+ 产品外观要求
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="flex-auto flex flex-col items-stretch">
|
|
|
<div
|
|
|
@@ -1015,7 +1039,9 @@
|
|
|
>
|
|
|
<div class="flex items-stretch">
|
|
|
<div class="flex flex-col items-stretch">
|
|
|
- <div class="column-item flex-auto flex justify-center">制作要求</div>
|
|
|
+ <div class="column-item flex-auto flex justify-center">
|
|
|
+ 制作要求
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="flex-auto flex flex-col items-stretch">
|
|
|
<div
|
|
|
@@ -1087,7 +1113,6 @@
|
|
|
<img
|
|
|
v-if="computedCompany.signPath"
|
|
|
:src="computedCompany.signPath"
|
|
|
- alt=""
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1107,7 +1132,6 @@
|
|
|
class="pdf-wrap"
|
|
|
>
|
|
|
<div
|
|
|
- id=""
|
|
|
ref="pdfElement2"
|
|
|
class="preview-area2"
|
|
|
>
|
|
|
@@ -1307,7 +1331,6 @@
|
|
|
<img
|
|
|
v-if="computedCompany.signPath"
|
|
|
:src="computedCompany.signPath"
|
|
|
- alt=""
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1320,11 +1343,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
-<script lang="ts">
|
|
|
-export default defineComponent({
|
|
|
- name: 'PurchaseOrderEdit',
|
|
|
-})
|
|
|
-</script>
|
|
|
+
|
|
|
<script lang="ts" setup>
|
|
|
import { computed, defineComponent, ref, unref, watch } from 'vue'
|
|
|
import { useRoute } from 'vue-router'
|
|
|
@@ -1344,7 +1363,7 @@ import {
|
|
|
ElRadio,
|
|
|
ElMessageBox,
|
|
|
} from 'element-plus'
|
|
|
-import type { FormInstance, FormRules } from 'element-plus'
|
|
|
+import type { FormInstance } from 'element-plus'
|
|
|
import { ShoppingCart, FolderAdd, Switch } from '@element-plus/icons-vue'
|
|
|
import request from '@/utils/axios'
|
|
|
import dayjs from 'dayjs'
|
|
|
@@ -1354,16 +1373,31 @@ import utils from '@/utils/index'
|
|
|
import variables from '@/assets/css/var.module.scss'
|
|
|
import {
|
|
|
ServiceTypeKeyEnum,
|
|
|
- TypeService,
|
|
|
ISelectItem,
|
|
|
IProductItem,
|
|
|
IUser,
|
|
|
- ICompanyItem,
|
|
|
IVendorItem,
|
|
|
IRecommandVendor,
|
|
|
IForm,
|
|
|
} from '@/interface'
|
|
|
-
|
|
|
+import {
|
|
|
+ currencyList,
|
|
|
+ orderTypeList,
|
|
|
+ formRule,
|
|
|
+ emptyProductItem,
|
|
|
+ PrimePacList,
|
|
|
+ companyList,
|
|
|
+ serviceRule,
|
|
|
+ appendixData,
|
|
|
+ warehouseList,
|
|
|
+ productBlackList,
|
|
|
+ PrimePacSoftRuleTableData2,
|
|
|
+ PrimePacSoftRuleTableData1,
|
|
|
+ PrimePacCommonRuleTableData,
|
|
|
+} from './const'
|
|
|
+defineComponent({
|
|
|
+ name: 'PurchaseOrderEdit',
|
|
|
+})
|
|
|
computed(() => {
|
|
|
return variables
|
|
|
})
|
|
|
@@ -1392,7 +1426,7 @@ const checkForm = function (formEl: FormInstance | undefined) {
|
|
|
const submit = () => {
|
|
|
loading.value = true
|
|
|
createPurchaseOrders()
|
|
|
- .then((res) => {
|
|
|
+ .then(() => {
|
|
|
// console.log(res)
|
|
|
getPurchaseOrdersData()
|
|
|
.then(() => {
|
|
|
@@ -1470,7 +1504,7 @@ const generatePDF = (ele = pdfElement, isFirstTime = true) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
+ return new Promise((resolve) => {
|
|
|
html2canvas(imageWrapper, {
|
|
|
allowTaint: true,
|
|
|
useCORS: true,
|
|
|
@@ -1529,9 +1563,6 @@ const generatePDF = (ele = pdfElement, isFirstTime = true) => {
|
|
|
// .then(() => {
|
|
|
resolve(true)
|
|
|
// })
|
|
|
- // .catch((e) => {
|
|
|
- // reject(e)
|
|
|
- // })
|
|
|
// 本地备份一下
|
|
|
pdf.save(fileName + '.pdf')
|
|
|
})
|
|
|
@@ -1548,52 +1579,52 @@ const isSplit = function (nodes: any, index: number, pageHeight: number) {
|
|
|
}
|
|
|
return false
|
|
|
}
|
|
|
-const sendPDF = function (file: string, filename = `attachment_file`) {
|
|
|
- const temp = file.split(',')
|
|
|
- // @ts-ignore: Object is possibly 'null'.
|
|
|
- const mimeType = temp[0].match(/:(.*?);/)[1]
|
|
|
- let extName = mimeType.split('/')[1]
|
|
|
- let bstr = window.atob(temp[1])
|
|
|
- let n = bstr.length
|
|
|
- let result = new Uint8Array(n)
|
|
|
-
|
|
|
- while (n--) {
|
|
|
- result[n] = bstr.charCodeAt(n)
|
|
|
- }
|
|
|
-
|
|
|
- const data = {
|
|
|
- id: POID.value,
|
|
|
- file: new File([result], `${filename}.${extName}`, { type: mimeType }),
|
|
|
- }
|
|
|
-
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- request
|
|
|
- .post('/Purchase_orders/uploadAttachmentFile', data, {
|
|
|
- headers: {
|
|
|
- 'Content-Type': 'multipart/form-data',
|
|
|
- },
|
|
|
- })
|
|
|
- .then((response) => {
|
|
|
- if (response.data.code !== 1) {
|
|
|
- const msg = '自动创建附件失败'
|
|
|
-
|
|
|
- ElNotification({ duration: 0, title: msg, type: 'error' })
|
|
|
- reject(msg)
|
|
|
- return
|
|
|
- }
|
|
|
- ElNotification({
|
|
|
- duration: 0,
|
|
|
- title: '自动创建 PDF 成功',
|
|
|
- type: 'success',
|
|
|
- })
|
|
|
-
|
|
|
- resolve(true)
|
|
|
- })
|
|
|
- .catch((e) => {
|
|
|
- reject(e)
|
|
|
- })
|
|
|
- })
|
|
|
-}
|
|
|
+// const sendPDF = function (file: string, filename = `attachment_file`) {
|
|
|
+// const temp = file.split(',')
|
|
|
+// // @ts-ignore: Object is possibly 'null'.
|
|
|
+// const mimeType = temp[0].match(/:(.*?);/)[1]
|
|
|
+// let extName = mimeType.split('/')[1]
|
|
|
+// let bstr = window.atob(temp[1])
|
|
|
+// let n = bstr.length
|
|
|
+// let result = new Uint8Array(n)
|
|
|
+
|
|
|
+// while (n--) {
|
|
|
+// result[n] = bstr.charCodeAt(n)
|
|
|
+// }
|
|
|
+
|
|
|
+// const data = {
|
|
|
+// id: POID.value,
|
|
|
+// file: new File([result], `${filename}.${extName}`, { type: mimeType }),
|
|
|
+// }
|
|
|
+
|
|
|
+// return new Promise((resolve, reject) => {
|
|
|
+// request
|
|
|
+// .post('/Purchase_orders/uploadAttachmentFile', data, {
|
|
|
+// headers: {
|
|
|
+// 'Content-Type': 'multipart/form-data',
|
|
|
+// },
|
|
|
+// })
|
|
|
+// .then((response) => {
|
|
|
+// if (response.data.code !== 1) {
|
|
|
+// const msg = '自动创建附件失败'
|
|
|
+
|
|
|
+// ElNotification({ duration: 0, title: msg, type: 'error' })
|
|
|
+// reject(msg)
|
|
|
+// return
|
|
|
+// }
|
|
|
+// ElNotification({
|
|
|
+// duration: 0,
|
|
|
+// title: '自动创建 PDF 成功',
|
|
|
+// type: 'success',
|
|
|
+// })
|
|
|
+
|
|
|
+// resolve(true)
|
|
|
+// })
|
|
|
+// .catch((e) => {
|
|
|
+// reject(e)
|
|
|
+// })
|
|
|
+// })
|
|
|
+// }
|
|
|
|
|
|
const createPurchaseOrders = function () {
|
|
|
const data = JSON.parse(JSON.stringify(unref(form)))
|
|
|
@@ -1619,7 +1650,6 @@ const createPurchaseOrders = function () {
|
|
|
name: computedVendor.value.label,
|
|
|
}
|
|
|
|
|
|
- // console.log(data.Related_Sales_Order, 'ddd')
|
|
|
data.Related_Sales_Order = {
|
|
|
id: form.value.saleOrderId,
|
|
|
name: form.value.Title,
|
|
|
@@ -1627,6 +1657,7 @@ const createPurchaseOrders = function () {
|
|
|
|
|
|
data.Purchase_Items = data.productList.map((item: any) => {
|
|
|
return {
|
|
|
+ Warehouse: item.Warehouse || '',
|
|
|
Quantity: item.quantity,
|
|
|
Discount: item.discount || 0,
|
|
|
List_Price: item.rate,
|
|
|
@@ -1653,14 +1684,14 @@ const createPurchaseOrders = function () {
|
|
|
}
|
|
|
})
|
|
|
if (data.productList) delete data.productList
|
|
|
- // console.log(data, 'create po params')
|
|
|
+
|
|
|
return new Promise((resolve, reject) => {
|
|
|
request
|
|
|
.post('/Purchase_orders/createPurchaseOrders', data, {})
|
|
|
.then((response) => {
|
|
|
if (response.data.code !== 1) return
|
|
|
const res = response.data.result
|
|
|
- // console.log(res, 'create po')
|
|
|
+
|
|
|
if (res.data && res.data.length && res.data[0].code === 'SUCCESS') {
|
|
|
POID.value = res.data[0].details?.id || ''
|
|
|
resolve(res.data[0].details?.id)
|
|
|
@@ -1709,55 +1740,12 @@ const getPurchaseOrdersData = function () {
|
|
|
})
|
|
|
}
|
|
|
|
|
|
-const currencyList = ref([
|
|
|
- {
|
|
|
- label: 'AUD',
|
|
|
- symbol: '',
|
|
|
- country: '',
|
|
|
- },
|
|
|
- {
|
|
|
- label: 'NZD',
|
|
|
- symbol: '',
|
|
|
- country: '',
|
|
|
- },
|
|
|
- {
|
|
|
- label: 'CNY',
|
|
|
- symbol: '¥',
|
|
|
- country: 'CN',
|
|
|
- },
|
|
|
- {
|
|
|
- label: 'GBP',
|
|
|
- symbol: '',
|
|
|
- country: '',
|
|
|
- },
|
|
|
- {
|
|
|
- label: 'EUR',
|
|
|
- symbol: '',
|
|
|
- country: '',
|
|
|
- },
|
|
|
- {
|
|
|
- label: 'USD',
|
|
|
- symbol: '',
|
|
|
- country: '',
|
|
|
- },
|
|
|
-])
|
|
|
const currentCurrency = computed(() => {
|
|
|
const temp = currencyList.value.filter((i) => i.label === form.value.Currency)
|
|
|
// 2是人民币
|
|
|
return temp.length ? temp[0] : temp[2]
|
|
|
})
|
|
|
|
|
|
-let orderTypeList = ref([
|
|
|
- // {
|
|
|
- // label: '-None-',
|
|
|
- // },
|
|
|
- {
|
|
|
- label: '打样',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '大货',
|
|
|
- },
|
|
|
-])
|
|
|
const form = ref<IForm>({
|
|
|
Order_Type: '',
|
|
|
Artwork_Link: '',
|
|
|
@@ -1808,90 +1796,14 @@ const form = ref<IForm>({
|
|
|
Delivery_Details: '',
|
|
|
})
|
|
|
|
|
|
-const formRule = ref<FormRules>({
|
|
|
- Order_Type: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '必填项',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ],
|
|
|
- Artwork_Link: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '必填项',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ],
|
|
|
- PO_Date: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '必填项',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ],
|
|
|
- // saleOrderId: [
|
|
|
- // {
|
|
|
- // required: true,
|
|
|
- // message: '必填项',
|
|
|
- // trigger: 'blur',
|
|
|
- // },
|
|
|
- // ],
|
|
|
- field7: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '必填项',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ],
|
|
|
- field8: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '必填项',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ],
|
|
|
- field6: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '必填项',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ],
|
|
|
- currentVendor: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '必填项',
|
|
|
- trigger: 'change',
|
|
|
- },
|
|
|
- ],
|
|
|
-})
|
|
|
-
|
|
|
-const emptyProductItem = {
|
|
|
- label: '',
|
|
|
- value: '',
|
|
|
- candidate: [],
|
|
|
- name: '',
|
|
|
- desc: '',
|
|
|
- id: '',
|
|
|
- quantity: '',
|
|
|
- rate: '',
|
|
|
- requirement: '',
|
|
|
- // 未计算优惠(discount)之前的总额
|
|
|
- amount: 0,
|
|
|
- // 优惠额度
|
|
|
- discount: '',
|
|
|
-}
|
|
|
const addRow = function () {
|
|
|
form.value.productList.push(JSON.parse(JSON.stringify(emptyProductItem)))
|
|
|
}
|
|
|
const keyNeedCompute = ['quantity', 'rate']
|
|
|
const onInputChange = function (e: any, obj: IProductItem, key: string) {
|
|
|
- // console.log(e, 'input value before enfore change')
|
|
|
if (typeof e === 'string') {
|
|
|
if (e.length) {
|
|
|
// 强制转换为数字类型
|
|
|
- // obj[key] = Math.round(utils.multiply(Number(e))) / 100
|
|
|
obj[key] = Math.round(utils.multiply(Number(e), 1000)) / 1000
|
|
|
// 计算每行的总额
|
|
|
if (keyNeedCompute.includes(key)) {
|
|
|
@@ -1907,10 +1819,14 @@ const onProductSelect = function (e: any, product: IProductItem) {
|
|
|
const temp = product.candidate.filter((i) => i.value === e)
|
|
|
if (temp.length) {
|
|
|
product.name = temp[0].label
|
|
|
- product.Product_Code = temp[0].Product_Code
|
|
|
+ product.Product_Code = temp[0].Product_Code // 没有传出去, 实际上没用, 在本页面处于废弃状态
|
|
|
}
|
|
|
getProductData(product.id).then((ctx) => {
|
|
|
- product.requirement = ctx || ''
|
|
|
+ product.requirement =
|
|
|
+ userInfo.value.Organization === 'PrimePac'
|
|
|
+ ? '产品名称：\n尺寸：\n材质：\n工艺：\n颜色：\n其他备注：'
|
|
|
+ : ctx.CF3 || ''
|
|
|
+ product.CF_Product_Type = ctx.CF_Product_Type || ''
|
|
|
})
|
|
|
} else {
|
|
|
product.name = ''
|
|
|
@@ -2063,79 +1979,6 @@ const getSearchData = async function (p: any) {
|
|
|
})
|
|
|
}
|
|
|
|
|
|
-const getPath = function (path: string) {
|
|
|
- return new URL(path, import.meta.url).href
|
|
|
-}
|
|
|
-// 用于切换合同模版. Promo Collection 用户组使用.
|
|
|
-const companyList = ref<ICompanyItem[]>([
|
|
|
- {
|
|
|
- id: 'PC',
|
|
|
- label: 'PC',
|
|
|
- name: '澳之原贸易有限公司',
|
|
|
- addr: 'UNIT 12,21/F WAYSON COMM BLDG NO 28 CONNAUGHT RD WEST SHEUNG WAN,HK',
|
|
|
- phone: '020-81609790',
|
|
|
- signPath: getPath('/assets/sign/AZY.png'),
|
|
|
- },
|
|
|
- // {
|
|
|
- // id: 'Pangea',
|
|
|
- // label: 'Pangea',
|
|
|
- // name: '庞吉亚国际商务服务（广州）有限公司',
|
|
|
- // addr: '广州市越秀区八旗二马路48号内自编1号主楼自编1605、1606房',
|
|
|
- // phone: '020-81609790',
|
|
|
- // fax: '020-81519492',
|
|
|
- // signPath: getPath('/assets/sign/Pangea.png'),
|
|
|
- // },
|
|
|
- {
|
|
|
- id: 'PangeaTaxReimbursement',
|
|
|
- label: 'Pangea_退税版',
|
|
|
- name: '庞吉亚国际商务服务（广州）有限公司',
|
|
|
- addr: '广州市越秀区八旗二马路48号内自编1号主楼901、903、1307、1605、1606房',
|
|
|
- phone: '020-81609790',
|
|
|
- fax: '020-81519492',
|
|
|
- // 名字叫退税版, 实际上合同没有第二份pdf. 判断是否退税版的依据是键名存在与否, 而不是这个值的真假
|
|
|
- taxReimbursement: false,
|
|
|
- signPath: getPath('/assets/sign/Pangea.png'),
|
|
|
- },
|
|
|
- // {
|
|
|
- // id: 'AZYTaxReimbursement',
|
|
|
- // label: 'AZY_退税版',
|
|
|
- // name: '澳之原贸易有限公司',
|
|
|
- // addr: 'UNIT 12,21/F WAYSON COMM BLDG NO 28 CONNAUGHT RD WEST SHEUNG WAN,HK',
|
|
|
- // phone: '020-81609790',
|
|
|
- // taxReimbursement: true,
|
|
|
- // signPath: getPath('/assets/sign/AZY.png'),
|
|
|
- // },
|
|
|
- {
|
|
|
- id: 'FOTTaxReimbursement',
|
|
|
- label: 'FOT_退税版',
|
|
|
- name: 'FAIR OCEAN TRADING AUSTRALIA PTY.LTD',
|
|
|
- addr: '15/10 Chilvers Road, Thornleigh, NSW 2120',
|
|
|
- phone: '020-81609790',
|
|
|
- taxReimbursement: true,
|
|
|
- signPath: getPath('/assets/sign/FOT.png'),
|
|
|
- },
|
|
|
-])
|
|
|
-
|
|
|
-// 用于切换合同模版. PrimePac 用户组的模版
|
|
|
-const PrimePacList = ref<ICompanyItem[]>([
|
|
|
- {
|
|
|
- id: 'PrimePacCommon',
|
|
|
- label: 'PrimePac Purchase order 通用版',
|
|
|
- name: '澳之原贸易有限公司',
|
|
|
- addr: 'UNIT 12,21/F WAYSON COMM BLDG NO 28 CONNAUGHT RD WEST SHEUNG WAN,HK',
|
|
|
- phone: '020-81609790',
|
|
|
- signPath: getPath('/assets/sign/AZY.png'),
|
|
|
- },
|
|
|
- {
|
|
|
- id: 'PrimePacSoft',
|
|
|
- label: 'PrimePac Purchase order 软包版',
|
|
|
- name: '澳之原贸易有限公司',
|
|
|
- addr: 'UNIT 12,21/F WAYSON COMM BLDG NO 28 CONNAUGHT RD WEST SHEUNG WAN,HK',
|
|
|
- phone: '020-81609790',
|
|
|
- signPath: getPath('/assets/sign/AZY.png'),
|
|
|
- },
|
|
|
-])
|
|
|
-
|
|
|
const computedCompanyList = computed(() => {
|
|
|
return userInfo.value.Organization === 'PrimePac'
|
|
|
? PrimePacList.value
|
|
|
@@ -2159,89 +2002,6 @@ const onCompanyTemplateChange = function () {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-// 合同的服务条款
|
|
|
-const serviceRule = ref<TypeService>({
|
|
|
- PC: [
|
|
|
- '一、本采购订单签署原件一式两份，双方各持一份。',
|
|
|
- '二、验收标准:按乙方所寄样板及国家出口标准作为验收标准。',
|
|
|
- '三、交货期限:交货期限必须严格执行。',
|
|
|
- '四、交货地点:甲方广州公司地址,如上收货地址。',
|
|
|
- '五、付款方式:甲方通过银行转帐的方式付款,乙方账户信息如上。',
|
|
|
- '六、如因未能按上述标准及期限交货而产生经济损失，将由乙方承担。',
|
|
|
- '七、凡因执行本合同所发生的或与本合同有关的一切争议，如经友好协商不能解决时，交由广州当地法院进行判决。',
|
|
|
- ],
|
|
|
- Pangea: [
|
|
|
- '一、本采购订单签署原件一式两份，双方各持一份。',
|
|
|
- '二、验收标准:按乙方所寄样板及国家出口标准作为验收标准。',
|
|
|
- '三、交货期限:交货期限必须严格执行。',
|
|
|
- '四、交货地点:甲方广州公司地址,如上收货地址。',
|
|
|
- '五、付款方式:甲方通过银行转帐的方式付款,乙方账户信息如上。',
|
|
|
- '六、如因未能按上述标准及期限交货而产生经济损失，将由乙方承担。',
|
|
|
- '七、凡因执行本合同所发生的或与本合同有关的一切争议，如经友好协商不能解决时，交由广州当地法院进行判决。',
|
|
|
- ],
|
|
|
- PangeaTaxReimbursement: [
|
|
|
- '三、本采购订单签署原件一式两份，双方各持一份。',
|
|
|
- '四、验收标准:按乙方所寄样板及国家出口标准作为验收标准。',
|
|
|
- '五、交货期限:交货期限必须严格执行。',
|
|
|
- '六、交货地点: 广州市越秀区八旗二马路48号航运大厦1605、1606房',
|
|
|
- '七、付款方式:甲方通过银行转帐的方式付款,乙方账户信息如上。',
|
|
|
- '八、如因未能按上述标准及期限交货而产生经济损失，将由乙方承担。',
|
|
|
- '九、凡因执行本合同所发生的或与本合同有关的一切争议，如经友好协商不能解决时，交由广州当地法院进行判决。',
|
|
|
- '十、我司开票资料:',
|
|
|
- '账户名称:庞吉亚国际商务服务(广州)有限公司',
|
|
|
- '统一社会代码:91440101MA9XUQNB4B',
|
|
|
- '公司地址:广州市越秀区八旗二马路48号内自编1号主楼16楼自编1605、1606房 ',
|
|
|
- '公司电话:81609790',
|
|
|
- '基本账户:中国光大银行股份有限公司广州分行越秀支行',
|
|
|
- '账户号码:77910180803936888',
|
|
|
- '开户银行地址:广州市越秀区文德南路69号',
|
|
|
- ],
|
|
|
- AZYTaxReimbursement: [
|
|
|
- '一、本采购订单签署原件一式两份，双方各持一份。',
|
|
|
- '二、验收标准:按乙方所寄样板及国家出口标准作为验收标准。',
|
|
|
- '三、交货期限:交货期限必须严格执行。',
|
|
|
- '四、收货地址:澳竣元代收，广州市越秀区八旗二马路48号航运大厦1902房。',
|
|
|
- '五、付款方式:甲方通过银行转帐的方式付款,乙方账户信息如上。',
|
|
|
- '六、如因未能按上述标准及期限交货而产生经济损失，将由乙方承担。',
|
|
|
- '七、凡因执行本合同所发生的或与本合同有关的一切争议，如经友好协商不能解决时，交由广州当地法院进行判决。',
|
|
|
- ],
|
|
|
- FOTTaxReimbursement: [
|
|
|
- '一、本采购订单签署原件一式两份，双方各持一份。',
|
|
|
- '二、验收标准:按乙方所寄样板及国家出口标准作为验收标准。',
|
|
|
- '三、交货期限:交货期限必须严格执行。',
|
|
|
- '四、收货地址:澳竣元代收，广州市越秀区八旗二马路48号航运大厦1902房。',
|
|
|
- '五、付款方式:甲方通过银行转帐的方式付款,乙方账户信息如上。',
|
|
|
- '六、如因未能按上述标准及期限交货而产生经济损失，将由乙方承担。',
|
|
|
- '七、凡因执行本合同所发生的或与本合同有关的一切争议，如经友好协商不能解决时，交由广州当地法院进行判决。',
|
|
|
- ],
|
|
|
- PrimePacCommon: [
|
|
|
- '八、质量承诺：如甲方自收到货品之日起一个月内发现货品存在不符合合同约定的瑕疵，乙方应无条件包退包换，承担违约责任。承担违约需双方进行协商，达成解决方案。',
|
|
|
- '九、如因未能按上述标准及期限交货而产生经济损失，将由乙方承担。',
|
|
|
- '十、其他事项：',
|
|
|
- {
|
|
|
- value:
|
|
|
- '1. 乙方应确保最终实际生产数量在合约确定数量±5%以内，同时提供一定数量的备品用于更换运输途中可能出现的损坏品。',
|
|
|
- },
|
|
|
- {
|
|
|
- value:
|
|
|
- '2. 乙方若预计交货时间将出现延误，应立刻通知甲方，与甲方另行约定发货时间并得到甲方确认。如乙方无法确定时间或再度延期，并未告知甲方合理延期原因，甲方有权要求乙方承当相应的违约责任并赔偿甲方相应损失。',
|
|
|
- },
|
|
|
- '十一、凡因执行本合同所发生的或与本合同有关的一切争议，如经友好协商不能解决时，交由广州当地法院进行判决。',
|
|
|
- ],
|
|
|
- PrimePacSoft: [], // 跟 PrimePacCommon 完全相同
|
|
|
-})
|
|
|
-
|
|
|
-const appendixData: any[] = [
|
|
|
- '产品制作要求及质量检验标准：',
|
|
|
- {
|
|
|
- value:
|
|
|
- '1、乙方必须严格按甲方要求或产品销售国家/产品出口国最新的相关国家、行业标准对产品质量进行监控和检验。如在现场检验中发现乙方提供的产品不符合合同约定或与样板不符，乙方应在甲方要求的期限内补足、更换。补足、更换后的产品应符合合同要求。',
|
|
|
- },
|
|
|
- {
|
|
|
- value:
|
|
|
- '2、出货前甲方对合同项下产品按GB/T2828.1—2012抽样方法进行抽检，采用Ⅱ级检验水准，AQL值为：严重质量缺陷=1.0，重要质量缺陷=2.5，轻微质量缺陷=4.0 作为标准, 若检验不合格，甲方有权拒收整批货品。乙方应及时采取有效的措施补救，确保合同项下产品在合同交货期内按质、按量交货。如发生延误，则按本合同第七条的约定处理。',
|
|
|
- },
|
|
|
-]
|
|
|
const currentServiceRule = computed(() => {
|
|
|
if (currentCompany.value === 'PrimePacSoft') {
|
|
|
return serviceRule.value['PrimePacCommon']
|
|
|
@@ -2274,7 +2034,6 @@ loading.value = true
|
|
|
const p1 = request
|
|
|
.post('/common/getfieldsData')
|
|
|
.then((response: any) => {
|
|
|
- // console.log(response, '/common/getfieldsData')
|
|
|
const res = response.data.result
|
|
|
|
|
|
orderTypeList.value = res.Order_Type_lists.map((i: string) => {
|
|
|
@@ -2308,7 +2067,6 @@ const p1 = request
|
|
|
})
|
|
|
|
|
|
const route = useRoute()
|
|
|
-const productBlackList = ['4791186000046982872', '4791186000046982896']
|
|
|
const soOwner = ref('')
|
|
|
// 获取销售订单详情
|
|
|
const p2 = request
|
|
|
@@ -2323,9 +2081,35 @@ const getAccountsData = async (id: string) =>
|
|
|
const res = response.data
|
|
|
if (res.code !== 1) return
|
|
|
if (res.result.User_Notes && res.result.User_Notes.length) {
|
|
|
- ElMessageBox.alert(res.result.User_Notes, '', {
|
|
|
+ ElMessageBox.confirm(res.result.User_Notes, '', {
|
|
|
+ confirmButtonText: '将此备注添加到合同',
|
|
|
+ cancelButtonText: '已知悉',
|
|
|
+ type: 'warning',
|
|
|
showClose: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ closeOnClickModal: false,
|
|
|
+ autofocus: false,
|
|
|
})
|
|
|
+ .then(() => {
|
|
|
+ // 迭代3 需求. 固定填充一行.
|
|
|
+ form.value.productList.push(
|
|
|
+ Object.assign({}, emptyProductItem, {
|
|
|
+ requirement: res.result.User_Notes || '',
|
|
|
+ quantity: 1,
|
|
|
+ rate: 0,
|
|
|
+ id: '4791186000172849436',
|
|
|
+ name: 'User Notes',
|
|
|
+ CF_Product_Type: '',
|
|
|
+ candidate: [
|
|
|
+ {
|
|
|
+ label: 'User Notes',
|
|
|
+ value: '4791186000172849436',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ }),
|
|
|
+ )
|
|
|
+ })
|
|
|
+ .catch(() => {})
|
|
|
}
|
|
|
})
|
|
|
const getProductData = async (id: string) =>
|
|
|
@@ -2350,11 +2134,7 @@ const getProductData = async (id: string) =>
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- if (userInfo.value.Organization === 'PrimePac') {
|
|
|
- return '产品名称：\n尺寸：\n材质：\n工艺：\n颜色：\n其他备注：'
|
|
|
- } else {
|
|
|
- return res.result?.CF3 || ''
|
|
|
- }
|
|
|
+ return res.result
|
|
|
})
|
|
|
|
|
|
const recommandVendor = ref<IRecommandVendor[]>([])
|
|
|
@@ -2389,15 +2169,8 @@ const p3 = request
|
|
|
}
|
|
|
})
|
|
|
|
|
|
-Promise.all([
|
|
|
- p1,
|
|
|
- p2,
|
|
|
- p3,
|
|
|
- getAccountsData,
|
|
|
- // getRecommamdSupplier(route.params.id as string),
|
|
|
-])
|
|
|
+Promise.all([p1, p2, p3, getAccountsData])
|
|
|
.then((array: any[]) => {
|
|
|
- // console.log(array, 'all res')
|
|
|
// p2的数据处理逻辑从原本的p2then移动到这里处理.
|
|
|
// 因为要根据p3用户数据的Organization 来填充产品列表里面的 requirement, 这步处理必须放在p3后面, 而p2 p3是并发操作.
|
|
|
if (array[1].data.code !== 1) return
|
|
|
@@ -2429,6 +2202,7 @@ Promise.all([
|
|
|
recommandVendor.value = []
|
|
|
temp.forEach((item: any) => {
|
|
|
getProductData(item.product.id).then((ctx) => {
|
|
|
+ console.log(ctx, 'product ctx')
|
|
|
form.value.productList.push(
|
|
|
Object.assign({}, emptyProductItem, {
|
|
|
candidate: [
|
|
|
@@ -2445,7 +2219,11 @@ Promise.all([
|
|
|
value: item.product.id,
|
|
|
desc: item.product_description || '',
|
|
|
quantity: Number(item.quantity),
|
|
|
- requirement: ctx || '',
|
|
|
+ requirement:
|
|
|
+ userInfo.value.Organization === 'PrimePac'
|
|
|
+ ? '产品名称：\n尺寸：\n材质：\n工艺：\n颜色：\n其他备注：'
|
|
|
+ : ctx.CF3 || '',
|
|
|
+ CF_Product_Type: ctx.CF_Product_Type,
|
|
|
}),
|
|
|
)
|
|
|
})
|
|
|
@@ -2454,90 +2232,6 @@ Promise.all([
|
|
|
.finally(() => {
|
|
|
loading.value = false
|
|
|
})
|
|
|
-
|
|
|
-interface PrimePacTable {
|
|
|
- project: string
|
|
|
- method: string
|
|
|
-}
|
|
|
-
|
|
|
-const PrimePacCommonRuleTableData = [
|
|
|
- {
|
|
|
- project: '检验项目',
|
|
|
- method: '产品质量检测方法与标准',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '尺寸',
|
|
|
- method: '参考上述产品尺寸',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '印刷',
|
|
|
- method:
|
|
|
- '1、成品整洁，无明显印刷瑕疵范畴的脏污、残缺、刀丝；\n2、文字印刷清晰完整，印迹边缘光洁，渐变区域清晰均匀；\n3、无明显变形和残缺，套印基本准确，同色之间基本无色差；',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '复合',
|
|
|
- method: '无明显气泡，无分层',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '表面',
|
|
|
- method: '平整，无明显气泡，无刮花，无明显溢胶',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '其他',
|
|
|
- method: '不允许出现划伤、烫伤、穿孔、异味、粘连异物、脏污',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '特殊',
|
|
|
- method: '/',
|
|
|
- },
|
|
|
-]
|
|
|
-// 软包版表格数据
|
|
|
-const PrimePacSoftRuleTableData1: PrimePacTable[] = [
|
|
|
- {
|
|
|
- project: '检验项目',
|
|
|
- method: '产品质量检测方法与标准',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '印刷',
|
|
|
- method:
|
|
|
- '1、成品整洁，无明显印刷瑕疵范畴的脏污、残缺、刀丝；\n2、文字印刷清晰完整，印迹边缘光洁，渐变区域清晰均匀；\n3、无明显变形和残缺，套印基本准确，同色之间基本无色差；\n4、与颜色标准无明显色差（将提供明确的颜色标准）',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '复合',
|
|
|
- method: '无明显气泡，无分层',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '热封',
|
|
|
- method: '平整，无虚封，无明显气泡',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '其他',
|
|
|
- method: '不允许出现划伤、烫伤、穿孔、异味、粘连异物、脏污',
|
|
|
- },
|
|
|
-]
|
|
|
-const PrimePacSoftRuleTableData2: PrimePacTable[] = [
|
|
|
- {
|
|
|
- project: '溶剂残留量',
|
|
|
- method:
|
|
|
- '按照GB/T 10004的6.6.17条规定执行\n总溶剂残留量≤10mg/m2\n苯系溶剂残留量≤2mg/m2',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '复合强度',
|
|
|
- method: '按照GB/T 8808的规定执行\n≥1.0 N/15mm',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '热封强度',
|
|
|
- method: '按照GB/T 2358的规定执行\n≥20 N/15mm',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '耐压性能',
|
|
|
- method: '按照GB/T 10004的6.6.8条规定执行\n120N下无渗漏，无破裂',
|
|
|
- },
|
|
|
- {
|
|
|
- project: '熟化时间',
|
|
|
- method: '熟化时间不少于48小时',
|
|
|
- },
|
|
|
-]
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
@@ -2567,550 +2261,7 @@ input[type='number'] {
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
-<style lang="scss" scoped>
|
|
|
-.view-window {
|
|
|
- height: 100vh;
|
|
|
- width: 100vw;
|
|
|
- position: fixed;
|
|
|
- z-index: 999;
|
|
|
- background-color: rgba(#fff, 0.3);
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
-}
|
|
|
-.fixed-button-area {
|
|
|
- position: fixed;
|
|
|
- top: 20px;
|
|
|
- right: 24px;
|
|
|
- z-index: 2;
|
|
|
-
|
|
|
- @media screen and (min-width: 1600px) {
|
|
|
- right: calc((100% - 1600px) / 2 + 24px);
|
|
|
- }
|
|
|
-}
|
|
|
-.screen {
|
|
|
- margin: 0 auto;
|
|
|
- font-size: 12pt;
|
|
|
- line-height: 22pt;
|
|
|
-}
|
|
|
-.print {
|
|
|
- padding: 20px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.page-title-wrap {
|
|
|
- padding: 12px 36px;
|
|
|
- border-bottom: 1px solid #eee;
|
|
|
- margin-bottom: 24px;
|
|
|
-}
|
|
|
-.page-title {
|
|
|
- font-size: 36px;
|
|
|
- margin-left: 8px;
|
|
|
-}
|
|
|
-.layout-left {
|
|
|
- width: 435px;
|
|
|
- min-width: 435px;
|
|
|
- padding-right: 12px;
|
|
|
-}
|
|
|
-.layout-right {
|
|
|
- position: relative;
|
|
|
- border-left: 1px solid #eee;
|
|
|
- padding: 0 24px;
|
|
|
-}
|
|
|
-
|
|
|
-.rule-item {
|
|
|
- margin-bottom: 2px;
|
|
|
- color: $subColor;
|
|
|
- line-height: 26pt;
|
|
|
- &.sub {
|
|
|
- line-height: 20pt;
|
|
|
- padding-left: 24px;
|
|
|
- }
|
|
|
- &.nowrap {
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .el-form-item {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
- .attention {
|
|
|
- padding: 0 8px;
|
|
|
- line-height: 1.5;
|
|
|
- border-bottom: 2px solid #777;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
-}
|
|
|
-.btn-quick-vendor {
|
|
|
- border: 1px solid #dcdfe6;
|
|
|
- border-radius: 4px;
|
|
|
- cursor: pointer;
|
|
|
- padding: 0 8px;
|
|
|
- margin-bottom: 6px;
|
|
|
- &.active {
|
|
|
- color: #fff;
|
|
|
- background-color: #409eff;
|
|
|
- }
|
|
|
-}
|
|
|
-.PrimePac-table {
|
|
|
- margin: 12px auto;
|
|
|
- width: 100%;
|
|
|
- border-bottom: 1px solid #dcdfe6;
|
|
|
- border-right: 1px solid #dcdfe6;
|
|
|
- .column-item {
|
|
|
- color: $subColor;
|
|
|
- white-space: pre-wrap;
|
|
|
- padding: 0 4px;
|
|
|
- line-height: 20pt;
|
|
|
- min-width: 120px;
|
|
|
- min-height: 20pt;
|
|
|
- border-top: 1px solid #dcdfe6;
|
|
|
- border-left: 1px solid #dcdfe6;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.sign-wrap {
|
|
|
- width: 100pt;
|
|
|
- &.pangea {
|
|
|
- width: 180pt;
|
|
|
- }
|
|
|
- img {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.screen {
|
|
|
- background-color: rgba(#fff, 1);
|
|
|
- box-shadow:
|
|
|
- 0 0 0 1px rgba(255, 255, 255, 0.4) inset,
|
|
|
- 0 0.5em 1em rgba(0, 0, 0, 0.6);
|
|
|
- max-width: 1600px;
|
|
|
- min-width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- .company-info {
|
|
|
- text-align: center;
|
|
|
- font-size: 10pt;
|
|
|
- color: $subColor;
|
|
|
- margin-bottom: 16pt;
|
|
|
- }
|
|
|
- .company-name {
|
|
|
- margin-bottom: 4pt;
|
|
|
- color: $mainColor;
|
|
|
- font-size: 16pt;
|
|
|
- line-height: 22pt;
|
|
|
- }
|
|
|
- .company-addr {
|
|
|
- line-height: 12pt;
|
|
|
- height: 12pt;
|
|
|
- }
|
|
|
- .company-phone {
|
|
|
- line-height: 12pt;
|
|
|
- height: 12pt;
|
|
|
- }
|
|
|
- .company-fax {
|
|
|
- line-height: 12pt;
|
|
|
- height: 12pt;
|
|
|
- }
|
|
|
- .form-area {
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .form-area-left {
|
|
|
- width: 30%;
|
|
|
- }
|
|
|
- .form-area-right {
|
|
|
- width: 45%;
|
|
|
- position: relative;
|
|
|
- text-align: right;
|
|
|
-
|
|
|
- vertical-align: top;
|
|
|
- .label {
|
|
|
- display: inline-block;
|
|
|
- width: 40%;
|
|
|
- vertical-align: top;
|
|
|
- }
|
|
|
- .value {
|
|
|
- width: 60%;
|
|
|
- word-break: break-word;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .product-table-separator {
|
|
|
- width: 95%;
|
|
|
- }
|
|
|
- .product-total-table {
|
|
|
- display: inline-block;
|
|
|
- border: 1px solid #eee;
|
|
|
- min-width: 220pt;
|
|
|
- border-radius: 8pt;
|
|
|
- position: relative;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- .total-item {
|
|
|
- & > div {
|
|
|
- display: inline-block;
|
|
|
- height: 26pt;
|
|
|
- line-height: 26pt;
|
|
|
- padding: 0 8pt;
|
|
|
- }
|
|
|
- &:nth-of-type(n + 1) {
|
|
|
- border-top: 1px solid #eee;
|
|
|
- }
|
|
|
- }
|
|
|
- .label {
|
|
|
- width: 50%;
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
- .value {
|
|
|
- width: 50%;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- }
|
|
|
- .product-table {
|
|
|
- table {
|
|
|
- border: 1pt solid #eee;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- tr:nth-of-type(n + 3) td {
|
|
|
- border-top: 1pt solid #eee;
|
|
|
- }
|
|
|
- th {
|
|
|
- text-align: center;
|
|
|
- background-color: $tableHeaderBgColor;
|
|
|
- }
|
|
|
- td {
|
|
|
- padding: 8pt 8pt 4pt;
|
|
|
- min-width: 30pt;
|
|
|
- max-width: 100pt;
|
|
|
- }
|
|
|
- th + th,
|
|
|
- td + td {
|
|
|
- border-left: 1pt solid #eee;
|
|
|
- }
|
|
|
- .action {
|
|
|
- text-align: center;
|
|
|
- width: 50pt;
|
|
|
- }
|
|
|
- .quantity,
|
|
|
- .rate,
|
|
|
- .amount,
|
|
|
- .discount {
|
|
|
- width: 80pt;
|
|
|
- }
|
|
|
- .requirement {
|
|
|
- width: 180pt;
|
|
|
- }
|
|
|
- .product {
|
|
|
- width: 180pt;
|
|
|
- }
|
|
|
- }
|
|
|
- .note-form-area {
|
|
|
- width: 40%;
|
|
|
- }
|
|
|
- .sub-form-title {
|
|
|
- padding-left: 4pt;
|
|
|
- border-left: 2pt solid #efefef;
|
|
|
- margin-bottom: 8pt;
|
|
|
- }
|
|
|
-}
|
|
|
-.preview-area {
|
|
|
- background-color: #fff;
|
|
|
- font-size: 10pt;
|
|
|
- line-height: 22pt;
|
|
|
- color: $mainColor;
|
|
|
- box-sizing: border-box;
|
|
|
- * {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .company-info {
|
|
|
- text-align: center;
|
|
|
- font-size: 9pt;
|
|
|
- color: $subColor;
|
|
|
- margin-bottom: 16pt;
|
|
|
- }
|
|
|
- .company-name {
|
|
|
- margin-bottom: 4pt;
|
|
|
- color: $mainColor;
|
|
|
- font-size: 16pt;
|
|
|
- line-height: 22pt;
|
|
|
- }
|
|
|
- .company-addr {
|
|
|
- line-height: 12pt;
|
|
|
- height: 12pt;
|
|
|
- }
|
|
|
- .company-phone {
|
|
|
- line-height: 12pt;
|
|
|
- height: 12pt;
|
|
|
- }
|
|
|
- .company-fax {
|
|
|
- line-height: 12pt;
|
|
|
- height: 12pt;
|
|
|
- }
|
|
|
-
|
|
|
- $titleWidth: 100%;
|
|
|
- .pdf-title {
|
|
|
- text-align: center;
|
|
|
- font-size: 28pt;
|
|
|
- line-height: 36pt;
|
|
|
- height: 36pt;
|
|
|
- width: $titleWidth;
|
|
|
- margin: 0 auto;
|
|
|
- background-color: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- .pdf-title-bg {
|
|
|
- width: 100%;
|
|
|
- height: 2pt;
|
|
|
-
|
|
|
- .center {
|
|
|
- width: 33%;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .right,
|
|
|
- .left {
|
|
|
- width: 33%;
|
|
|
- height: 3pt;
|
|
|
- line-height: 3pt;
|
|
|
- & > div {
|
|
|
- width: 100%;
|
|
|
- height: 2pt;
|
|
|
- line-height: 2pt;
|
|
|
- background-color: $bgColor;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .form-area {
|
|
|
- padding-top: 24pt;
|
|
|
- line-height: 14pt;
|
|
|
- $formAreaFontSize: 10pt;
|
|
|
- white-space: pre-wrap;
|
|
|
- font-size: $formAreaFontSize;
|
|
|
- & > .flex-auto {
|
|
|
- width: 50%;
|
|
|
- & > div {
|
|
|
- padding-bottom: 8pt;
|
|
|
- }
|
|
|
- &:first-of-type {
|
|
|
- padding-right: 10pt;
|
|
|
- }
|
|
|
- }
|
|
|
- .column-vendor {
|
|
|
- vertical-align: top;
|
|
|
- }
|
|
|
- .column-form-label {
|
|
|
- width: 40%;
|
|
|
- }
|
|
|
- .column-form-value {
|
|
|
- width: 60%;
|
|
|
- }
|
|
|
- }
|
|
|
- .product-table-separator {
|
|
|
- width: 100%;
|
|
|
- margin: 15pt auto 10pt;
|
|
|
- height: 2pt;
|
|
|
- background-color: $bgColor;
|
|
|
- }
|
|
|
- .product-table {
|
|
|
- table {
|
|
|
- margin: 0 auto 6pt;
|
|
|
- width: 100%;
|
|
|
- border-radius: 6pt;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- tr:nth-of-type(n + 1) td {
|
|
|
- border-top: 1pt solid #eee;
|
|
|
- }
|
|
|
- th {
|
|
|
- background-color: $bgColor;
|
|
|
- min-width: 20pt;
|
|
|
- padding: 0 2pt;
|
|
|
- }
|
|
|
- td {
|
|
|
- min-width: 20pt;
|
|
|
- max-width: 100pt;
|
|
|
- padding: 0 2pt;
|
|
|
- white-space: pre-wrap;
|
|
|
- .product-name {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .desc {
|
|
|
- white-space: pre-wrap;
|
|
|
- line-height: 16pt;
|
|
|
- color: $subColor;
|
|
|
- }
|
|
|
- }
|
|
|
- .row-index {
|
|
|
- width: 20pt;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .note-form-area {
|
|
|
- width: 40%;
|
|
|
-
|
|
|
- .label {
|
|
|
- color: $subColor;
|
|
|
- display: inline-block;
|
|
|
- width: 40%;
|
|
|
- vertical-align: top;
|
|
|
- }
|
|
|
- .value {
|
|
|
- color: $subColor;
|
|
|
- width: 60%;
|
|
|
- word-break: break-word;
|
|
|
- white-space: pre-wrap;
|
|
|
- display: inline-block;
|
|
|
- line-height: 16pt;
|
|
|
- }
|
|
|
- }
|
|
|
- .sub-form-title {
|
|
|
- color: $subColor;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .signature-area {
|
|
|
- color: $subColor;
|
|
|
- // padding-bottom: 40pt;
|
|
|
- .first-party {
|
|
|
- padding: 30pt 0 0;
|
|
|
- }
|
|
|
- .second-party {
|
|
|
- min-width: 41%;
|
|
|
- // height: 86pt;
|
|
|
- padding: 20pt 0 40pt;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.preview-area2 {
|
|
|
- background-color: #fff;
|
|
|
- .supplier-name {
|
|
|
- font-size: 22pt;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .billing-addr {
|
|
|
- line-height: 18pt;
|
|
|
- min-height: 18pt;
|
|
|
- font-size: 12pt;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .contact-info {
|
|
|
- margin-bottom: 12pt;
|
|
|
- min-height: 18pt;
|
|
|
- line-height: 18pt;
|
|
|
- font-size: 12pt;
|
|
|
- }
|
|
|
- .product-table {
|
|
|
- table {
|
|
|
- border: 1px solid $bgColor;
|
|
|
- border-radius: 3pt;
|
|
|
- margin: 0 auto 6pt;
|
|
|
- width: 100%;
|
|
|
- font-size: 10pt;
|
|
|
- }
|
|
|
- th {
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- td {
|
|
|
- white-space: pre-wrap;
|
|
|
- }
|
|
|
- th,
|
|
|
- td {
|
|
|
- padding: 4pt 6pt;
|
|
|
- &:nth-of-type(n + 2) {
|
|
|
- border-left: 1px solid $bgColor;
|
|
|
- }
|
|
|
- }
|
|
|
- tr:nth-of-type(n + 2) {
|
|
|
- td {
|
|
|
- border-top: 1px solid $bgColor;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .table-title {
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 16pt;
|
|
|
- margin: 12pt auto 8pt;
|
|
|
- }
|
|
|
- .base-info-area {
|
|
|
- margin-top: 12pt;
|
|
|
- font-size: 11pt;
|
|
|
-
|
|
|
- .base-info-label {
|
|
|
- min-width: 90pt;
|
|
|
- width: 90pt;
|
|
|
- font-family: serif;
|
|
|
- }
|
|
|
- .base-info-value {
|
|
|
- white-space: pre-wrap;
|
|
|
- vertical-align: top;
|
|
|
- flex: auto;
|
|
|
- text-align: left;
|
|
|
- font-family: sans-serif;
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
- .left {
|
|
|
- padding-right: 8pt;
|
|
|
- .base-info-label {
|
|
|
- min-width: 60pt;
|
|
|
- width: 60pt;
|
|
|
- }
|
|
|
- }
|
|
|
- .right {
|
|
|
- padding-left: 8pt;
|
|
|
- }
|
|
|
- .left,
|
|
|
- .right {
|
|
|
- width: 50%;
|
|
|
- margin-bottom: 12pt;
|
|
|
- }
|
|
|
- }
|
|
|
- .bank-info-area {
|
|
|
- font-family: sans-serif;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 11pt;
|
|
|
- margin-bottom: 10pt;
|
|
|
- .bank-info-label {
|
|
|
- font-weight: bold;
|
|
|
- font-family: serif;
|
|
|
- width: 160pt;
|
|
|
- max-width: 160pt;
|
|
|
- }
|
|
|
- .bank-info-value {
|
|
|
- font-family: serif;
|
|
|
- font-weight: normal;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-@media print {
|
|
|
- .screen {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .preview-area,
|
|
|
- .preview-area2 {
|
|
|
- border: none;
|
|
|
- border-color: transparent;
|
|
|
- }
|
|
|
-}
|
|
|
-@media screen {
|
|
|
- .print.hidden {
|
|
|
- position: fixed;
|
|
|
- right: -10000px;
|
|
|
- bottom: -10000px;
|
|
|
- }
|
|
|
- .pdf-wrap {
|
|
|
- position: relative;
|
|
|
- width: 21cm;
|
|
|
- margin: 0 auto;
|
|
|
- box-shadow: 1px 1px 2pt 0px $subColor;
|
|
|
- & + .pdf-wrap {
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
- .preview-area,
|
|
|
- .preview-area2 {
|
|
|
- padding: 1cm;
|
|
|
- min-height: 29.69cm;
|
|
|
- }
|
|
|
-}
|
|
|
+<style lang="scss" scoped>
|
|
|
+@import './style.scss';
|
|
|
</style>
|
