Skip to content

O
office-web-js
Commit 0e881fd4 by qinjianhui
Options

fix: 供应商

parent e84a3b32
Showing with 203 additions and 6 deletions
package-lock.json
...@@ -2526,6 +2526,11 @@ ...@@ -2526,6 +2526,11 @@
"babel-runtime": "6.x" "babel-runtime": "6.x"
} }
}, },
"asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"at-least-node": { "at-least-node": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz", "resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
...@@ -2546,6 +2551,16 @@ ...@@ -2546,6 +2551,16 @@
"postcss-value-parser": "^4.2.0" "postcss-value-parser": "^4.2.0"
} }
}, },
"axios": {
"version": "1.2.2",
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.2.2.tgz",
"integrity": "sha512-bz/J4gS2S3I7mpN/YZfGFTqhXTYzRho8Ay38w2otuuDR322KzFIWm/4W2K6gIwvWaws5n+mnb7D1lN9uD+QH6Q==",
"requires": {
"follow-redirects": "^1.15.0",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
},
"babel-helper-vue-jsx-merge-props": { "babel-helper-vue-jsx-merge-props": {
"version": "2.0.3", "version": "2.0.3",
"resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz", "resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
...@@ -3034,6 +3049,14 @@ ...@@ -3034,6 +3049,14 @@
"integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==", "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
"dev": true "dev": true
}, },
"combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
"requires": {
"delayed-stream": "~1.0.0"
}
},
"commander": { "commander": {
"version": "2.20.3", "version": "2.20.3",
"resolved": "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz", "resolved": "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz",
...@@ -3584,6 +3607,11 @@ ...@@ -3584,6 +3607,11 @@
"object-keys": "^1.1.1" "object-keys": "^1.1.1"
} }
}, },
"delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
},
"depd": { "depd": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz", "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
...@@ -4563,8 +4591,17 @@ ...@@ -4563,8 +4591,17 @@
"follow-redirects": { "follow-redirects": {
"version": "1.15.2", "version": "1.15.2",
"resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz", "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz",
"integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==", "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
"dev": true },
"form-data": {
"version": "4.0.0",
"resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
"requires": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
"mime-types": "^2.1.12"
}
}, },
"forwarded": { "forwarded": {
"version": "0.2.0", "version": "0.2.0",
...@@ -5645,14 +5682,12 @@ ...@@ -5645,14 +5682,12 @@
"mime-db": { "mime-db": {
"version": "1.52.0", "version": "1.52.0",
"resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz", "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
"dev": true
}, },
"mime-types": { "mime-types": {
"version": "2.1.35", "version": "2.1.35",
"resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz", "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"dev": true,
"requires": { "requires": {
"mime-db": "1.52.0" "mime-db": "1.52.0"
} }
...@@ -6692,6 +6727,11 @@ ...@@ -6692,6 +6727,11 @@
} }
} }
}, },
"proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
},
"pseudomap": { "pseudomap": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz", "resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
......
package.json
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {
"axios": "^1.2.2",
"core-js": "^3.8.3", "core-js": "^3.8.3",
"dompurify": "^2.4.3", "dompurify": "^2.4.3",
"element-ui": "^2.15.12", "element-ui": "^2.15.12",
......
src/components/element-ui.js
...@@ -10,6 +10,8 @@ import { ...@@ -10,6 +10,8 @@ import {
Form, Form,
FormItem, FormItem,
Radio, Radio,
Cascader,
Option,
} from 'element-ui' } from 'element-ui'
const components = [ const components = [
...@@ -23,6 +25,10 @@ const components = [ ...@@ -23,6 +25,10 @@ const components = [
Form, Form,
FormItem, FormItem,
Radio, Radio,
Row,
Col,
Cascader,
Option,
] ]
export default { export default {
......
src/views/Home/SupplierApplyPage.vue
<template> <template>
<div class="supplier-apply-page">供应商申请</div> <div class="supplier-apply-page">
<div class="supplier-apply-banner">
<img src="~@/assets/supply/01.jpg" />
</div>
<div class="apply-to-join">
<div class="join-title">申请加入</div>
<div class="join-form">
<el-form
:model="joinForm"
ref="joinForm"
label-width="110px"
label-position="right"
>
<el-row :gutter="20">
<el-col :sm="24" :md="12" :lg="12">
<el-form-item
label="供应商全称"
prop="supplierFullName"
:rules="[{ required: true, message: '请输入供应商全称' }]"
>
<el-input
v-model="joinForm.supplierFullName"
placeholder="请输入供应商全称"
/>
</el-form-item>
</el-col>
<el-col :sm="24" :md="12" :lg="12">
<el-form-item
label="供应商类别"
prop="supplierCategory"
:rules="[{ required: true, message: '请选择供应商类别' }]"
>
<el-select
v-model="joinForm.supplierCategory"
placeholder="请选择供应商类别"
clearable
>
<el-option label="类别1" value="1"></el-option>
<el-option label="类别2" value="2"></el-option>
<el-option label="类别3" value="3"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :sm="24" :md="12" :lg="12">
<el-form-item
label="擅长面料品类"
prop="fabricCategory"
:rules="[{ required: true, message: '请选择面料品类' }]"
>
<el-select
v-model="joinForm.fabricCategory"
placeholder="请选择面料品类"
multiple
clearable
>
<el-option label="品类1" value="1"></el-option>
<el-option label="品类2" value="2"></el-option>
<el-option label="品类3" value="3"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :sm="24" :md="12" :lg="12">
<el-form-item
label="品类"
prop="category"
:rules="[{ required: true, message: '请选择品类' }]"
>
<el-cascader
v-model="joinForm.category"
:options="options"
clearable
:props="{ multiple: true, checkStrictly: true }"
></el-cascader>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</template> </template>
<script>
// import { getCategory } from '@/api/category'
export default {
name: 'SupplierApplyPage',
data() {
return {
joinForm: {},
options: [],
}
},
created() {},
methods: {
async loadCategory() {
// try {
// const res = await getCategory()
// console.log(res)
// } catch (e) {
// console.error(e)
// }
},
},
}
</script>
<style lang="scss" scoped>
.supplier-apply-page {
&::v-deep {
.el-cascader {
width: 100%;
}
.el-select {
width: 100%;
}
}
}
.supplier-apply-banner {
height: 26vw;
img {
height: 100%;
width: 100%;
}
}
.join-title {
font-size: 38px;
font-weight: 400;
color: #323232;
margin: 0 auto;
margin-top: 48px;
text-align: center;
margin-bottom: 72px;
position: relative;
&::after {
content: '';
display: block;
width: 56px;
height: 2.4px;
bottom: -24px;
left: 50%;
transform: translateX(-50%);
position: absolute;
background: #e29241;
}
}
.join-form {
width: 80%;
margin: 0 auto;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment