SHA1
--- a/.env.production
+++ b/.env.production
@@ -1,6 +1,6 @@
 
				 VITE_CRM_PATH=https://crm.zoho.com/crm/ShowHomePage.do
			
 
				 VITE_PO_PATH=https://crm.zoho.com/crm/org742735154/tab/PurchaseOrders/
			
 
				 VITE_PO_APPEND=/canvas/4791186000049921685
			
 
				-VITE_API_PREFIX='//zohocrmapi.promocollection.com.au'
			
 
				-VITE_API2_PREFIX='/bpi'
			
 
				+VITE_API_PREFIX='//zohocrm.promocollection.com.au/api'
			
 
				+VITE_API2_PREFIX='//zohocrm.promocollection.com.au/api'
			
 
				 VITE_APP_OSS_PREFIX = '//promocollection.s3.ap-southeast-2.amazonaws.com'
			
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,9 @@
 
				 .DS_Store
			
 
				 node_modules
			
 
				 /dist
			
 
				+/nginx
			
 
				+docker-compose.yml
			
 
				+*.http
			
 
				 .eslintcache
			
 
				 package-lock.json
			
 
				 
			
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
 
				     <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				     <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				     <meta name="keywords" content="zoho crm extend">
			
 
				+    <script src="/crm.sdk.js"></script>
			
 
				    <title>crm_extend</title>
			
 
				   </head>
			
 
				   <body>
			
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
 
				     "@element-plus/icons-vue": "^2.1.0",
			
 
				     "axios": "~0.27.2",
			
 
				     "dayjs": "^1.11.13",
			
 
				-    "element-plus": "2.8.8",
			
 
				+    "element-plus": "2.9.1",
			
 
				     "html2canvas": "^1.4.1",
			
 
				     "js-cookie": "^3.0.5",
			
 
				     "jspdf": "^2.5.2",
			
@@ -21,16 +21,18 @@
 
				     "lodash.clonedeep": "^4.5.0",
			
 
				     "lodash.debounce": "^4.0.8",
			
 
				     "mathjs": "^13.2.3",
			
 
				+    "qrcode": "^1.5.4",
			
 
				     "vue": "^3.5.13",
			
 
				     "vue-draggable-plus": "^0.6.0",
			
 
				-    "vue-router": "^4.4.5",
			
 
				+    "vue-router": "^4.5.0",
			
 
				     "xlsx": "^0.18.5"
			
 
				   },
			
 
				   "devDependencies": {
			
 
				-    "@nabla/vite-plugin-eslint": "^2.0.4",
			
 
				+    "@nabla/vite-plugin-eslint": "^2.0.5",
			
 
				     "@types/js-cookie": "^3.0.6",
			
 
				     "@types/lodash.clonedeep": "^4.5.9",
			
 
				     "@types/lodash.debounce": "^4.0.9",
			
 
				+    "@types/qrcode": "^1.5.5",
			
 
				     "@typescript-eslint/eslint-plugin": "^7.18.0",
			
 
				     "@typescript-eslint/parser": "^7.18.0",
			
 
				     "@vitejs/plugin-vue": "^5.2.0",
			
@@ -38,12 +40,12 @@
 
				     "autoprefixer": "^10.4.20",
			
 
				     "eslint": "^8.57.1",
			
 
				     "eslint-config-prettier": "^9.1.0",
			
 
				-    "eslint-plugin-vue": "^9.31.0",
			
 
				+    "eslint-plugin-vue": "^9.32.0",
			
 
				     "prettier": "^3.3.3",
			
 
				     "sass": "^1.81.0",
			
 
				-    "tailwindcss": "^3.4.15",
			
 
				+    "tailwindcss": "^3.4.17",
			
 
				     "typescript": "^5.6.3",
			
 
				     "vite": "^5.4.11",
			
 
				-    "vue-tsc": "^2.1.10"
			
 
				+    "vue-tsc": "^2.2.0"
			
 
				   }
			
 
				 }
			
--- a/public/assets/label/care.png
+++ b/public/assets/label/care.png
--- a/public/assets/label/glass.png
+++ b/public/assets/label/glass.png
--- a/public/assets/label/heavy.png
+++ b/public/assets/label/heavy.png
--- a/public/assets/label/keep_dry.png
+++ b/public/assets/label/keep_dry.png
--- a/public/assets/label/place_up.png
+++ b/public/assets/label/place_up.png
--- a/public/crm.sdk.js
+++ b/public/crm.sdk.js
@@ -0,0 +1,852 @@
 
				+var ZOHO = (function () {
			
 
				+  var c,
			
 
				+    m = {},
			
 
				+    h = !1,
			
 
				+    n = void 0
			
 
				+  return {
			
 
				+    embeddedApp: {
			
 
				+      on: function (b, c) {
			
 
				+        m[b] = c
			
 
				+      },
			
 
				+      init: function () {
			
 
				+        if (!h) {
			
 
				+          h = !0
			
 
				+          c = new ZSDK()
			
 
				+          var b
			
 
				+          n = new Promise(function (c, n) {
			
 
				+            b = c
			
 
				+          })
			
 
				+          c.OnLoad(function () {
			
 
				+            c.getContext()
			
 
				+              .Event.Trigger('ZDK_EVENT', { action: 'get_zdk_url' }, !0)
			
 
				+              .then(function (k) {
			
 
				+                self._zdksdk = c
			
 
				+                var n = document.createElement('script')
			
 
				+                n.setAttribute('src', k)
			
 
				+                document.body.appendChild(n)
			
 
				+                b()
			
 
				+              })
			
 
				+              .catch(function (c) {
			
 
				+                console.error('ZDK import failed', c)
			
 
				+                b()
			
 
				+              })
			
 
				+          })
			
 
				+          for (var t in m) c.getContext().Event.Listen(t, m[t])
			
 
				+        }
			
 
				+        return n
			
 
				+      },
			
 
				+    },
			
 
				+    CRM: (function () {
			
 
				+      function b(a) {
			
 
				+        a.sdkVersion = '1'
			
 
				+        return c.getContext().Event.Trigger('CRM_EVENT', a, !0)
			
 
				+      }
			
 
				+      function n(a) {
			
 
				+        return new File([a], a.name, { type: a.type })
			
 
				+      }
			
 
				+      function k(a, d, e, f) {
			
 
				+        if (d.FileData) {
			
 
				+          var c = n(d.FileData)
			
 
				+          d.FileData = c
			
 
				+        }
			
 
				+        a = { category: 'CREATE', Entity: a, RelatedID: e, APIData: d }
			
 
				+        a.type = f || 'RECORD'
			
 
				+        return b(a)
			
 
				+      }
			
 
				+      function m(a) {
			
 
				+        a.category = 'BLUEPRINT'
			
 
				+        return b(a)
			
 
				+      }
			
 
				+      function h(a) {
			
 
				+        a.category = 'APPROVALS'
			
 
				+        return b(a)
			
 
				+      }
			
 
				+      function p(a, d, e) {
			
 
				+        if (d.FILE) {
			
 
				+          var f = n(d.FILE.file)
			
 
				+          d.FILE.file = f
			
 
				+        }
			
 
				+        f = void 0
			
 
				+        if (e) f = d
			
 
				+        else {
			
 
				+          var f = d.url,
			
 
				+            c = d.params,
			
 
				+            g = d.headers,
			
 
				+            k = d.body,
			
 
				+            h = d.PARTS,
			
 
				+            m = d.PART_BOUNDARY,
			
 
				+            w = d.CONTENT_TYPE,
			
 
				+            D = d.RESPONSE_TYPE
			
 
				+          d = d.FILE
			
 
				+          if (!f) throw { Message: 'Url missing' }
			
 
				+          if (c) {
			
 
				+            var x,
			
 
				+              l = []
			
 
				+            for (x in c)
			
 
				+              l.push(encodeURIComponent(x) + '\x3d' + encodeURIComponent(c[x]))
			
 
				+            x = l.join('\x26')
			
 
				+            f += (-1 < f.indexOf('?') ? '\x26' : '?') + x
			
 
				+          }
			
 
				+          f = {
			
 
				+            url: f,
			
 
				+            Header: g,
			
 
				+            Body: k,
			
 
				+            CONTENT_TYPE: w,
			
 
				+            RESPONSE_TYPE: D,
			
 
				+            PARTS: h,
			
 
				+            PARTS_BOUNDARY: m,
			
 
				+            FILE: d,
			
 
				+          }
			
 
				+        }
			
 
				+        return b({ category: 'CONNECTOR', nameSpace: a, data: f, type: e })
			
 
				+      }
			
 
				+      function g(a) {
			
 
				+        a.category = 'UI'
			
 
				+        return b(a)
			
 
				+      }
			
 
				+      function r(a, d, e) {
			
 
				+        return b({ category: 'CONFIG', type: a, nameSpace: d, APIData: e })
			
 
				+      }
			
 
				+      function u(a) {
			
 
				+        var d = { category: 'USER' }
			
 
				+        a.ID
			
 
				+          ? (d.ID = a.ID)
			
 
				+          : a.Type &&
			
 
				+            ((d.Type = a.Type),
			
 
				+            a.page && (d.page = a.page),
			
 
				+            a.per_page && (d.per_page = a.per_page))
			
 
				+        return b(d)
			
 
				+      }
			
 
				+      function l(a) {
			
 
				+        return b({ category: 'META', type: a.type, Entity: a.Entity, Id: a.Id })
			
 
				+      }
			
 
				+      return {
			
 
				+        ACTION: {
			
 
				+          setConfig: function (a) {
			
 
				+            return b({
			
 
				+              category: 'ACTION',
			
 
				+              type: 'CUSTOM_ACTION_SAVE_CONFIG',
			
 
				+              object: a,
			
 
				+            })
			
 
				+          },
			
 
				+          enableAccountAccess: function (a) {
			
 
				+            return b({
			
 
				+              category: 'ACTION',
			
 
				+              type: 'ENABLE_ACCOUNT_ACCESS',
			
 
				+              object: a,
			
 
				+            })
			
 
				+          },
			
 
				+        },
			
 
				+        FUNCTIONS: {
			
 
				+          execute: function (a, d) {
			
 
				+            var e = {}
			
 
				+            d.auth_type = 'oauth'
			
 
				+            e.data = d
			
 
				+            return b({
			
 
				+              category: 'FUNCTIONS_EXECUTE',
			
 
				+              customFunctionName: a,
			
 
				+              data: e,
			
 
				+            })
			
 
				+          },
			
 
				+        },
			
 
				+        CONFIG: {
			
 
				+          getOrgInfo: function (a) {
			
 
				+            return r('ORG')
			
 
				+          },
			
 
				+          getCurrentUser: function () {
			
 
				+            return r('CURRENT_USER')
			
 
				+          },
			
 
				+          GetCurrentEnvironment: function () {
			
 
				+            return r('ORG_LEVEL_INFO')
			
 
				+          },
			
 
				+        },
			
 
				+        META: {
			
 
				+          getFields: function (a) {
			
 
				+            a.type = 'FIELD_LIST'
			
 
				+            return l(a)
			
 
				+          },
			
 
				+          getModules: function () {
			
 
				+            return l({ type: 'MODULE_LIST' })
			
 
				+          },
			
 
				+          getAssignmentRules: function (a) {
			
 
				+            a.type = 'ASSIGNMENT_RULES'
			
 
				+            return l(a)
			
 
				+          },
			
 
				+          getLayouts: function (a) {
			
 
				+            a.id = a.id ? a.id : a.LayoutId
			
 
				+            a.type = a.Id ? 'LAYOUT' : 'LAYOUTS'
			
 
				+            return l(a)
			
 
				+          },
			
 
				+          getRelatedList: function (a) {
			
 
				+            a.type = 'RELATED_LIST'
			
 
				+            return l(a)
			
 
				+          },
			
 
				+          getCustomViews: function (a) {
			
 
				+            a.type = a.Id ? 'CUSTOM_VIEW' : 'CUSTOM_VIEWS'
			
 
				+            return l(a)
			
 
				+          },
			
 
				+        },
			
 
				+        API: {
			
 
				+          addNotes: function (a) {
			
 
				+            return k(
			
 
				+              a.Entity,
			
 
				+              { data: [{ Note_Title: a.Title, Note_Content: a.Content }] },
			
 
				+              a.RecordID,
			
 
				+              'NOTES',
			
 
				+            )
			
 
				+          },
			
 
				+          addNotesAttachment: function (a) {
			
 
				+            return b({
			
 
				+              category: 'UPDATE',
			
 
				+              type: 'NOTES',
			
 
				+              Entity: a.Entity,
			
 
				+              RecordID: a.RecordID,
			
 
				+              RelatedRecordID: a.RelatedRecordID,
			
 
				+              APIData: {
			
 
				+                Files: { FileName: File.Name, FileData: File.Content },
			
 
				+              },
			
 
				+            })
			
 
				+          },
			
 
				+          coql: function (a) {
			
 
				+            return b({ category: 'QUERY', APIData: a })
			
 
				+          },
			
 
				+          insertRecord: function (a) {
			
 
				+            var b = a.Entity,
			
 
				+              e = a.APIData
			
 
				+            e.trigger = a.Trigger
			
 
				+            return k(b, e)
			
 
				+          },
			
 
				+          upsertRecord: function (a) {
			
 
				+            var b = a.Entity,
			
 
				+              e = a.APIData
			
 
				+            e.trigger = a.Trigger
			
 
				+            e.action = 'UPSERT'
			
 
				+            a.duplicate_check_fields &&
			
 
				+              a.duplicate_check_fields instanceof Array &&
			
 
				+              (e.duplicate_check_fields = a.duplicate_check_fields.join(','))
			
 
				+            return k(b, e)
			
 
				+          },
			
 
				+          getRecord: function (a) {
			
 
				+            return b({ category: 'READ', APIData: a })
			
 
				+          },
			
 
				+          getBluePrint: function (a) {
			
 
				+            return m({
			
 
				+              Entity: a.Entity,
			
 
				+              RecordID: a.RecordID,
			
 
				+              action: 'GET_BLUEPRINT_STATUS',
			
 
				+            })
			
 
				+          },
			
 
				+          updateBluePrint: function (a) {
			
 
				+            return m({
			
 
				+              Entity: a.Entity,
			
 
				+              RecordID: a.RecordID,
			
 
				+              BlueprintData: a.BlueprintData,
			
 
				+              action: 'UPDATE_BLUEPRINT_STATUS',
			
 
				+            })
			
 
				+          },
			
 
				+          uploadFile: function (a) {
			
 
				+            if (a.FILE) {
			
 
				+              var d = n(a.FILE.file)
			
 
				+              a.FILE.file = d
			
 
				+            }
			
 
				+            return b({ FileData: a, category: 'FILES', type: 'UPLOAD_FILE' })
			
 
				+          },
			
 
				+          getFile: function (a) {
			
 
				+            a.category = 'FILES'
			
 
				+            a.type = 'DOWNLOAD_FILE'
			
 
				+            return b(a)
			
 
				+          },
			
 
				+          getAllRecords: function (a) {
			
 
				+            return b({ category: 'READ', APIData: a })
			
 
				+          },
			
 
				+          updateRecord: function (a) {
			
 
				+            var d = a.Entity,
			
 
				+              e = a.APIData
			
 
				+            e.trigger = a.Trigger
			
 
				+            return b({
			
 
				+              category: 'UPDATE',
			
 
				+              type: 'RECORD',
			
 
				+              Entity: d,
			
 
				+              APIData: e,
			
 
				+            })
			
 
				+          },
			
 
				+          deleteRecord: function (a) {
			
 
				+            return b({
			
 
				+              category: 'DELETE',
			
 
				+              type: 'RECORD',
			
 
				+              Entity: a.Entity,
			
 
				+              RecordID: a.RecordID,
			
 
				+            })
			
 
				+          },
			
 
				+          searchRecord: function (a) {
			
 
				+            return b({
			
 
				+              category: 'SEARCH',
			
 
				+              Entity: a.Entity,
			
 
				+              Type: a.Type,
			
 
				+              Query: a.Query,
			
 
				+              page: a.page,
			
 
				+              per_page: a.per_page,
			
 
				+              delay: a.delay,
			
 
				+            })
			
 
				+          },
			
 
				+          getAllActions: function (a) {
			
 
				+            a.action = 'GET_ALL_ACTIONS'
			
 
				+            return h(a)
			
 
				+          },
			
 
				+          getApprovalRecords: function (a) {
			
 
				+            var b = {}
			
 
				+            a
			
 
				+              ? (a.action = 'GET_APPROVAL_RECORDS')
			
 
				+              : ((b.action = 'GET_APPROVAL_RECORDS'), (a = b))
			
 
				+            return h(a)
			
 
				+          },
			
 
				+          getApprovalById: function (a) {
			
 
				+            a.action = 'GET_APPROVALBYID'
			
 
				+            return h(a)
			
 
				+          },
			
 
				+          getApprovalsHistory: function () {
			
 
				+            return h({ action: 'GET_APPROVALS_HISTORY' })
			
 
				+          },
			
 
				+          approveRecord: function (a) {
			
 
				+            a.action = 'UPDATE_APPROVAL'
			
 
				+            return h(a)
			
 
				+          },
			
 
				+          getAllUsers: function (a) {
			
 
				+            return u({ Type: a.Type, page: a.page, per_page: a.per_page })
			
 
				+          },
			
 
				+          getUser: function (a) {
			
 
				+            return u({ ID: a.ID })
			
 
				+          },
			
 
				+          getRelatedRecords: function (a) {
			
 
				+            return b({ category: 'READ', APIData: a })
			
 
				+          },
			
 
				+          updateRelatedRecords: function (a) {
			
 
				+            return b({
			
 
				+              category: 'UPDATE',
			
 
				+              type: 'RELATED_RECORD',
			
 
				+              Entity: a.Entity,
			
 
				+              RecordID: a.RecordID,
			
 
				+              RelatedList: a.RelatedList,
			
 
				+              RelatedRecordID: a.RelatedRecordID,
			
 
				+              APIData: a.APIData,
			
 
				+            })
			
 
				+          },
			
 
				+          delinkRelatedRecord: function (a) {
			
 
				+            return b({
			
 
				+              category: 'DELETE',
			
 
				+              type: 'RELATED_RECORD',
			
 
				+              Entity: a.Entity,
			
 
				+              RecordID: a.RecordID,
			
 
				+              RelatedList: a.RelatedList,
			
 
				+              RelatedRecordID: a.RelatedRecordID,
			
 
				+            })
			
 
				+          },
			
 
				+          attachFile: function (a) {
			
 
				+            var b = a.Entity,
			
 
				+              e = a.RecordID
			
 
				+            a = a.File
			
 
				+            a = { FileName: a.Name, FileData: a.Content }
			
 
				+            return k(b, a, e, 'ATTACHMENT')
			
 
				+          },
			
 
				+          getAllProfiles: function (a) {
			
 
				+            return b({ category: 'PROFILES', type: 'GET_ALL_PROFILES' })
			
 
				+          },
			
 
				+          getProfile: function (a) {
			
 
				+            return b({ category: 'PROFILES', type: 'GET_PROFILE', ID: a.ID })
			
 
				+          },
			
 
				+          updateProfile: function (a) {
			
 
				+            return b({
			
 
				+              category: 'UPDATE',
			
 
				+              type: 'PROFILE',
			
 
				+              ID: a.ID,
			
 
				+              APIData: a.APIData,
			
 
				+            })
			
 
				+          },
			
 
				+          getOrgVariable: function (a) {
			
 
				+            return r('VARIABLE', a)
			
 
				+          },
			
 
				+        },
			
 
				+        UI: {
			
 
				+          Resize: function (a) {
			
 
				+            a = { action: 'RESIZE', data: { width: a.width, height: a.height } }
			
 
				+            return g(a)
			
 
				+          },
			
 
				+          Dialer: {
			
 
				+            maximize: function () {
			
 
				+              return g({ action: { telephony: 'MAXIMIZE' } })
			
 
				+            },
			
 
				+            minimize: function () {
			
 
				+              return g({ action: { telephony: 'MINIMIZE' } })
			
 
				+            },
			
 
				+            notify: function () {
			
 
				+              return g({ action: { telephony: 'NOTIFY' } })
			
 
				+            },
			
 
				+          },
			
 
				+          Record: {
			
 
				+            open: function (a) {
			
 
				+              a = {
			
 
				+                action: { record: 'OPEN' },
			
 
				+                data: {
			
 
				+                  Entity: a.Entity,
			
 
				+                  RecordID: a.RecordID,
			
 
				+                  target: a.Target,
			
 
				+                },
			
 
				+              }
			
 
				+              return g(a)
			
 
				+            },
			
 
				+            edit: function (a) {
			
 
				+              a = {
			
 
				+                action: { record: 'EDIT' },
			
 
				+                data: {
			
 
				+                  Entity: a.Entity,
			
 
				+                  RecordID: a.RecordID,
			
 
				+                  target: a.Target,
			
 
				+                },
			
 
				+              }
			
 
				+              return g(a)
			
 
				+            },
			
 
				+            create: function (a) {
			
 
				+              a = {
			
 
				+                action: { record: 'CREATE' },
			
 
				+                data: {
			
 
				+                  Entity: a.Entity,
			
 
				+                  RecordID: a.RecordID,
			
 
				+                  target: a.Target,
			
 
				+                },
			
 
				+              }
			
 
				+              return g(a)
			
 
				+            },
			
 
				+            populate: function (a) {
			
 
				+              return g({ action: { record: 'POPULATE' }, data: a })
			
 
				+            },
			
 
				+          },
			
 
				+          Popup: {
			
 
				+            close: function () {
			
 
				+              return g({ action: { popup: 'CLOSE' } })
			
 
				+            },
			
 
				+            closeReload: function () {
			
 
				+              return g({ action: { popup: 'CLOSE_RELOAD' } })
			
 
				+            },
			
 
				+          },
			
 
				+          Widget: {
			
 
				+            open: function (a) {
			
 
				+              a = { action: { webTab: 'OPEN' }, data: a }
			
 
				+              return g(a)
			
 
				+            },
			
 
				+          },
			
 
				+        },
			
 
				+        HTTP: {
			
 
				+          get: function (a) {
			
 
				+            return p('wget.get', a)
			
 
				+          },
			
 
				+          post: function (a) {
			
 
				+            return p('wget.post', a)
			
 
				+          },
			
 
				+          put: function (a) {
			
 
				+            return p('wget.put', a)
			
 
				+          },
			
 
				+          patch: function (a) {
			
 
				+            return p('wget.patch', a)
			
 
				+          },
			
 
				+          delete: function (a) {
			
 
				+            return p('wget.delete', a)
			
 
				+          },
			
 
				+        },
			
 
				+        CONNECTOR: {
			
 
				+          invokeAPI: function (a, b) {
			
 
				+            return p(a, b, 'CONNECTOR_API')
			
 
				+          },
			
 
				+          authorize: function (a) {
			
 
				+            return p(a, {}, 'CONNECTOR_AUTHORIZE')
			
 
				+          },
			
 
				+        },
			
 
				+        CONNECTION: {
			
 
				+          invoke: function (a, d) {
			
 
				+            var e = {},
			
 
				+              f = {}
			
 
				+            f.url = d.url
			
 
				+            f.method = d.method
			
 
				+            f.param_type = d.param_type
			
 
				+            f.parameters = JSON.stringify(d.parameters)
			
 
				+            f.headers = JSON.stringify(d.headers)
			
 
				+            e.data = f
			
 
				+            return b({ category: 'CRM_CONNECTION', connectionName: a, data: e })
			
 
				+          },
			
 
				+        },
			
 
				+        WIZARD: {
			
 
				+          post: function (a) {
			
 
				+            a = { category: 'CRM_WIZARD', data: JSON.stringify(a) }
			
 
				+            return b(a)
			
 
				+          },
			
 
				+        },
			
 
				+        BLUEPRINT: {
			
 
				+          proceed: function () {
			
 
				+            return b({ category: 'CRM_BLUEPRINT' })
			
 
				+          },
			
 
				+        },
			
 
				+      }
			
 
				+    })(),
			
 
				+  }
			
 
				+})()
			
 
				+var ZSDKUtil = (function (c) {
			
 
				+    function m(b) {}
			
 
				+    function h(b) {
			
 
				+      var c = {}
			
 
				+      b = b || window.location.href
			
 
				+      b.substr(b.indexOf('?') + 1)
			
 
				+        .split('\x26')
			
 
				+        .forEach(function (b, n) {
			
 
				+          var h = b.split('\x3d')
			
 
				+          c[h[0]] = h[1]
			
 
				+        })
			
 
				+      c.hasOwnProperty('serviceOrigin') &&
			
 
				+        (c.serviceOrigin = decodeURIComponent(c.serviceOrigin))
			
 
				+      return c
			
 
				+    }
			
 
				+    var n = h(),
			
 
				+      b
			
 
				+    m.prototype.Info = function () {
			
 
				+      (c.isDevMode() || c.isLogEnabled()) &&
			
 
				+        window.console.info.apply(null, arguments)
			
 
				+    }
			
 
				+    m.prototype.Error = function () {
			
 
				+      (c.isDevMode() || c.isLogEnabled()) &&
			
 
				+        window.console.error.apply(null, arguments)
			
 
				+    }
			
 
				+    c.GetQueryParams = h
			
 
				+    c.isDevMode = function () {
			
 
				+      return n && n.isDevMode
			
 
				+    }
			
 
				+    c.isLogEnabled = function () {
			
 
				+      return n && n.isLogEnabled
			
 
				+    }
			
 
				+    c.getLogger = function () {
			
 
				+      (b && b instanceof m) || (b = new m())
			
 
				+      return b
			
 
				+    }
			
 
				+    c.Sleep = function (b) {
			
 
				+      for (var c = new Date().getTime(); c + b > new Date().getTime(); );
			
 
				+    }
			
 
				+    return c
			
 
				+  })(window.ZSDKUtil || {}),
			
 
				+  ZSDKMessageManager = (function (c) {
			
 
				+    function m(e) {
			
 
				+      try {
			
 
				+        var f = 'string' === typeof e.data ? JSON.parse(e.data) : e.data
			
 
				+      } catch (c) {
			
 
				+        f = e.data
			
 
				+      }
			
 
				+      var l = f.type,
			
 
				+        m = f.eventName
			
 
				+      try {
			
 
				+        var k
			
 
				+        if (!(k = 'SET_CONTEXT' === m)) {
			
 
				+          var p = e.source,
			
 
				+            q = e.origin
			
 
				+          k =
			
 
				+            g.isAppRegistered() && a === p && d === q
			
 
				+              ? !0
			
 
				+              : Error('Un-Authorized Message.')
			
 
				+        }
			
 
				+        if (k)
			
 
				+          switch (l) {
			
 
				+            case 'FRAMEWORK.EVENT':
			
 
				+              var w = {
			
 
				+                SET_CONTEXT: h,
			
 
				+                UPDATE_CONTEXT: n,
			
 
				+                EVENT_RESPONSE: b,
			
 
				+                EVENT_RESPONSE_FAILURE: t,
			
 
				+              }[f.eventName]
			
 
				+              w && 'function' === typeof w
			
 
				+                ? w(e, f)
			
 
				+                : ZSDKEventManager.NotifyEventListeners(
			
 
				+                    g.AppContext,
			
 
				+                    f.eventName,
			
 
				+                    f.data,
			
 
				+                  )
			
 
				+              break
			
 
				+            default:
			
 
				+              g.MessageInterceptor(e, f)
			
 
				+          }
			
 
				+      } catch (c) {
			
 
				+        r.Error('[SDK.MessageHandler] \x3d\x3e ', c.stack)
			
 
				+      }
			
 
				+    }
			
 
				+    function h(b, c) {
			
 
				+      a = window.parent
			
 
				+      d = g.QueryParams.serviceOrigin
			
 
				+      g.SetContext(c.data)
			
 
				+      g.ExecuteLoadHandler()
			
 
				+    }
			
 
				+    function n(a, b) {}
			
 
				+    function b(a, b) {
			
 
				+      k(b.promiseid, !0, b.data)
			
 
				+    }
			
 
				+    function t(a, b) {
			
 
				+      k(b.promiseid, !1, b.data)
			
 
				+    }
			
 
				+    function k(a, b, c) {
			
 
				+      l.hasOwnProperty(a) &&
			
 
				+        (b ? l[a].resolve(c) : l[a].reject(c), (l[a] = void 0), delete l[a])
			
 
				+    }
			
 
				+    function y(a) {
			
 
				+      return new Promise(function (b, c) {
			
 
				+        l[a] = { resolve: b, reject: c, time: new Date().getTime() }
			
 
				+      })
			
 
				+    }
			
 
				+    function v(b) {
			
 
				+      'object' === typeof b && (b.appOrigin = encodeURIComponent(p()))
			
 
				+      if (!a) throw Error('Parentwindow reference not found.')
			
 
				+      a.postMessage(b, g.QueryParams.serviceOrigin)
			
 
				+    }
			
 
				+    function p() {
			
 
				+      return (
			
 
				+        window.location.protocol +
			
 
				+        '//' +
			
 
				+        window.location.host +
			
 
				+        window.location.pathname
			
 
				+      )
			
 
				+    }
			
 
				+    var g,
			
 
				+      r = ZSDKUtil.getLogger(),
			
 
				+      u = 100,
			
 
				+      l = {},
			
 
				+      a,
			
 
				+      d
			
 
				+    c.Init = function (a, b) {
			
 
				+      if (!a || 'object' !== typeof a)
			
 
				+        throw Error('Invalid Context object passed')
			
 
				+      if (b && 'object' !== typeof b)
			
 
				+        throw Error('Invalid Configuration Passed to MessageManager')
			
 
				+      g = a
			
 
				+      return m.bind(c)
			
 
				+    }
			
 
				+    c.RegisterApp = function () {
			
 
				+      var a = {
			
 
				+        type: 'SDK.EVENT',
			
 
				+        eventName: 'REGISTER',
			
 
				+        appOrigin: encodeURIComponent(p()),
			
 
				+      }
			
 
				+      window.parent.postMessage(a, g.QueryParams.serviceOrigin)
			
 
				+    }
			
 
				+    c.DERegisterApp = function () {
			
 
				+      var a = {
			
 
				+        type: 'SDK.EVENT',
			
 
				+        eventName: 'DEREGISTER',
			
 
				+        uniqueID: g.getUniqueID(),
			
 
				+      }
			
 
				+      v(a)
			
 
				+    }
			
 
				+    c.SendRequest = function (a) {
			
 
				+      if (!a || 'object' !== typeof a) throw Error('Invalid Options passed')
			
 
				+      var b
			
 
				+      b = 'Promise' + u++
			
 
				+      a = {
			
 
				+        type: 'SDK.EVENT',
			
 
				+        eventName: 'HTTP_REQUEST',
			
 
				+        uniqueID: g.getUniqueID(),
			
 
				+        time: new Date().getTime(),
			
 
				+        promiseid: b,
			
 
				+        data: a,
			
 
				+      }
			
 
				+      v(a)
			
 
				+      b = y(b)
			
 
				+      return b
			
 
				+    }
			
 
				+    c.TriggerEvent = function (a, b, c) {
			
 
				+      if (!a) throw Error('Invalid Eventname : ', a)
			
 
				+      var d = c ? 'Promise' + u++ : void 0
			
 
				+      a = {
			
 
				+        type: 'SDK.EVENT',
			
 
				+        eventName: a,
			
 
				+        uniqueID: g.getUniqueID(),
			
 
				+        time: new Date().getTime(),
			
 
				+        promiseid: d,
			
 
				+        data: b,
			
 
				+      }
			
 
				+      v(a)
			
 
				+      if (c) return y(d)
			
 
				+    }
			
 
				+    return c
			
 
				+  })(window.ZSDKMessageManager || {}),
			
 
				+  ZSDKEventManager = (function (c) {
			
 
				+    var m = ZSDKUtil.getLogger(),
			
 
				+      h = {}
			
 
				+    c.AttachEventListener = function (c, b) {
			
 
				+      'function' === typeof b &&
			
 
				+        (Array.isArray(h[c]) || (h[c] = []), h[c].push(b))
			
 
				+    }
			
 
				+    c.NotifyEventListeners = function (c, b, t) {
			
 
				+      var k = b.match(/^\__[A-Za-z_]+\__$/gi)
			
 
				+      Array.isArray(k)
			
 
				+      if ((k = h[b]) && Array.isArray(k))
			
 
				+        for (b = 0; b < k.length; b++) k[b].call(c, t)
			
 
				+      else m.Info('Cannot find EventListeners for Event : ', b)
			
 
				+    }
			
 
				+    c.NotifyInternalEventHandler = function (c, b) {
			
 
				+      var h = b.eventName
			
 
				+      '__APP_INIT__' === h
			
 
				+        ? (c.SetContext(b.data), c.ExecuteLoadHandler())
			
 
				+        : '__APP_CONTEXT_UPDATE__' === h &&
			
 
				+          (c.UpdateContext(b.data), c.ExecuteContextUpdateHandler())
			
 
				+    }
			
 
				+    return c
			
 
				+  })(window.ZSDKEventManager || {})
			
 
				+function ZSDK() {
			
 
				+  function c() {
			
 
				+    'function' !== typeof l
			
 
				+      ? z.Error('No OnLoad Handler provided to execute.')
			
 
				+      : C
			
 
				+        ? z.Error('OnLoad event already triggered.')
			
 
				+        : (l.call(q, q), (C = !0))
			
 
				+  }
			
 
				+  function m() {
			
 
				+    a.call(q, q)
			
 
				+  }
			
 
				+  function h() {
			
 
				+    return B
			
 
				+  }
			
 
				+  function n(a, b, c) {
			
 
				+    return ZSDKMessageManager.TriggerEvent(a, b, c)
			
 
				+  }
			
 
				+  function b(a) {
			
 
				+    z.Info('Setting AppContext data')
			
 
				+    var b = (a && a.model) || {}
			
 
				+    isDevMode &&
			
 
				+      a.locale &&
			
 
				+      a.localeResource &&
			
 
				+      0 === Object.keys(a.localeResource).length &&
			
 
				+      a.localeResource.constructor === Object &&
			
 
				+      a.locale &&
			
 
				+      v(a.locale)
			
 
				+    if ('undefined' !== typeof ZSDKModelManager) {
			
 
				+      for (var c in b) ZSDKModelManager.AddModel(c, b[c])
			
 
				+      q.Model = ZSDKModelManager.GetModelStore()
			
 
				+    }
			
 
				+    f = a.uniqueID
			
 
				+    d = a.connectors
			
 
				+    z.Info('App Connectors ', d)
			
 
				+    B = !0
			
 
				+  }
			
 
				+  function t() {
			
 
				+    return f
			
 
				+  }
			
 
				+  function k(a) {}
			
 
				+  function y() {
			
 
				+    return d
			
 
				+  }
			
 
				+  function v(a) {
			
 
				+    p('/app-translations/' + a + '.json', function (a) {
			
 
				+      A = JSON.parse(a)
			
 
				+      u()
			
 
				+    })
			
 
				+  }
			
 
				+  function p(a, b) {
			
 
				+    var c = new XMLHttpRequest()
			
 
				+    c.open('GET', a, !1)
			
 
				+    c.onreadystatechange = function () {
			
 
				+      4 == c.readyState && '200' == c.status && b(c.responseText)
			
 
				+    }
			
 
				+    c.send(null)
			
 
				+  }
			
 
				+  function g(a, b, c) {
			
 
				+    for (var d = ''; d != a; ) (d = a), (a = a.replace(b, c))
			
 
				+    return a
			
 
				+  }
			
 
				+  function r(a, b) {
			
 
				+    b = b.replace(/\[(\w+)\]/g, '.$1')
			
 
				+    b = b.replace(/^\./, '')
			
 
				+    for (var c = b.split('.'), d = 0, e = c.length; d < e; ++d) {
			
 
				+      var f = c[d]
			
 
				+      if (f in a) a = a[f]
			
 
				+      else return
			
 
				+    }
			
 
				+    return a
			
 
				+  }
			
 
				+  function u() {
			
 
				+    var a = document.querySelectorAll('[data-i18n]'),
			
 
				+      b
			
 
				+    for (b in a)
			
 
				+      if (a.hasOwnProperty(b)) {
			
 
				+        var c = r(A, a[b].getAttribute('data-i18n'))
			
 
				+        if (!c) return !1
			
 
				+        if (a[b].hasAttribute('data-options')) {
			
 
				+          var d = JSON.parse(
			
 
				+              JSON.stringify(
			
 
				+                eval('(' + a[b].getAttribute('data-options') + ')'),
			
 
				+              ),
			
 
				+            ),
			
 
				+            e = Object.keys(d),
			
 
				+            f
			
 
				+          for (f in e) c = g(c, '${' + e[f] + '}', d[e[f]])
			
 
				+        }
			
 
				+        a[b].innerHTML = c
			
 
				+      }
			
 
				+  }
			
 
				+  var l,
			
 
				+    a,
			
 
				+    d,
			
 
				+    e,
			
 
				+    f,
			
 
				+    A = {},
			
 
				+    z = ZSDKUtil.getLogger(),
			
 
				+    B = !1,
			
 
				+    C = !1
			
 
				+  this.isContextReady = !1
			
 
				+  this.HelperContext = {}
			
 
				+  this.isDevMode = !1
			
 
				+  this.getContext = function () {
			
 
				+    return q
			
 
				+  }
			
 
				+  var q = { Model: {}, Event: {} }
			
 
				+  q.Event.Listen = function (a, b) {
			
 
				+    ZSDKEventManager.AttachEventListener(a, b)
			
 
				+  }
			
 
				+  q.Event.Trigger = n
			
 
				+  q.GetRequest = function (a) {
			
 
				+    return ZSDKMessageManager.SendRequest(a)
			
 
				+  }
			
 
				+  q.QueryParams = e
			
 
				+  q.Translate = function (a, b) {
			
 
				+    var c = ''
			
 
				+    a && (c = r(A, a))
			
 
				+    if (!c) return !1
			
 
				+    if (b) {
			
 
				+      var d = JSON.parse(JSON.stringify(eval(b))),
			
 
				+        e = Object.keys(d)
			
 
				+      for (a in e) c = g(c, '${' + e[a] + '}', d[e[a]])
			
 
				+    }
			
 
				+    return c
			
 
				+  }
			
 
				+  this.OnLoad = function (a) {
			
 
				+    if ('function' !== typeof a) throw Error('Invalid Function value is passed')
			
 
				+    l = a
			
 
				+    B && c()
			
 
				+  }
			
 
				+  this.OnUnLoad = function (a) {}
			
 
				+  this.OnContextUpdate = function (b) {
			
 
				+    a = b
			
 
				+  }
			
 
				+  ;(function () {
			
 
				+    e = ZSDKUtil.GetQueryParams()
			
 
				+    isDevMode = !!e.isDevMode
			
 
				+    var a = {}
			
 
				+    a.isDevMode = isDevMode
			
 
				+    a.ExecuteLoadHandler = c
			
 
				+    a.SetContext = b
			
 
				+    a.UpdateContext = k
			
 
				+    a.QueryParams = e
			
 
				+    a.GetConnectors = y
			
 
				+    a.TriggerEvent = n
			
 
				+    a.ExecuteContextUpdateHandler = m
			
 
				+    a.getUniqueID = t
			
 
				+    a.isAppRegistered = h
			
 
				+    var d = ZSDKMessageManager.Init(a)
			
 
				+    window.addEventListener('message', d)
			
 
				+    window.addEventListener('unload', function () {
			
 
				+      ZSDKMessageManager.DERegisterApp()
			
 
				+    })
			
 
				+    'undefined' !== typeof ZSDKModelManager && ZSDKModelManager.Init(a)
			
 
				+    ZSDKMessageManager.RegisterApp()
			
 
				+  })()
			
 
				+}
			
--- a/src/api/supplier.js
+++ b/src/api/supplier.js
@@ -0,0 +1,44 @@
 
				+import request from '@/utils/axios2'
			
 
				+
			
 
				+export const getSupplierList = (data) =>
			
 
				+  request({
			
 
				+    method: 'post',
			
 
				+    url: `/Indent_supplier/lists`,
			
 
				+    data,
			
 
				+  })
			
 
				+
			
 
				+export const deleteSupplier = (data) =>
			
 
				+  request({
			
 
				+    method: 'post',
			
 
				+    url: `/Indent_supplier/delete`,
			
 
				+    data,
			
 
				+  })
			
 
				+
			
 
				+export const createSupplier = (data) =>
			
 
				+  request({
			
 
				+    method: 'post',
			
 
				+    url: `/Indent_supplier/create`,
			
 
				+    data,
			
 
				+  })
			
 
				+
			
 
				+export const updateSupplier = (data) =>
			
 
				+  request({
			
 
				+    method: 'post',
			
 
				+    url: `/Indent_supplier/update`,
			
 
				+    data,
			
 
				+  })
			
 
				+
			
 
				+// 审核记录
			
 
				+export const getExamineRecord = (data) =>
			
 
				+  request({
			
 
				+    method: 'post',
			
 
				+    url: `/Indent_supplier/prorecord`,
			
 
				+    data,
			
 
				+  })
			
 
				+
			
 
				+export const saveExamine = (data) =>
			
 
				+  request({
			
 
				+    method: 'post',
			
 
				+    url: `/Indent_supplier/prorecordSave`,
			
 
				+    data,
			
 
				+  })
			
--- a/src/i18n/zh-cn/order/index.js
+++ b/src/i18n/zh-cn/order/index.js
@@ -4,10 +4,12 @@ import indentEdit from './indent/edit'
 
				 import indentEditInfo from './indent/edit-info'
			
 
				 import indentCalc from './indent/calc'
			
 
				 import product from './product'
			
 
				+import supplier from './supplier'
			
 
				 
			
 
				 export default {
			
 
				   indent,
			
 
				   product,
			
 
				+  supplier,
			
 
				   category,
			
 
				   indent_edit_info: indentEditInfo,
			
 
				   indent_edit: indentEdit,
			
--- a/src/i18n/zh-cn/order/supplier.js
+++ b/src/i18n/zh-cn/order/supplier.js
@@ -0,0 +1,33 @@
 
				+export default {
			
 
				+  dialog_title_record: '审核记录',
			
 
				+  dialog_title_edit: '编辑供应商',
			
 
				+  dialog_title_add: '创建供应商',
			
 
				+  dialog_title_audit: '审核供应商',
			
 
				+
			
 
				+  label_Vendor_Name: '供应商名称',
			
 
				+  label_Phone: 'Phone',
			
 
				+  label_Business_Name: 'Business Name',
			
 
				+  label_Fax: 'Fax',
			
 
				+  label_Website: 'Website',
			
 
				+  label_Email: 'Email',
			
 
				+  label_Payment_Terms: '付款条件',
			
 
				+  label_Currency: 'Currency',
			
 
				+  label_Bank_Branch_Name: '开户行(私账)',
			
 
				+  label_Bank_Account_Holder: '持卡人(私账)',
			
 
				+  label_Bank_Account: '银行账户(私账)',
			
 
				+  label_Swift_Code_IBAN: '银行国际代码(私账)',
			
 
				+  label_Additional_Info: '备注(私账)',
			
 
				+  label_Bank_Branch_Name2: '开户行(公账)',
			
 
				+  label_Bank_Account_Holder2: '持卡人(公账)',
			
 
				+  label_Bank_Account2: '银行账户(公账)',
			
 
				+  label_Swift_Code_IBAN2: '银行国际代码(公账)',
			
 
				+  label_Additional_Info2: '备注(公账)',
			
 
				+
			
 
				+  label_status: '审核状态',
			
 
				+
			
 
				+  label_audit_detail: '审核详情',
			
 
				+  label_feedback: '反馈详情',
			
 
				+  label_audit_time: '审核时间',
			
 
				+  label_audit_operator: '审核人员',
			
 
				+  label_audit_result: '审核结果',
			
 
				+}
			
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -37,8 +37,9 @@ export interface IProductItem {
 
				   amount: number | string
			
 
				   discount: number | string
			
 
				   candidate: IProduct[]
			
 
				-
			
 
				-  [key: string]: number | string | IProduct | IProduct[]
			
 
				+  Warehouse?: string
			
 
				+  CF_Product_Type?: string
			
 
				+  [key: string]: number | string | IProduct | IProduct[] | undefined
			
 
				 }
			
 
				 export interface IForm {
			
 
				   Order_Type: string
			
@@ -74,6 +75,8 @@ export interface IForm {
 
				   Vendor_Name?: any
			
 
				   currentVendor?: string // 仅前端界面用到, API接口的字段是Vendor_Name
			
 
				   Reference?: string // 用在 表单项:订单号 显示
			
 
				+  Warehouse?: string
			
 
				+  CF_Product_Type?: string
			
 
				 }
			
 
				 
			
 
				 export interface IVendorItem {
			
@@ -83,7 +86,8 @@ export interface IVendorItem {
 
				   PDF_display: string
			
 
				   PDF_display2: string
			
 
				   Payment_Terms: string
			
 
				-  [x: string]: string | null
			
 
				+  High_Risk_Supplier: Boolean
			
 
				+  [x: string]: string | Boolean | null
			
 
				 }
			
 
				 
			
 
				 export interface IRecommandVendor {
			
--- a/src/pages/indent-manage/indent/components/quoteRecord.vue
+++ b/src/pages/indent-manage/indent/components/quoteRecord.vue
@@ -59,6 +59,19 @@
 
				                     v-model="formList[props.$index].Client_Mailbox"
			
 
				                   ></el-input>
			
 
				                 </el-form-item>
			
 
				+                <el-form-item
			
 
				+                  :rules="{
			
 
				+                    required: true,
			
 
				+                    message: 'Job Name is required',
			
 
				+                  }"
			
 
				+                  label="Job Name"
			
 
				+                  prop="Contract_Title"
			
 
				+                >
			
 
				+                  <el-input
			
 
				+                    v-model="formList[props.$index].Contract_Title"
			
 
				+                  ></el-input>
			
 
				+                </el-form-item>
			
 
				+
			
 
				                 <el-form-item
			
 
				                   :rules="{
			
 
				                     required: true,
			
@@ -126,7 +139,22 @@
 
				                     v-model="formList[props.$index].Shipping_Country"
			
 
				                   ></el-input>
			
 
				                 </el-form-item>
			
 
				-                <div></div>
			
 
				+                <el-form-item
			
 
				+                  label="Tax Level"
			
 
				+                  :rules="{
			
 
				+                    required: true,
			
 
				+                  }"
			
 
				+                  prop="Tax_Level"
			
 
				+                >
			
 
				+                  <el-select v-model="formList[props.$index].Tax_Level">
			
 
				+                    <el-option
			
 
				+                      v-for="item in taxList"
			
 
				+                      :key="item"
			
 
				+                      :label="item"
			
 
				+                      :value="item"
			
 
				+                    ></el-option>
			
 
				+                  </el-select>
			
 
				+                </el-form-item>
			
 
				               </div>
			
 
				               <div class="flex justify-end">
			
 
				                 <el-button
			
@@ -219,6 +247,8 @@ import {
 
				   ElFormItem,
			
 
				   ElInput,
			
 
				   ElDatePicker,
			
 
				+  ElSelect,
			
 
				+  ElOption,
			
 
				 } from 'element-plus'
			
 
				 import { getCalcPriceRecord, generateOrder } from '@/api/indent'
			
 
				 defineComponent({
			
@@ -246,7 +276,7 @@ watch(
 
				 const pageSize = ref(10)
			
 
				 const currentPage = ref(1)
			
 
				 const total = ref(0)
			
 
				-
			
 
				+const taxList = ref(['GST AU 10%', 'GST NZ 15%', 'No GST 0%', 'VAT 20%'])
			
 
				 const getCalcPriceRecordFunc = () => {
			
 
				   loading.value = true
			
 
				   getCalcPriceRecord({ id: id })
			
@@ -260,6 +290,7 @@ const getCalcPriceRecordFunc = () => {
 
				 
			
 
				       for (let i = 0; i < list.value.length; i++) {
			
 
				         formList.value.push({
			
 
				+          Contract_Title: '',
			
 
				           Expected_Delivery_Date: '',
			
 
				           Brand_Name: '',
			
 
				           Client_Mailbox: '',
			
@@ -268,6 +299,7 @@ const getCalcPriceRecordFunc = () => {
 
				           Shipping_City: '',
			
 
				           Shipping_State: '',
			
 
				           Shipping_Code: '',
			
 
				+          Tax_Level: 'GST AU 10%',
			
 
				           Order_Source: 'Indent App',
			
 
				           Contact_Name: { id: '4791186000057250001', name: '/' },
			
 
				         })
			
--- a/src/pages/indent-manage/index.vue
+++ b/src/pages/indent-manage/index.vue
@@ -11,13 +11,20 @@ defineComponent({
 
				 provide('mediaRegExp', /^(https?:)?\/\/.+(.com.au\/|.com\/)/)
			
 
				 const $route = useRoute()
			
 
				 const token = Cookie.get('indent-token')
			
 
				+const originQuery = $route.query as {
			
 
				+  [key: string]: string
			
 
				+}
			
 
				 
			
 
				+if (originQuery.id) {
			
 
				+  Cookie.set('indent-crm-id', originQuery.id || '')
			
 
				+}
			
 
				+if (originQuery.full_name) {
			
 
				+  Cookie.set('indent-crm-fullname', originQuery.full_name || '')
			
 
				+}
			
 
				+
			
 
				+const $router = useRouter()
			
 
				 // 访问非登录页, 未登录状态调整登录页
			
 
				 if (!token && $route.path !== '/indent-manage/login') {
			
 
				-  const $router = useRouter()
			
 
				-  const originQuery = $route.query as {
			
 
				-    [key: string]: string
			
 
				-  }
			
 
				   const params: any = {
			
 
				     origin: encodeURIComponent($route.path),
			
 
				   }
			
@@ -32,6 +39,9 @@ if (!token && $route.path !== '/indent-manage/login') {
 
				     path: '/indent-manage/login',
			
 
				     query: params,
			
 
				   })
			
 
				+} else if (originQuery.u) {
			
 
				+  console.log('已登录')
			
 
				+  $router.replace({ path: $route.path })
			
 
				 }
			
 
				 </script>
			
 
				 <style>
			
--- a/src/pages/indent-manage/supplier/components/edit.vue
+++ b/src/pages/indent-manage/supplier/components/edit.vue
@@ -0,0 +1,391 @@
 
				+<template>
			
 
				+  <div class="component-edit-indent-product">
			
 
				+    <el-dialog
			
 
				+      v-model="show"
			
 
				+      class="custom-edit-indent-product-dialog"
			
 
				+      :title="dialogTitle"
			
 
				+      :close-on-click-modal="false"
			
 
				+      :close-on-press-escape="false"
			
 
				+      :before-close="close"
			
 
				+      width="920px"
			
 
				+    >
			
 
				+      <el-form
			
 
				+        ref="formRef"
			
 
				+        style="width: 860px"
			
 
				+        :rules="rules"
			
 
				+        :model="form"
			
 
				+        label-width="155px"
			
 
				+      >
			
 
				+        <div class="flex justify-between flex-wrap">
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Vendor_Name')"
			
 
				+            prop="Vendor_Name"
			
 
				+          >
			
 
				+            <el-input
			
 
				+              v-model="form.Vendor_Name"
			
 
				+              :disabled="visible === 3"
			
 
				+            ></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Phone')"
			
 
				+            prop="Phone"
			
 
				+          >
			
 
				+            <el-input v-model="form.Phone"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Business_Name')"
			
 
				+            prop="Business_Name"
			
 
				+          >
			
 
				+            <el-input v-model="form.Business_Name"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Fax')"
			
 
				+            prop="Fax"
			
 
				+          >
			
 
				+            <el-input v-model="form.Fax"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Website')"
			
 
				+            prop="Website"
			
 
				+          >
			
 
				+            <el-input v-model="form.Website"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Email')"
			
 
				+            prop="Email"
			
 
				+          >
			
 
				+            <el-input v-model="form.Email"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Payment_Terms')"
			
 
				+            prop="Payment_Terms"
			
 
				+          >
			
 
				+            <el-select v-model="form.Payment_Terms">
			
 
				+              <el-option
			
 
				+                v-for="item in categoryData"
			
 
				+                :key="item"
			
 
				+                :label="item"
			
 
				+                :value="item"
			
 
				+              ></el-option>
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Currency')"
			
 
				+            prop="Currency"
			
 
				+          >
			
 
				+            <el-select v-model="form.Currency">
			
 
				+              <el-option
			
 
				+                v-for="item in currencyData"
			
 
				+                :key="item"
			
 
				+                :label="item"
			
 
				+                :value="item"
			
 
				+              ></el-option>
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Bank_Branch_Name')"
			
 
				+            prop="Bank_Branch_Name"
			
 
				+          >
			
 
				+            <el-input v-model="form.Bank_Branch_Name"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Bank_Branch_Name2')"
			
 
				+            prop="Bank_Branch_Name2"
			
 
				+          >
			
 
				+            <el-input v-model="form.Bank_Branch_Name2"></el-input>
			
 
				+          </el-form-item>
			
 
				+
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Bank_Account')"
			
 
				+            prop="Bank_Branch_Name"
			
 
				+          >
			
 
				+            <el-input v-model="form.Bank_Account"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Bank_Account2')"
			
 
				+            prop="Bank_Branch_Name2"
			
 
				+          >
			
 
				+            <el-input v-model="form.Bank_Account2"></el-input>
			
 
				+          </el-form-item>
			
 
				+
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Swift_Code_IBAN')"
			
 
				+            prop="Bank_Branch_Name"
			
 
				+          >
			
 
				+            <el-input v-model="form.Swift_Code_IBAN"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Swift_Code_IBAN2')"
			
 
				+            prop="Swift_Code_IBAN2"
			
 
				+          >
			
 
				+            <el-input v-model="form.Swift_Code_IBAN2"></el-input>
			
 
				+          </el-form-item>
			
 
				+
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Additional_Info')"
			
 
				+            prop="Bank_Branch_Name"
			
 
				+          >
			
 
				+            <el-input
			
 
				+              v-model="form.Additional_Info"
			
 
				+              type="textarea"
			
 
				+              :rows="3"
			
 
				+            ></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item
			
 
				+            :label="$t(prefix + 'label_Additional_Info2')"
			
 
				+            prop="Bank_Branch_Name2"
			
 
				+          >
			
 
				+            <el-input
			
 
				+              v-model="form.Additional_Info2"
			
 
				+              type="textarea"
			
 
				+              :rows="3"
			
 
				+            ></el-input>
			
 
				+          </el-form-item>
			
 
				+
			
 
				+          <el-form-item
			
 
				+            v-if="visible === 3"
			
 
				+            :label="$t(prefix + 'label_feedback')"
			
 
				+            prop="feedback"
			
 
				+          >
			
 
				+            <el-input
			
 
				+              v-model="form.feedback"
			
 
				+              type="textarea"
			
 
				+              :rows="3"
			
 
				+            ></el-input>
			
 
				+            <div class="text-red-500 text-base leading-5">
			
 
				+              审核填一下反馈详情直接提交就行, 不用管标红的必填项
			
 
				+            </div>
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+      </el-form>
			
 
				+      <template #footer>
			
 
				+        <div
			
 
				+          v-show="visible !== 3"
			
 
				+          class="flex justify-center items-center"
			
 
				+        >
			
 
				+          <el-button
			
 
				+            type="primary"
			
 
				+            @click="checkForm"
			
 
				+          >
			
 
				+            {{ $t('btn_save') }}
			
 
				+          </el-button>
			
 
				+          <el-button @click="close">
			
 
				+            {{ $t('btn_close') }}
			
 
				+          </el-button>
			
 
				+        </div>
			
 
				+        <div
			
 
				+          v-show="visible === 3"
			
 
				+          class="flex justify-center items-center"
			
 
				+        >
			
 
				+          <el-button
			
 
				+            type="danger"
			
 
				+            @click="audit(2)"
			
 
				+          >
			
 
				+            驳回
			
 
				+          </el-button>
			
 
				+          <el-button
			
 
				+            type="primary"
			
 
				+            @click="audit(1)"
			
 
				+          >
			
 
				+            审核通过
			
 
				+          </el-button>
			
 
				+        </div>
			
 
				+      </template>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script lang="ts" setup>
			
 
				+import { defineComponent, ref, watch, computed } from 'vue'
			
 
				+import {
			
 
				+  ElDialog,
			
 
				+  ElButton,
			
 
				+  ElForm,
			
 
				+  ElFormItem,
			
 
				+  ElInput,
			
 
				+  ElNotification,
			
 
				+  ElSelect,
			
 
				+  ElOption,
			
 
				+} from 'element-plus'
			
 
				+import type { FormInstance } from 'element-plus'
			
 
				+import cloneDeep from 'lodash.clonedeep'
			
 
				+import { $t } from '@/i18n/index'
			
 
				+import { createSupplier, updateSupplier, saveExamine } from '@/api/supplier.js'
			
 
				+
			
 
				+defineComponent({
			
 
				+  name: 'CompIndentEditProduct',
			
 
				+})
			
 
				+const {
			
 
				+  visible = 0,
			
 
				+  itemData = {},
			
 
				+  categoryData = [],
			
 
				+  currencyData = [],
			
 
				+} = defineProps<{
			
 
				+  visible: number
			
 
				+  itemData: any
			
 
				+  categoryData: any[]
			
 
				+  currencyData: any[]
			
 
				+}>()
			
 
				+const $emit = defineEmits(['update:visible'])
			
 
				+
			
 
				+const dialogTitle = computed(() => {
			
 
				+  if (visible === 1) return $t(prefix + 'dialog_title_add')
			
 
				+  if (visible === 2) return $t(prefix + 'dialog_title_edit')
			
 
				+  return $t(prefix + 'dialog_title_audit')
			
 
				+})
			
 
				+
			
 
				+const show = ref(false)
			
 
				+const prefix = 'order.supplier.'
			
 
				+const form = ref({
			
 
				+  status: 1,
			
 
				+  Vendor_Name: '',
			
 
				+  Phone: '',
			
 
				+  Business_Name: '',
			
 
				+  Fax: '',
			
 
				+  Website: '',
			
 
				+  Email: '',
			
 
				+  Payment_Terms: '阿里巴巴平台付款',
			
 
				+  Currency: 'CNY',
			
 
				+
			
 
				+  Bank_Branch_Name: '',
			
 
				+  Bank_Account_Holder: '',
			
 
				+  Bank_Account: '',
			
 
				+  Swift_Code_IBAN: '',
			
 
				+  Additional_Info: '',
			
 
				+
			
 
				+  Bank_Branch_Name2: '',
			
 
				+  Bank_Account_Holder2: '',
			
 
				+  Bank_Account2: '',
			
 
				+  Swift_Code_IBAN2: '',
			
 
				+  Additional_Info2: '',
			
 
				+  feedback: '',
			
 
				+} as any)
			
 
				+const rules = {
			
 
				+  Vendor_Name: [
			
 
				+    {
			
 
				+      required: true,
			
 
				+      message: $t('text_please_input'),
			
 
				+      trigger: 'change',
			
 
				+    },
			
 
				+  ],
			
 
				+}
			
 
				+
			
 
				+watch(
			
 
				+  () => visible,
			
 
				+  (value) => {
			
 
				+    show.value = value > 0
			
 
				+    if (value > 0) {
			
 
				+      resetData()
			
 
				+    }
			
 
				+    if (value === 1) {
			
 
				+      // 创建 的状态是 通过 的.
			
 
				+      form.value.status = 1
			
 
				+    } else if (value === 2) {
			
 
				+      form.value = cloneDeep(itemData)
			
 
				+
			
 
				+      delete form.value.admin_name
			
 
				+      delete form.value.admin_id
			
 
				+      delete form.value.create_time
			
 
				+      delete form.value.update_time
			
 
				+    }
			
 
				+  },
			
 
				+)
			
 
				+
			
 
				+const formRef = ref<FormInstance>()
			
 
				+const checkForm = () => {
			
 
				+  if (!formRef.value) return
			
 
				+
			
 
				+  formRef.value.validate((valid: boolean) => {
			
 
				+    if (valid) {
			
 
				+      const p = cloneDeep(form.value)
			
 
				+
			
 
				+      if (visible === 1) {
			
 
				+        delete p.feedback
			
 
				+        create(p)
			
 
				+      } else if (visible === 2) {
			
 
				+        delete p.feedback
			
 
				+        edit(p)
			
 
				+      }
			
 
				+    }
			
 
				+  })
			
 
				+}
			
 
				+const create = (p: any) => {
			
 
				+  createSupplier(p).then((res: any) => {
			
 
				+    if (res.code === 1) {
			
 
				+      ElNotification({
			
 
				+        title: '创建成功',
			
 
				+        message: '正在刷新数据',
			
 
				+        duration: 3000,
			
 
				+      })
			
 
				+      resetData()
			
 
				+      close()
			
 
				+    }
			
 
				+  })
			
 
				+}
			
 
				+const edit = (p: any) => {
			
 
				+  updateSupplier(p).then((res: any) => {
			
 
				+    if (res.code === 1) {
			
 
				+      ElNotification({
			
 
				+        title: '编辑成功',
			
 
				+        message: '正在刷新数据',
			
 
				+        duration: 3000,
			
 
				+      })
			
 
				+      resetData()
			
 
				+      close()
			
 
				+    }
			
 
				+  })
			
 
				+}
			
 
				+const resetData = () => {
			
 
				+  form.value = {
			
 
				+    status: 1,
			
 
				+    Vendor_Name: '',
			
 
				+    Phone: '',
			
 
				+    Business_Name: '',
			
 
				+    Fax: '',
			
 
				+    Website: '',
			
 
				+    Email: '',
			
 
				+    Payment_Terms: '阿里巴巴平台付款',
			
 
				+    Currency: 'CNY',
			
 
				+
			
 
				+    Bank_Branch_Name: '',
			
 
				+    Bank_Account_Holder: '',
			
 
				+    Bank_Account: '',
			
 
				+    Swift_Code_IBAN: '',
			
 
				+    Additional_Info: '',
			
 
				+
			
 
				+    Bank_Branch_Name2: '',
			
 
				+    Bank_Account_Holder2: '',
			
 
				+    Bank_Account2: '',
			
 
				+    Swift_Code_IBAN2: '',
			
 
				+    Additional_Info2: '',
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+let close = (done = {} as any) => {
			
 
				+  $emit('update:visible', 0)
			
 
				+  if (typeof done === 'function') done()
			
 
				+}
			
 
				+const audit = (status: number = 2) => {
			
 
				+  const d = {
			
 
				+    status,
			
 
				+    id: itemData.id,
			
 
				+    feedback: form.value.feedback || '',
			
 
				+  }
			
 
				+  console.log(d, 'd')
			
 
				+  saveExamine(d).then(() => {
			
 
				+    ElNotification({
			
 
				+      title: '操作成功',
			
 
				+      message: '正在刷新数据',
			
 
				+      duration: 3000,
			
 
				+    })
			
 
				+    close()
			
 
				+  })
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.el-form-item {
			
 
				+  width: 48%;
			
 
				+}
			
 
				+</style>
			
--- a/src/pages/indent-manage/supplier/components/record.vue
+++ b/src/pages/indent-manage/supplier/components/record.vue
@@ -0,0 +1,94 @@
 
				+<template>
			
 
				+  <div class="">
			
 
				+    <el-dialog
			
 
				+      v-model="show"
			
 
				+      :title="$t(prefix + 'dialog_title_record')"
			
 
				+      :close-on-click-modal="false"
			
 
				+      :close-on-press-escape="false"
			
 
				+      :before-close="close"
			
 
				+      width="550px"
			
 
				+    >
			
 
				+      <el-table
			
 
				+        v-loading="loading"
			
 
				+        :data="record"
			
 
				+      >
			
 
				+        <el-table-column
			
 
				+          width="180"
			
 
				+          :label="$t(prefix + 'label_audit_time')"
			
 
				+          prop="create_time"
			
 
				+        ></el-table-column>
			
 
				+        <el-table-column
			
 
				+          :label="$t(prefix + 'label_audit_operator')"
			
 
				+          prop="admin_name"
			
 
				+        ></el-table-column>
			
 
				+        <el-table-column :label="$t(prefix + 'label_audit_result')">
			
 
				+          <template #default="scope">
			
 
				+            <div>{{ getStatusLabel(scope.row.status) }}</div>
			
 
				+          </template>
			
 
				+        </el-table-column>
			
 
				+        <el-table-column
			
 
				+          :label="$t(prefix + 'label_feedback')"
			
 
				+          prop="feedback"
			
 
				+        ></el-table-column>
			
 
				+      </el-table>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script lang="ts" setup>
			
 
				+import { defineComponent, ref, watch } from 'vue'
			
 
				+import { ElDialog, ElTable, ElTableColumn } from 'element-plus'
			
 
				+import { getExamineRecord } from '@/api/supplier'
			
 
				+import { $t } from '@/i18n/index'
			
 
				+defineComponent({
			
 
				+  name: 'DialogExamineRecord',
			
 
				+})
			
 
				+
			
 
				+const {
			
 
				+  visible = false,
			
 
				+  id = '',
			
 
				+  statusList = [],
			
 
				+} = defineProps<{
			
 
				+  visible: boolean
			
 
				+  id: number | string
			
 
				+  statusList: any[]
			
 
				+}>()
			
 
				+const $emit = defineEmits(['update:visible'])
			
 
				+
			
 
				+let show = ref(false)
			
 
				+let loading = ref(false)
			
 
				+let record = ref([] as any[])
			
 
				+const prefix = 'order.product.'
			
 
				+
			
 
				+watch(
			
 
				+  () => visible,
			
 
				+  () => {
			
 
				+    show.value = visible
			
 
				+    if (show.value) getRecord()
			
 
				+  },
			
 
				+)
			
 
				+
			
 
				+const getStatusLabel = (value: any) => {
			
 
				+  const temp: any[] = statusList.filter((i: any) => i.value === value)
			
 
				+  return temp.length ? temp[0].label : '-'
			
 
				+}
			
 
				+const getRecord = () => {
			
 
				+  loading.value = true
			
 
				+  getExamineRecord({ supplier_id: id })
			
 
				+    .then((res: any) => {
			
 
				+      if (res.code !== 1) {
			
 
				+        return
			
 
				+      }
			
 
				+      if (Array.isArray(res.result)) {
			
 
				+        record.value = res.result
			
 
				+      }
			
 
				+    })
			
 
				+    .finally(() => {
			
 
				+      loading.value = false
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+let close = (done = {} as any) => {
			
 
				+  $emit('update:visible', false)
			
 
				+  if (typeof done === 'function') done()
			
 
				+}
			
 
				+</script>
			
--- a/src/pages/indent-manage/supplier/index.vue
+++ b/src/pages/indent-manage/supplier/index.vue
@@ -0,0 +1,12 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <router-view />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script lang="ts" setup>
			
 
				+import { defineComponent } from 'vue'
			
 
				+defineComponent({
			
 
				+  name: 'SupplierIndex',
			
 
				+})
			
 
				+</script>
			
--- a/src/pages/indent-manage/supplier/list.vue
+++ b/src/pages/indent-manage/supplier/list.vue
@@ -0,0 +1,409 @@
 
				+<template>
			
 
				+  <div class="page-indent-list py-4 px-2 shadow max-w-[1800px] mx-auto">
			
 
				+    <el-form
			
 
				+      ref="searchForm"
			
 
				+      :inline="true"
			
 
				+      :model="form"
			
 
				+      label-width="110px"
			
 
				+    >
			
 
				+      <div class="flex flex-wrap items-center search-form">
			
 
				+        <el-form-item :label="$t(prefix + 'label_Vendor_Name') + ':'">
			
 
				+          <el-input v-model="form.Vendor_Name"></el-input>
			
 
				+        </el-form-item>
			
 
				+
			
 
				+        <el-form-item :label="$t(prefix + 'label_Payment_Terms') + ':'">
			
 
				+          <el-select
			
 
				+            v-model="form.Payment_Terms"
			
 
				+            clearable
			
 
				+          >
			
 
				+            <el-option
			
 
				+              v-for="item in categoryList"
			
 
				+              :key="item"
			
 
				+              :label="item"
			
 
				+              :value="item"
			
 
				+            ></el-option>
			
 
				+          </el-select>
			
 
				+        </el-form-item>
			
 
				+
			
 
				+        <el-form-item :label="$t(prefix + 'label_status') + ':'">
			
 
				+          <el-select
			
 
				+            v-model="form.status"
			
 
				+            clearable
			
 
				+          >
			
 
				+            <el-option
			
 
				+              v-for="item in statusList"
			
 
				+              :key="item.value"
			
 
				+              :label="item.label"
			
 
				+              :value="item.value"
			
 
				+            ></el-option>
			
 
				+          </el-select>
			
 
				+        </el-form-item>
			
 
				+
			
 
				+        <el-form-item>
			
 
				+          <div class="flex items-center btn-group">
			
 
				+            <el-button
			
 
				+              size="small"
			
 
				+              type="primary"
			
 
				+              @click="search"
			
 
				+            >
			
 
				+              {{ $t('btn_query') }}
			
 
				+            </el-button>
			
 
				+            <el-button
			
 
				+              size="small"
			
 
				+              type="default"
			
 
				+              @click="reset"
			
 
				+            >
			
 
				+              {{ $t('btn_reset') }}
			
 
				+            </el-button>
			
 
				+          </div>
			
 
				+        </el-form-item>
			
 
				+      </div>
			
 
				+    </el-form>
			
 
				+
			
 
				+    <div class="mb-2">
			
 
				+      <el-button
			
 
				+        size="small"
			
 
				+        type="primary"
			
 
				+        @click="componentEditVisible = 1"
			
 
				+      >
			
 
				+        {{ $t('btn_add') }}
			
 
				+      </el-button>
			
 
				+    </div>
			
 
				+
			
 
				+    <el-table
			
 
				+      ref="tableIndent"
			
 
				+      :header-cell-style="{ backgroundColor: '#F2F6FC' }"
			
 
				+      :row-style="{ backgroundColor: '#F2F6FC' }"
			
 
				+      :data="list"
			
 
				+      default-expand-all
			
 
				+      border
			
 
				+    >
			
 
				+      <el-table-column type="index"></el-table-column>
			
 
				+      <el-table-column
			
 
				+        v-for="value in mainTableConfig"
			
 
				+        :key="value.field"
			
 
				+        :align="value.align || 'center'"
			
 
				+        :width="value.width || ''"
			
 
				+        :prop="value.field"
			
 
				+        :label="$t(value.label)"
			
 
				+      >
			
 
				+        <template #default="scope">
			
 
				+          <div v-if="value.type === 'imageList'">
			
 
				+            <img
			
 
				+              v-if="scope.row[value.field].length"
			
 
				+              style="width: 100%"
			
 
				+              :src="scope.row[value.field][0]"
			
 
				+              @click="imgClick(scope.row[value.field][0])"
			
 
				+            />
			
 
				+          </div>
			
 
				+          <div v-else-if="value.field === 'status'">
			
 
				+            <div>
			
 
				+              {{ getStatusLabel(scope.row[value.field]) }}
			
 
				+            </div>
			
 
				+            <el-button
			
 
				+              size="small"
			
 
				+              type="primary"
			
 
				+              link
			
 
				+              @click="openRecord(scope.row)"
			
 
				+            >
			
 
				+              {{ $t(prefix + 'label_audit_detail') }}
			
 
				+            </el-button>
			
 
				+          </div>
			
 
				+          <div
			
 
				+            v-else
			
 
				+            class="table-cell-content"
			
 
				+            :style="value.style || {}"
			
 
				+          >
			
 
				+            {{ scope.row[value.field] }}
			
 
				+          </div>
			
 
				+        </template>
			
 
				+      </el-table-column>
			
 
				+      <el-table-column
			
 
				+        prop="status"
			
 
				+        width="220"
			
 
				+        :label="$t('table_operation')"
			
 
				+      >
			
 
				+        <template #default="scope">
			
 
				+          <el-button
			
 
				+            size="small"
			
 
				+            type="primary"
			
 
				+            :disabled="scope.row.status === 0"
			
 
				+            @click="edit(scope.row)"
			
 
				+          >
			
 
				+            {{ $t('btn_edit') }}
			
 
				+          </el-button>
			
 
				+          <el-button
			
 
				+            size="small"
			
 
				+            type="warning"
			
 
				+            :disabled="scope.row.status !== 0"
			
 
				+            @click="examine(scope.row)"
			
 
				+          >
			
 
				+            {{ $t('btn_audit') }}
			
 
				+          </el-button>
			
 
				+          <el-button
			
 
				+            :disabled="scope.row.status !== 2"
			
 
				+            size="small"
			
 
				+            type="danger"
			
 
				+            @click="deleteSupplierFunc(scope.row)"
			
 
				+          >
			
 
				+            {{ $t('btn_delete') }}
			
 
				+          </el-button>
			
 
				+        </template>
			
 
				+      </el-table-column>
			
 
				+    </el-table>
			
 
				+    <div class="flex justify-end my-4">
			
 
				+      <el-pagination
			
 
				+        v-show="total > 0"
			
 
				+        v-model:current-page="pageForm.page"
			
 
				+        v-model:page-size="pageForm.limit"
			
 
				+        v-model:total="total"
			
 
				+        layout="prev, pager, next, jumper, sizes"
			
 
				+        @current-change="getList"
			
 
				+        @size-change="getList"
			
 
				+      />
			
 
				+    </div>
			
 
				+    <comp-edit
			
 
				+      v-model:visible="componentEditVisible"
			
 
				+      :item-data="dataForEdit"
			
 
				+      :category-data="categoryList"
			
 
				+      :currency-data="currencyList"
			
 
				+      @update:visible="getList"
			
 
				+    ></comp-edit>
			
 
				+    <comp-record
			
 
				+      :id="recordId"
			
 
				+      v-model:visible="componentRecordVisible"
			
 
				+      :status-list="statusList"
			
 
				+    ></comp-record>
			
 
				+    <el-dialog
			
 
				+      v-model="bigImageVisible"
			
 
				+      style="margin: 5vh auto"
			
 
				+      width="800"
			
 
				+    >
			
 
				+      <div class="flex justify-center">
			
 
				+        <img
			
 
				+          :src="currentBigImage"
			
 
				+          style="max-width: 100%; height: auto"
			
 
				+          alt=""
			
 
				+        />
			
 
				+      </div>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script lang="ts" setup>
			
 
				+import { defineComponent, ref, watch } from 'vue'
			
 
				+import {
			
 
				+  ElButton,
			
 
				+  ElForm,
			
 
				+  ElFormItem,
			
 
				+  ElInput,
			
 
				+  ElTable,
			
 
				+  ElTableColumn,
			
 
				+  ElSelect,
			
 
				+  ElOption,
			
 
				+  ElMessageBox,
			
 
				+  ElNotification,
			
 
				+  ElPagination,
			
 
				+  ElDialog,
			
 
				+} from 'element-plus'
			
 
				+import compEdit from './components/edit.vue'
			
 
				+import compRecord from './components/record.vue'
			
 
				+import { $t } from '@/i18n/index'
			
 
				+import { getSupplierList, deleteSupplier } from '@/api/supplier.js'
			
 
				+
			
 
				+defineComponent({
			
 
				+  name: 'ComponentIndentSupplierList',
			
 
				+})
			
 
				+const prefix = 'order.supplier.'
			
 
				+let componentEditVisible = ref(0) // 1 新增, 2编辑. 0关闭
			
 
				+let componentRecordVisible = ref(false) // 审核记录
			
 
				+let dataForEdit = ref({}) // 修改时用, 只是用作传递给子组件数据的变量
			
 
				+let recordId = ref('')
			
 
				+let loading = ref(false)
			
 
				+let categoryList = ref([
			
 
				+  '阿里巴巴平台付款',
			
 
				+  '70%定金',
			
 
				+  '50%定金',
			
 
				+  '40%定金',
			
 
				+  '30%定金',
			
 
				+  '全款',
			
 
				+  '月结',
			
 
				+  '半月结（两周结）',
			
 
				+])
			
 
				+const currencyList = ref([
			
 
				+  'AUD',
			
 
				+  'NZD',
			
 
				+  'CHY',
			
 
				+  'GBP',
			
 
				+  'EUR',
			
 
				+  'USD',
			
 
				+  'HKD',
			
 
				+  'CAD',
			
 
				+  'JPY',
			
 
				+  'SGD',
			
 
				+])
			
 
				+let form = ref({
			
 
				+  Vendor_Name: '',
			
 
				+  Payment_Terms: '',
			
 
				+  status: '',
			
 
				+} as any)
			
 
				+let total = ref(0)
			
 
				+let pageForm = ref({
			
 
				+  page: 1,
			
 
				+  limit: 20,
			
 
				+})
			
 
				+let list = ref([])
			
 
				+const mainTableConfig: any[] = [
			
 
				+  {
			
 
				+    label: 'order.supplier.label_Vendor_Name',
			
 
				+    field: 'Vendor_Name',
			
 
				+  },
			
 
				+  {
			
 
				+    label: 'order.supplier.label_Phone',
			
 
				+    field: 'Phone',
			
 
				+    width: '120',
			
 
				+  },
			
 
				+  {
			
 
				+    label: 'order.supplier.label_Payment_Terms',
			
 
				+    field: 'Payment_Terms',
			
 
				+    width: '110',
			
 
				+  },
			
 
				+  {
			
 
				+    label: '数据来源',
			
 
				+    field: 'fromwhere',
			
 
				+    width: '110',
			
 
				+  },
			
 
				+  {
			
 
				+    label: 'order.supplier.label_status',
			
 
				+    field: 'status',
			
 
				+    width: '110',
			
 
				+    style: 'font-weight: bold;',
			
 
				+  },
			
 
				+  {
			
 
				+    label: 'table_operator',
			
 
				+    field: 'admin_name',
			
 
				+    width: '90',
			
 
				+  },
			
 
				+  {
			
 
				+    label: 'table_operated_time',
			
 
				+    field: 'update_time',
			
 
				+    width: '180',
			
 
				+  },
			
 
				+]
			
 
				+const statusList = [
			
 
				+  {
			
 
				+    value: 0,
			
 
				+    label: '待审核',
			
 
				+  },
			
 
				+  {
			
 
				+    value: 1,
			
 
				+    label: '审核通过',
			
 
				+  },
			
 
				+  {
			
 
				+    value: 2,
			
 
				+    label: '审核不通过',
			
 
				+  },
			
 
				+]
			
 
				+
			
 
				+const search = () => {
			
 
				+  pageForm.value = {
			
 
				+    page: 1,
			
 
				+    limit: 20,
			
 
				+  }
			
 
				+  getList()
			
 
				+}
			
 
				+
			
 
				+const getStatusLabel = (value: number) => {
			
 
				+  const temp = statusList.filter((i: any) => i.value === value)
			
 
				+  return temp.length ? temp[0].label : '-'
			
 
				+}
			
 
				+const reset = () => {
			
 
				+  form.value = {
			
 
				+    Vendor_Name: '',
			
 
				+    Payment_Terms: '',
			
 
				+    status: '',
			
 
				+  }
			
 
				+  pageForm.value = {
			
 
				+    page: 1,
			
 
				+    limit: 20,
			
 
				+  }
			
 
				+  total.value = 0
			
 
				+  getList()
			
 
				+}
			
 
				+
			
 
				+const edit = (row: any) => {
			
 
				+  dataForEdit.value = row
			
 
				+  componentEditVisible.value = 2
			
 
				+}
			
 
				+const deleteSupplierFunc = (row: any) => {
			
 
				+  ElMessageBox.confirm('将删除该供应商, 是否继续?', '提示', {
			
 
				+    confirmButtonText: '确定',
			
 
				+    cancelButtonText: '取消',
			
 
				+    type: 'warning',
			
 
				+  }).then(() => {
			
 
				+    deleteSupplier({ id: row.id }).then((res: any) => {
			
 
				+      if (res.code === 1) {
			
 
				+        getList()
			
 
				+        ElNotification({
			
 
				+          title: '删除成功',
			
 
				+          message: '正在刷新数据',
			
 
				+          duration: 3000,
			
 
				+        })
			
 
				+      }
			
 
				+    })
			
 
				+  })
			
 
				+}
			
 
				+const examine = (row: any) => {
			
 
				+  dataForEdit.value = row
			
 
				+  componentEditVisible.value = 3
			
 
				+}
			
 
				+const openRecord = (row: any) => {
			
 
				+  recordId.value = row.id
			
 
				+  componentRecordVisible.value = true
			
 
				+}
			
 
				+
			
 
				+const getList = () => {
			
 
				+  const p: any = Object.assign({}, pageForm.value, form.value)
			
 
				+  loading.value = true
			
 
				+
			
 
				+  getSupplierList(p)
			
 
				+    .then((res: any) => {
			
 
				+      list.value =
			
 
				+        res.result?.data?.map((main: any) => {
			
 
				+          let status = Number(main.status)
			
 
				+          if (typeof status !== 'number') status = 0
			
 
				+          return {
			
 
				+            ...main,
			
 
				+            status,
			
 
				+          }
			
 
				+        }) || []
			
 
				+
			
 
				+      total.value = res.result.total
			
 
				+    })
			
 
				+    .finally(() => {
			
 
				+      loading.value = false
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+getList()
			
 
				+
			
 
				+const currentBigImage = ref('')
			
 
				+const bigImageVisible = ref(false)
			
 
				+const imgClick = (url: string) => {
			
 
				+  currentBigImage.value = url
			
 
				+  bigImageVisible.value = true
			
 
				+}
			
 
				+watch(bigImageVisible, () => {
			
 
				+  if (!bigImageVisible.value) currentBigImage.value = ''
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.search-form {
			
 
				+  .el-input,
			
 
				+  .el-select,
			
 
				+  .el-date-editor {
			
 
				+    width: 220px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/pages/purchase-order/const.ts
+++ b/src/pages/purchase-order/const.ts
@@ -0,0 +1,385 @@
 
				+import { TypeService, ICompanyItem } from '@/interface'
			
 
				+import { ref } from 'vue'
			
 
				+
			
 
				+import type { FormRules } from 'element-plus'
			
 
				+
			
 
				+export 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: '',
			
 
				+  },
			
 
				+])
			
 
				+
			
 
				+export const orderTypeList = ref([
			
 
				+  {
			
 
				+    label: '打样',
			
 
				+  },
			
 
				+  {
			
 
				+    label: '大货',
			
 
				+  },
			
 
				+])
			
 
				+
			
 
				+export 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',
			
 
				+    },
			
 
				+  ],
			
 
				+  field7: [
			
 
				+    {
			
 
				+      required: true,
			
 
				+      message: '必填项',
			
 
				+      trigger: 'blur',
			
 
				+    },
			
 
				+  ],
			
 
				+  field8: [
			
 
				+    {
			
 
				+      required: true,
			
 
				+      message: '必填项',
			
 
				+      trigger: 'blur',
			
 
				+    },
			
 
				+  ],
			
 
				+  field6: [
			
 
				+    {
			
 
				+      required: true,
			
 
				+      message: '必填项',
			
 
				+      trigger: 'blur',
			
 
				+    },
			
 
				+  ],
			
 
				+  currentVendor: [
			
 
				+    {
			
 
				+      required: true,
			
 
				+      message: '必填项',
			
 
				+      trigger: 'change',
			
 
				+    },
			
 
				+  ],
			
 
				+})
			
 
				+
			
 
				+export const emptyProductItem = {
			
 
				+  label: '',
			
 
				+  value: '',
			
 
				+  candidate: [],
			
 
				+  name: '',
			
 
				+  desc: '',
			
 
				+  id: '',
			
 
				+  quantity: '',
			
 
				+  rate: '',
			
 
				+  requirement: '',
			
 
				+  // 未计算优惠(discount)之前的总额
			
 
				+  amount: 0,
			
 
				+  // 优惠额度
			
 
				+  discount: '',
			
 
				+  // 库存
			
 
				+  Warehouse: '',
			
 
				+  // 用来区分是否 库存商品, 是则需要将库存选项设置为必选项
			
 
				+  CF_Product_Type: '',
			
 
				+}
			
 
				+
			
 
				+export const getPath = function (path: string) {
			
 
				+  return new URL(path, import.meta.url).href
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 用于切换合同模版. Promo Collection 用户组使用.
			
 
				+ */
			
 
				+export 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 用户组的模版
			
 
				+ */
			
 
				+export 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'),
			
 
				+  },
			
 
				+])
			
 
				+
			
 
				+/**
			
 
				+ *  合同的服务条款
			
 
				+ */
			
 
				+export 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 完全相同
			
 
				+})
			
 
				+
			
 
				+export const appendixData: any[] = [
			
 
				+  '产品制作要求及质量检验标准：',
			
 
				+  {
			
 
				+    value:
			
 
				+      '1、乙方必须严格按甲方要求或产品销售国家/产品出口国最新的相关国家、行业标准对产品质量进行监控和检验。如在现场检验中发现乙方提供的产品不符合合同约定或与样板不符，乙方应在甲方要求的期限内补足、更换。补足、更换后的产品应符合合同要求。',
			
 
				+  },
			
 
				+  {
			
 
				+    value:
			
 
				+      '2、出货前甲方对合同项下产品按GB/T2828.1—2012抽样方法进行抽检，采用Ⅱ级检验水准，AQL值为：严重质量缺陷=1.0，重要质量缺陷=2.5，轻微质量缺陷=4.0 作为标准, 若检验不合格，甲方有权拒收整批货品。乙方应及时采取有效的措施补救，确保合同项下产品在合同交货期内按质、按量交货。如发生延误，则按本合同第七条的约定处理。',
			
 
				+  },
			
 
				+]
			
 
				+
			
 
				+export const warehouseList = ref<string[]>([
			
 
				+  'AU Warehouse',
			
 
				+  'GZ Warehouse',
			
 
				+  'UK Warehouse',
			
 
				+  'B Dynamic',
			
 
				+  'TSO',
			
 
				+  'SZ Warehouse',
			
 
				+  'Dynamic Screenprint',
			
 
				+  'AUE',
			
 
				+  'Cleverpak',
			
 
				+  'Alex Pad Printing',
			
 
				+  'RNJ Printing Specialty',
			
 
				+  'Disability Services Australia Limited',
			
 
				+])
			
 
				+
			
 
				+/**
			
 
				+ * 测试用的产品黑名单, 不应该出现在生产上的商品.
			
 
				+ */
			
 
				+export const productBlackList = ['4791186000046982872', '4791186000046982896']
			
 
				+
			
 
				+interface PrimePacTable {
			
 
				+  project: string
			
 
				+  method: string
			
 
				+}
			
 
				+export const PrimePacCommonRuleTableData = [
			
 
				+  {
			
 
				+    project: '检验项目',
			
 
				+    method: '产品质量检测方法与标准',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '尺寸',
			
 
				+    method: '参考上述产品尺寸',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '印刷',
			
 
				+    method:
			
 
				+      '1、成品整洁，无明显印刷瑕疵范畴的脏污、残缺、刀丝；\n2、文字印刷清晰完整，印迹边缘光洁，渐变区域清晰均匀；\n3、无明显变形和残缺，套印基本准确，同色之间基本无色差；',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '复合',
			
 
				+    method: '无明显气泡，无分层',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '表面',
			
 
				+    method: '平整，无明显气泡，无刮花，无明显溢胶',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '其他',
			
 
				+    method: '不允许出现划伤、烫伤、穿孔、异味、粘连异物、脏污',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '特殊',
			
 
				+    method: '/',
			
 
				+  },
			
 
				+]
			
 
				+// 软包版表格数据
			
 
				+export const PrimePacSoftRuleTableData1: PrimePacTable[] = [
			
 
				+  {
			
 
				+    project: '检验项目',
			
 
				+    method: '产品质量检测方法与标准',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '印刷',
			
 
				+    method:
			
 
				+      '1、成品整洁，无明显印刷瑕疵范畴的脏污、残缺、刀丝；\n2、文字印刷清晰完整，印迹边缘光洁，渐变区域清晰均匀；\n3、无明显变形和残缺，套印基本准确，同色之间基本无色差；\n4、与颜色标准无明显色差（将提供明确的颜色标准）',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '复合',
			
 
				+    method: '无明显气泡，无分层',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '热封',
			
 
				+    method: '平整，无虚封，无明显气泡',
			
 
				+  },
			
 
				+  {
			
 
				+    project: '其他',
			
 
				+    method: '不允许出现划伤、烫伤、穿孔、异味、粘连异物、脏污',
			
 
				+  },
			
 
				+]
			
 
				+export 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小时',
			
 
				+  },
			
 
				+]
			
--- a/src/pages/purchase-order/edit.vue
+++ b/src/pages/purchase-order/edit.vue
@@ -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">价格&nbsp;({{ 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>价格&nbsp;({{ 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 = ''
			
@@ -1993,6 +1909,7 @@ const computedVendor = computed(() => {
 
				         label: '',
			
 
				         value: '',
			
 
				         Payment_Terms: '',
			
 
				+        High_Risk_Supplier: false
			
 
				       }
			
 
				 })
			
 
				 
			
@@ -2039,6 +1956,18 @@ const getSupplierLists = function (string: string) {
 
				               PDF_display2: i.PDF_display2 || '',
			
 
				             }
			
 
				           })
			
 
				+        if (
			
 
				+          vendorList.value.length === 1 &&
			
 
				+          vendorList.value[0].High_Risk_Supplier === true
			
 
				+        ) {
			
 
				+          ElMessageBox.alert(
			
 
				+            '请注意该供应商在我们黑名单中。<br>Please note that this supplier is in our black list.',
			
 
				+            'Alert',
			
 
				+            {
			
 
				+              dangerouslyUseHTMLString: true,
			
 
				+            },
			
 
				+          )
			
 
				+        }
			
 
				         vendorLoading.value = false
			
 
				         loading.value = false
			
 
				         resolve(true)
			
@@ -2063,79 +1992,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 +2015,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 +2047,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 +2080,6 @@ const p1 = request
 
				   })
			
 
				 
			
 
				 const route = useRoute()
			
 
				-const productBlackList = ['4791186000046982872', '4791186000046982896']
			
 
				 const soOwner = ref('')
			
 
				 // 获取销售订单详情
			
 
				 const p2 = request
			
@@ -2323,9 +2094,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) =>
			
@@ -2342,6 +2139,7 @@ const getProductData = async (id: string) =>
 
				           item.Supplier?.id &&
			
 
				           !computedRecommandVendorID.value.includes(item.Supplier.id)
			
 
				         ) {
			
 
				+          console.log(item, 'item')
			
 
				           recommandVendor.value.push({
			
 
				             id: item.Supplier.id,
			
 
				             name: item.Supplier.name,
			
@@ -2350,11 +2148,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 +2183,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 +2216,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 +2233,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 +2246,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 +2275,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>
			
--- a/src/pages/purchase-order/style.scss
+++ b/src/pages/purchase-order/style.scss
@@ -0,0 +1,546 @@
 
				+.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: 150pt;
			
 
				+    }
			
 
				+    .product {
			
 
				+      width: 180pt;
			
 
				+    }
			
 
				+    .warehouse {
			
 
				+      width: 120pt;
			
 
				+    }
			
 
				+  }
			
 
				+  .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;
			
 
				+    .first-party {
			
 
				+      padding: 30pt 0 0;
			
 
				+    }
			
 
				+    .second-party {
			
 
				+      min-width: 41%;
			
 
				+      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;
			
 
				+  }
			
 
				+}
			
--- a/src/pages/so-search/index.vue
+++ b/src/pages/so-search/index.vue
@@ -0,0 +1,525 @@
 
				+<template>
			
 
				+  <div class="w-[100vw] bg-white">
			
 
				+    <div
			
 
				+      v-loading="loading"
			
 
				+      class="pt-2 w-[1500px] mx-auto flex"
			
 
				+    >
			
 
				+      <div class="flex-auto flex flex-col items-stretch pr-8">
			
 
				+        <div class="flex">
			
 
				+          <el-form
			
 
				+            style="width: 100%"
			
 
				+            inline
			
 
				+            :loading="loading"
			
 
				+            @submit.prevent="search"
			
 
				+          >
			
 
				+            <el-form-item label-width="0">
			
 
				+              <div class="flex">
			
 
				+                <el-input
			
 
				+                  v-model="keyword"
			
 
				+                  style="width: 250px"
			
 
				+                  :disabled="loading"
			
 
				+                  clearable
			
 
				+                  placeholder="Job Name / Reference"
			
 
				+                ></el-input>
			
 
				+                <el-button
			
 
				+                  class="custom-button ml-2 fb"
			
 
				+                  @click="search"
			
 
				+                >
			
 
				+                  Search Sales Order
			
 
				+                </el-button>
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+          </el-form>
			
 
				+        </div>
			
 
				+        <br />
			
 
				+        <el-checkbox-group v-model="checkedContent">
			
 
				+          <div class="flex flex-col max-h-[75vh] overflow-y-scroll">
			
 
				+            <div
			
 
				+              v-for="(item, index) in searchResult"
			
 
				+              :key="index"
			
 
				+              class=""
			
 
				+            >
			
 
				+              <el-checkbox :value="item.id">
			
 
				+                {{ item.Reference }}-{{ item.Contract_Title }}-{{
			
 
				+                  item.Owner.name || ''
			
 
				+                }}
			
 
				+              </el-checkbox>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </el-checkbox-group>
			
 
				+        <br />
			
 
				+        <div class="flex">
			
 
				+          <el-tooltip
			
 
				+            content="最好不要一次过提交太多, 携带太多信息会让生成的二维码会非常难识别"
			
 
				+          >
			
 
				+            <el-button
			
 
				+              v-show="searchResult.length"
			
 
				+              v-loading="loading"
			
 
				+              class="custom-button"
			
 
				+              @click="submit"
			
 
				+            >
			
 
				+              Submit To Right
			
 
				+            </el-button>
			
 
				+          </el-tooltip>
			
 
				+        </div>
			
 
				+
			
 
				+        <!-- <div class="border border-solid border-grep-1">
			
 
				+          <img
			
 
				+            :src="tempImage"
			
 
				+            style="width: 20cm"
			
 
				+          />
			
 
				+        </div> -->
			
 
				+      </div>
			
 
				+      <div class="flex flex-col items-stretch w-[24cm] max-w-[24cm]">
			
 
				+        <div class="flex justify-between">
			
 
				+          <div>
			
 
				+            <el-tooltip
			
 
				+              content="其实二维码在提交SO后就会自动刷新, 除非你点了右边的Clean QR Code"
			
 
				+            >
			
 
				+              <el-button
			
 
				+                class="custom-button"
			
 
				+                @click="reGenerateQrCode"
			
 
				+              >
			
 
				+                Generate QR Code
			
 
				+              </el-button>
			
 
				+            </el-tooltip>
			
 
				+            <el-tooltip content="除非你不想打印二维码">
			
 
				+              <el-button @click="qrcodeVisible = false">
			
 
				+                Clean QR Code
			
 
				+              </el-button>
			
 
				+            </el-tooltip>
			
 
				+          </div>
			
 
				+          <div>
			
 
				+            <el-button
			
 
				+              type="danger"
			
 
				+              @click="clean"
			
 
				+            >
			
 
				+              Clean Input Job
			
 
				+            </el-button>
			
 
				+            <el-tooltip content="确认下面的预览内容没问题再点打印">
			
 
				+              <el-button
			
 
				+                class="custom-button"
			
 
				+                :loading="printing"
			
 
				+                @click="onBtnPrint"
			
 
				+              >
			
 
				+                Print Page
			
 
				+              </el-button>
			
 
				+            </el-tooltip>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <br />
			
 
				+        <div class="">
			
 
				+          <el-form inline>
			
 
				+            <!-- style="width: 100%" -->
			
 
				+            <el-form-item
			
 
				+              label="QR Code Content"
			
 
				+              prop=""
			
 
				+              class="text-left w-[100%]"
			
 
				+            >
			
 
				+              <div
			
 
				+                class="el-input el-input__wrapper el-input__inner cursor-not-allowed hover:cursor-not-allowed"
			
 
				+              >
			
 
				+                {{ selectedContent.map((i) => i.Reference).join(';') }}
			
 
				+              </div>
			
 
				+            </el-form-item>
			
 
				+
			
 
				+            <el-form-item
			
 
				+              label="Total Page"
			
 
				+              style="width: 20%"
			
 
				+              prop="total"
			
 
				+            >
			
 
				+              <el-input
			
 
				+                v-model.number="total"
			
 
				+                :type="'number'"
			
 
				+              ></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="Text direction"
			
 
				+              style="width: 15%"
			
 
				+              prop="rotated"
			
 
				+            >
			
 
				+              <el-switch v-model="rotated"></el-switch>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="Page width(CM)"
			
 
				+              style="width: 20%"
			
 
				+              prop="pageWidth"
			
 
				+            >
			
 
				+              <el-input
			
 
				+                v-model.number="pageWidth"
			
 
				+                :type="'number'"
			
 
				+              ></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              label="Page Height(CM)"
			
 
				+              style="width: 20%"
			
 
				+              prop="pageHeight"
			
 
				+            >
			
 
				+              <el-input
			
 
				+                v-model.number="pageHeight"
			
 
				+                :type="'number'"
			
 
				+              ></el-input>
			
 
				+            </el-form-item>
			
 
				+
			
 
				+            <el-form-item
			
 
				+              label="Font Size"
			
 
				+              style="width: 50%"
			
 
				+            >
			
 
				+              <el-slider
			
 
				+                v-model="pdfFontSize"
			
 
				+                :step="1"
			
 
				+              ></el-slider>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item
			
 
				+              style="width: 100%"
			
 
				+              label="箱唛"
			
 
				+            >
			
 
				+              <el-input
			
 
				+                v-model="mai"
			
 
				+                type="textarea"
			
 
				+              ></el-input>
			
 
				+            </el-form-item>
			
 
				+            <div class="flex gap-1">
			
 
				+              <div
			
 
				+                v-for="(item, index) in logoList"
			
 
				+                :key="item"
			
 
				+                class="w-[60px] h-[60px] bg-contain bg-center bg-no-repeat cursor-pointer"
			
 
				+                :style="{ backgroundImage: `url(${item})` }"
			
 
				+                @click="selectlogo(index)"
			
 
				+              ></div>
			
 
				+            </div>
			
 
				+          </el-form>
			
 
				+        </div>
			
 
				+        <br />
			
 
				+        <div class="flex flex-wrap">
			
 
				+          <div
			
 
				+            v-for="i in total"
			
 
				+            :key="i"
			
 
				+            :style="{
			
 
				+              width: `${pageWidth}cm`,
			
 
				+              height: `${pageHeight}cm`,
			
 
				+            }"
			
 
				+            class="pdf-wrap relative border border-solid border-gray-e mb-2 mr-2"
			
 
				+          >
			
 
				+            <div
			
 
				+              :id="`pdfItem-${i}`"
			
 
				+              :ref="(el) => setElement(el, i)"
			
 
				+              class="pdf-area w-[100%] h-[100%] relative text-center p-4 flex flex-col items-stretch justify-center"
			
 
				+              :class="{}"
			
 
				+              :style="{
			
 
				+                width: rotated ? `${pageHeight}cm` : `${pageWidth}cm`,
			
 
				+                height: rotated ? `${pageWidth}cm` : `${pageHeight}cm`,
			
 
				+                transformOrigin: 'top left',
			
 
				+                transform: rotated ? 'rotate(90deg)' : '',
			
 
				+                right: rotated ? `-${pageWidth}cm` : '',
			
 
				+              }"
			
 
				+            >
			
 
				+              <!-- bottom: rotated ? `-${(i - 1) * (pageWidth - pageHeight)}cm` : '', -->
			
 
				+              <div
			
 
				+                class="mai font-medium break-all mb-4"
			
 
				+                :style="{
			
 
				+                  fontSize: `${pdfFontSize}pt`,
			
 
				+                }"
			
 
				+                @dblclick="ElMessage.info('hello')"
			
 
				+              >
			
 
				+                {{ mai }}
			
 
				+              </div>
			
 
				+
			
 
				+              <div class="flex justify-center">
			
 
				+                <div class="font-medium text-5xl">{{ i }} / {{ total }}</div>
			
 
				+              </div>
			
 
				+              <div class="flex gap-1 absolute bottom-4 left-4">
			
 
				+                <div
			
 
				+                  v-for="item in selectedLogo"
			
 
				+                  :key="item"
			
 
				+                  class="w-[90px] h-[90px] bg-contain bg-center bg-no-repeat"
			
 
				+                  :style="{ backgroundImage: `url(${item})` }"
			
 
				+                ></div>
			
 
				+              </div>
			
 
				+              <div
			
 
				+                v-show="qrcodeVisible"
			
 
				+                class="qrcode absolute bottom-4 right-4 w-[110px] h-[110px] border border-solid border-gray-7"
			
 
				+              >
			
 
				+                <img
			
 
				+                  v-show="qrcodeURL.length"
			
 
				+                  style="width: 100%; height: auto"
			
 
				+                  :src="qrcodeURL"
			
 
				+                  alt="qr-code"
			
 
				+                />
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script lang="ts">
			
 
				+export default defineComponent({
			
 
				+  name: 'PageSoSearch',
			
 
				+})
			
 
				+</script>
			
 
				+<script lang="ts" setup>
			
 
				+import { defineComponent, nextTick, ref, watch, computed } from 'vue'
			
 
				+import {
			
 
				+  ElMessage,
			
 
				+  ElCheckbox,
			
 
				+  ElInput,
			
 
				+  ElButton,
			
 
				+  ElForm,
			
 
				+  ElFormItem,
			
 
				+  ElCheckboxGroup,
			
 
				+  ElSlider,
			
 
				+  ElTooltip,
			
 
				+  ElSwitch,
			
 
				+} from 'element-plus'
			
 
				+import jspdf from 'jspdf'
			
 
				+import qrcode from 'qrcode'
			
 
				+import html2canvas from 'html2canvas'
			
 
				+import debounce from 'lodash.debounce'
			
 
				+
			
 
				+const searchResult = ref([] as any[])
			
 
				+// @ts-ignore
			
 
				+const zoho = window.ZOHO
			
 
				+zoho.embeddedApp.on('PageLoad', function () {
			
 
				+  zoho.CRM.CONFIG.getCurrentUser().then(function (data: any) {
			
 
				+    console.log(data, 'current user')
			
 
				+  })
			
 
				+})
			
 
				+zoho.embeddedApp.init()
			
 
				+const loading = ref(false)
			
 
				+const keyword = ref('')
			
 
				+const search = () => {
			
 
				+  if (!keyword.value.trim().length) {
			
 
				+    ElMessage.warning('Please input Job Name or Reference')
			
 
				+    return
			
 
				+  }
			
 
				+  searchResult.value = []
			
 
				+  loading.value = true
			
 
				+  var conn_name = 'promocollection_connection'
			
 
				+  var req_data = {
			
 
				+    parameters: {
			
 
				+      criteria: `(Reference:in:${keyword.value})or(Reference:starts_with:${keyword.value})or(Contract_Title:in:${keyword.value})or(Contract_Title:starts_with:${keyword.value})`,
			
 
				+      converted: 'both',
			
 
				+    },
			
 
				+    method: 'GET',
			
 
				+    url: 'https://www.zohoapis.com/crm/v7/Sales_Orders/search',
			
 
				+    param_type: 1,
			
 
				+  }
			
 
				+  zoho.CRM.CONNECTION.invoke(conn_name, req_data)
			
 
				+    .then(function (data: any) {
			
 
				+      // console.log(data, 'data')
			
 
				+      if (data.status !== 'success' || !data.details.status) {
			
 
				+        return ElMessage.error('crm sdk connection invoke error')
			
 
				+      }
			
 
				+      const result = data.details.statusMessage || {}
			
 
				+      if (Array.isArray(result.data) && result.data.length) {
			
 
				+        searchResult.value = result.data
			
 
				+        console.log(result.data, 'result')
			
 
				+      } else {
			
 
				+        ElMessage.warning('No Data Found')
			
 
				+      }
			
 
				+    })
			
 
				+    .finally(() => {
			
 
				+      loading.value = false
			
 
				+    })
			
 
				+}
			
 
				+// 左侧选中的
			
 
				+let checkedContent = ref([] as any[])
			
 
				+// 提交到右侧的
			
 
				+let selectedContent = ref([] as any[])
			
 
				+let submit = () => {
			
 
				+  if (!checkedContent.value.length) {
			
 
				+    ElMessage.warning('Select sales order before click submit')
			
 
				+  }
			
 
				+  checkedContent.value.forEach((i: number) => {
			
 
				+    const temp = searchResult.value.filter((a: any) => a.id === i)
			
 
				+    if (
			
 
				+      temp.length &&
			
 
				+      !selectedContent.value.map((i: any) => i.id).includes(temp[0].id)
			
 
				+    ) {
			
 
				+      selectedContent.value.push(temp[0])
			
 
				+    }
			
 
				+  })
			
 
				+  nextTick(() => {
			
 
				+    checkedContent.value = []
			
 
				+  })
			
 
				+}
			
 
				+const mai = ref('')
			
 
				+watch(
			
 
				+  () => selectedContent,
			
 
				+  () => {
			
 
				+    mai.value = selectedContent.value
			
 
				+      .map((c: any) => `${c.Reference}_${c.Contract_Title}`)
			
 
				+      .join('; ')
			
 
				+    if (mai.value.length) {
			
 
				+      reGenerateQrCode()
			
 
				+    }
			
 
				+  },
			
 
				+  { deep: true, immediate: true },
			
 
				+)
			
 
				+
			
 
				+const clean = () => {
			
 
				+  mai.value = ''
			
 
				+  selectedContent.value = []
			
 
				+}
			
 
				+let qrcodeVisible = ref(false)
			
 
				+let qrcodeURL = ref('')
			
 
				+async function reGenerateQrCode() {
			
 
				+  await qrcode.toDataURL(
			
 
				+    mai.value,
			
 
				+    { errorCorrectionLevel: 'H' },
			
 
				+    function (err: any, url: any) {
			
 
				+      qrcodeURL.value = url
			
 
				+    },
			
 
				+  )
			
 
				+  qrcodeVisible.value = true
			
 
				+}
			
 
				+
			
 
				+const pdfList = ref({} as any)
			
 
				+const setElement = (el: any, index: number) => {
			
 
				+  pdfList.value[`${index}`] = el
			
 
				+}
			
 
				+const getLogoPath = (path: string) => {
			
 
				+  return new URL(path, import.meta.url).href
			
 
				+}
			
 
				+
			
 
				+const logoList = ref([] as any[])
			
 
				+
			
 
				+async function getLogoList() {
			
 
				+  (
			
 
				+    [
			
 
				+      getLogoPath('/assets/label/heavy.png'),
			
 
				+      getLogoPath('/assets/label/keep_dry.png'),
			
 
				+      getLogoPath('/assets/label/place_up.png'),
			
 
				+      getLogoPath('/assets/label/care.png'),
			
 
				+      getLogoPath('/assets/label/glass.png'),
			
 
				+    ] as string[]
			
 
				+  ).forEach((i: string, index: number) => {
			
 
				+    fetch(i)
			
 
				+      .then((res) => res.blob())
			
 
				+      .then((blob) => (logoList.value[index] = URL.createObjectURL(blob)))
			
 
				+  })
			
 
				+}
			
 
				+getLogoList()
			
 
				+
			
 
				+const selectlogo = (index: number) => {
			
 
				+  const i = selectedLogoIndex.value.indexOf(index)
			
 
				+  if (i > -1) {
			
 
				+    selectedLogoIndex.value.splice(i, 1)
			
 
				+  } else {
			
 
				+    selectedLogoIndex.value.push(index)
			
 
				+  }
			
 
				+}
			
 
				+let selectedLogoIndex = ref([] as number[])
			
 
				+let selectedLogo = computed(() =>
			
 
				+  logoList.value.filter((i: any, index: number) =>
			
 
				+    selectedLogoIndex.value.includes(index),
			
 
				+  ),
			
 
				+)
			
 
				+
			
 
				+let total = ref(1 as number)
			
 
				+let pdfFontSize = ref(32)
			
 
				+let pageWidth = ref(20) // 目标pdf的页宽
			
 
				+let pageHeight = ref(10) // 目标pdf的页高
			
 
				+/**
			
 
				+ * 宽大于等于高
			
 
				+ */
			
 
				+let orientation = computed(() => pageWidth.value >= pageHeight.value)
			
 
				+let rotated = ref(false)
			
 
				+let pdf: any = null
			
 
				+let printing = ref(false)
			
 
				+const reGeneratePDF = debounce(function () {
			
 
				+  printing.value = true
			
 
				+  pdf = null
			
 
				+  pdf = new jspdf({
			
 
				+    orientation: orientation.value ? 'l' : 'p',
			
 
				+    unit: 'cm',
			
 
				+    format: [pageWidth.value, pageHeight.value],
			
 
				+  })
			
 
				+  const pool = []
			
 
				+  for (const key in pdfList.value) {
			
 
				+    if (Object.prototype.hasOwnProperty.call(pdfList.value, key)) {
			
 
				+      pool.push(generatePDF(pdfList.value[key], key))
			
 
				+    }
			
 
				+  }
			
 
				+  Promise.all(pool).then(() => {
			
 
				+    printing.value = false
			
 
				+  })
			
 
				+}, 300)
			
 
				+
			
 
				+watch(
			
 
				+  [total, mai, pdfFontSize, pageWidth, pageHeight, qrcodeVisible, rotated, selectedLogo],
			
 
				+  () => {
			
 
				+    nextTick(() => reGeneratePDF())
			
 
				+  },
			
 
				+)
			
 
				+async function onBtnPrint() {
			
 
				+  window.open(
			
 
				+    // @ts-ignore 照着jspdf文档搬的...ts报错
			
 
				+    pdf.output('bloburl', {
			
 
				+      fileName: selectedContent.value.map((i: any) => i.Reference).join('_'),
			
 
				+    }),
			
 
				+  )
			
 
				+}
			
 
				+function generatePDF(pdfItem: HTMLElement, key: string) {
			
 
				+  return html2canvas(pdfItem, {
			
 
				+    allowTaint: true,
			
 
				+    useCORS: true,
			
 
				+    backgroundColor: '#fff', // 一定要设背景颜色，否则有的浏览器就会变花，比如Edge
			
 
				+    scale: 3, // 缩放倍率调整清晰度
			
 
				+  }).then((canvas) => {
			
 
				+    const width = canvas.width
			
 
				+    const height = canvas.height
			
 
				+    const image = new Image()
			
 
				+    const target = document.createElement('canvas')
			
 
				+    target.height = height
			
 
				+    target.width = width
			
 
				+    image.onload = function () {
			
 
				+      const ctx = target.getContext('2d')
			
 
				+      ctx?.drawImage(image, 0, 0)
			
 
				+      if (Number(key) > 1) pdf.addPage()
			
 
				+      pdf.addImage(
			
 
				+        target.toDataURL('image/jpeg', 1.0),
			
 
				+        'JPEG',
			
 
				+        0,
			
 
				+        0,
			
 
				+        pageWidth.value,
			
 
				+        pageHeight.value,
			
 
				+      )
			
 
				+    }
			
 
				+    image.src = canvas.toDataURL('image/jpeg', 1.0)
			
 
				+  })
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.el-button.custom-button {
			
 
				+  height: 32px;
			
 
				+  line-height: 20px;
			
 
				+  background-image: linear-gradient(
			
 
				+    171deg,
			
 
				+    rgb(28, 74, 136) 49%,
			
 
				+    rgb(0, 130, 193) 100%
			
 
				+  );
			
 
				+  // padding: 6px 20px 6px 7px;
			
 
				+  padding: 6px 12px;
			
 
				+  background-color: rgb(97, 165, 245);
			
 
				+  color: #fff;
			
 
				+  font-size: 13px;
			
 
				+  font-family: Zoho_Puvi_Bold sans-serif;
			
 
				+  border-radius: 6px;
			
 
				+  cursor: pointer;
			
 
				+  &:hover,
			
 
				+  &:active {
			
 
				+    background-image: linear-gradient(
			
 
				+      171deg,
			
 
				+      rgb(28, 74, 136) 49%,
			
 
				+      rgb(22, 208, 239) 100%
			
 
				+    );
			
 
				+  }
			
 
				+  &.fb {
			
 
				+    font-weight: 900;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/route.ts
+++ b/src/route.ts
@@ -85,6 +85,19 @@ const router = createRouter({
 
				             },
			
 
				           ],
			
 
				         },
			
 
				+        {
			
 
				+          path: 'supplier',
			
 
				+          name: 'indent-supplier',
			
 
				+          component: () => import('@/pages/indent-manage/supplier/index.vue'),
			
 
				+          children: [
			
 
				+            {
			
 
				+              path: 'list',
			
 
				+              name: 'indent-supplier-list',
			
 
				+              component: () =>
			
 
				+                import('@/pages/indent-manage/supplier/list.vue'),
			
 
				+            },
			
 
				+          ],
			
 
				+        },
			
 
				         {
			
 
				           path: 'user',
			
 
				           name: 'indent-user',
			
@@ -97,6 +110,11 @@ const router = createRouter({
 
				         },
			
 
				       ],
			
 
				     },
			
 
				+    {
			
 
				+      name: 'soSearch',
			
 
				+      path: '/so-search',
			
 
				+      component: () => import('@/pages/so-search/index.vue'),
			
 
				+    },
			
 
				     {
			
 
				       path: '/:pathMatch(.*)*',
			
 
				       name: 'pageNotFound',
			
--- a/src/utils/axios2.js
+++ b/src/utils/axios2.js
@@ -11,7 +11,24 @@ import { ElNotification } from 'element-plus'
 
				 request.interceptors.request.use(
			
 
				   (config) => {
			
 
				     const token = Cookie.get('indent-token')
			
 
				+    console.log(token, 'token')
			
 
				     if (token) config.headers.Authorization = `Bearer ${token}`
			
 
				+    const crmID = Cookie.get('indent-crm-id')
			
 
				+    console.log(crmID, 'indent crm id')
			
 
				+    if (crmID) {
			
 
				+      if (config.url.includes('?')) {
			
 
				+        config.url += `&crm_id=${crmID}`
			
 
				+      } else {
			
 
				+        config.url += `?crm_id=${crmID}`
			
 
				+      }
			
 
				+    }
			
 
				+    const crmFullName = Cookie.get('indent-crm-fullname')
			
 
				+    console.log(crmFullName, 'indent crm fullname')
			
 
				+    if (crmFullName) {
			
 
				+      config.url += `&crm_full_name=${encodeURIComponent(crmFullName)}`
			
 
				+    }
			
 
				+
			
 
				+    console.log(config)
			
 
				     return config
			
 
				   },
			
 
				   (error) => {
نویسنده	SHA1 پیام	تاریخ
peter	72e3e0ba25 change: indent模块api环境配置.	2 ماه پیش
peter	c1d3fe8dbe feat: 创建po单页面, 增加黑名单供应商提醒逻辑.	2 ماه پیش
peter	e57142d93e change: indent 转单增加表单项.	2 ماه پیش
peter	44816197a6 build: 更新dependencies	2 ماه پیش
peter	97b6db5a42 change: indent模块已登录状态重定向url避免展示用户信息.	3 ماه پیش
peter	6ddf486298 feat: 新增 indent供应商管理模块.	3 ماه پیش
peter	54e1e68d80 change: indent模块传递crm的用户id和名称给接口.	3 ماه پیش
peter	1c88aee046 feat: 搜索so单生成标签打印pdf页面.	3 ماه پیش
peter	1048b341f1 change: 创建PO页面功能迭代需求3. 代码重构拆分.	3 ماه پیش
peter	0a1a0ab02b fix: crm id由http请求头传输改为url query传输.	3 ماه پیش
peter	94636b40c5 chang: indent http请求加入fullname id请求头.	3 ماه پیش
peter	38934c7ddd Revert "change: 保存计价时把总重量数据一并传递."	3 ماه پیش
peter	5fe9cea55d change: 保存计价时把总重量数据一并传递.	3 ماه پیش
peter	7a346b1c79 change: 报价转单表单增加tab lavel选项.	3 ماه پیش