Skip to content

Z
zhichan
Commit d78a9cbe by 尹亚亭
Options

v0.1.2 selftmreg

parent df9ebe9f
Showing with 308 additions and 124 deletions
channel-access/src/router/index.js
......@@ -5,119 +5,104 @@ import VueRouter from "vue-router";
Vue.use(VueRouter);
const routes = [{
path: "/home",
name: "home",
component: () =>
import ("@/views/pages/home")
},
{
path: "/companyinformation",
name: "companyinformation",
component: () =>
import ("@/views/pages/companyinformation")
},
{
path: "/",
redirect: "/home"
},
{
path: "/user",
name: "user",
redirect: "/user/login",
component: () =>
import ("@/views/pages/user"),
children: [{
path: "login",
name: "login",
component: () =>
import ("@/views/pages/user/login")
},
{
path: "register",
name: "register",
component: () =>
import ("@/views/pages/user/register")
},
{
path: "forgetpassword",
name: "forgetpassword",
component: () =>
import ("@/views/pages/user/forgetPassword")
}
]
},
{
path: "/cashier",
name: "cashier",
component: () =>
import ("@/views/pages/cashier")
},
{
path: "/productdetails",
name: "productdetails",
component: () =>
import ("@/views/pages/productdetails")
},
{
path: "/successfulpayment",
name: "successfulpayment",
component: () =>
import ("@/views/pages/successfulpayment")
},
{
path: "/placeorder",
name: "placeorder",
component: () =>
import ("@/views/pages/placeorder")
},
{
path: "/jdbycdetailtm",
name: "jdbycdetailtm",
component: () =>
import ("@/views/pages/jdbycdetailtm")
},
{
path: "/companydetail",
name: "companydetail",
component: () =>
import ("@/views/pages/companydetail")
},
{
path: "/jdindentlist",
name: "jdindentdetail",
component: () =>
import ("@/views/pages/jdindentlist")
},
{
path: "/jdindentdetail",
name: "jdindentdetail",
component: () =>
import ("@/views/pages/jdindentdetail")
},
/////////
{
path: "/jdtrademark",
name: "jdtrademark",
component: () =>
import ("@/views/pages/jdtrademark/Jdtrademark")
},
{
path: "/selftmreg",
name: "selftmreg",
component: () =>
import ("@/views/pages/selftmreg/Selftmreg")
},
{
// path: "/bycnoticeindex",
path: "/bycnoticeindex",
name: "bycnoticeindex",
component: () =>
import ("@/views/pages/bycnoticeindex/Bycnoticeindex")
}
const routes = [
{
path: "/home",
name: "home",
component: () => import("@/views/pages/home")
},
{
path: "/companyinformation",
name: "companyinformation",
component: () => import("@/views/pages/companyinformation")
},
{
path: "/",
redirect: "/home"
},
{
path: "/user",
name: "user",
redirect: "/user/login",
component: () => import("@/views/pages/user"),
children: [
{
path: "login",
name: "login",
component: () => import("@/views/pages/user/login")
},
{
path: "register",
name: "register",
component: () => import("@/views/pages/user/register")
},
{
path: "forgetpassword",
name: "forgetpassword",
component: () => import("@/views/pages/user/forgetPassword")
}
]
},
{
path: "/cashier",
name: "cashier",
component: () => import("@/views/pages/cashier")
},
{
path: "/productdetails",
name: "productdetails",
component: () => import("@/views/pages/productdetails")
},
{
path: "/successfulpayment",
name: "successfulpayment",
component: () => import("@/views/pages/successfulpayment")
},
{
path: "/placeorder",
name: "placeorder",
component: () => import("@/views/pages/placeorder")
},
{
path: "/jdbycdetailtm",
name: "jdbycdetailtm",
component: () => import("@/views/pages/jdbycdetailtm")
},
{
path: "/companydetail",
name: "companydetail",
component: () => import("@/views/pages/companydetail")
},
{
path: "/jdindentlist",
name: "jdindentlist",
component: () => import("@/views/pages/jdindentlist")
},
{
path: "/jdindentdetail",
name: "jdindentdetail",
component: () => import("@/views/pages/jdindentdetail")
},
/////////
{
path: "/jdtrademark",
name: "jdtrademark",
component: () => import("@/views/pages/jdtrademark/Jdtrademark")
},
{
path: "/selftmreg",
name: "selftmreg",
component: () => import("@/views/pages/selftmreg/Selftmreg")
},
{
// path: "/bycnoticeindex",
path: "/bycnoticeindex",
name: "bycnoticeindex",
component: () => import("@/views/pages/bycnoticeindex/Bycnoticeindex")
}
];
const router = new VueRouter({
routes
routes
});
// router.beforeEach((to, from, next) => {
......@@ -138,4 +123,4 @@ const router = new VueRouter({
// }
// });
export default router;
\ No newline at end of file
export default router;
channel-access/src/views/pages/selftmreg/ApplicationInfo.vue
......@@ -155,6 +155,7 @@
</el-form-item>
</el-form>
</div>
<!-- 资料上传 -->
<div class="info-title">
<i class="selftmreg_shuxian"></i>
......@@ -168,8 +169,21 @@
<!-- 上传营业执照 -->
<div class="from-items">
<div class="from-item-title"><span>*</span>上传材料：营业执照</div>
<div class="upload-box">
<!-- 1 -->
<div class="upload-box" v-loading="loading1">
<img v-if="imgUrl1" :src="imgUrl1" alt="" />
<div v-else class="imgs">
<i class="el-icon-plus"></i>
<span>(需盖公章)</span>
</div>
<!-- 1 上传营业执照 -->
<UploadImg
:action="action"
:data="dataone"
ref="upImg"
flag="picUrl"
:num="1"
@getsuccess="getImgUrl"
/>
</div>
<div class="upload-box-next">
<img src="@/assets/imgs/sbzc/yyzz1.png" alt />
......@@ -193,12 +207,25 @@
"
>
<div class="from-item-title"><span>*</span>上传材料：身份证明</div>
<div class="upload-box">
<img src="" alt />
<div class="upload-box" v-loading="loading4">
<img v-if="imgUrl4" :src="imgUrl4" alt="" />
<div v-else class="imgs">
<i class="el-icon-plus"></i>
<span>(需盖公章)</span>
</div>
<!-- 2 身份证 -->
<UploadImg
:action="action"
:data="datatwo"
ref="upImg"
flag="picUrl"
:num="4"
@getsuccess="getImgUrl"
/>
</div>
<div class="upload-box-next">
<img src="@/assets/imgs/sbzc/sfz.png" alt />
<div class="chakan" @click="lookImage(1)">查看大图</div>
<div class="chakan" @click="lookImage(4)">查看大图</div>
</div>
<div class="text">
......@@ -217,8 +244,21 @@
>下载委托书模板</a
>
</div>
<div class="upload-box">
<div class="upload-box" v-loading="loading2">
<img v-if="imgUrl2" :src="imgUrl2" alt="" />
<div v-else class="imgs">
<i class="el-icon-plus"></i>
<span>(需盖公章)</span>
</div>
<!-- 2 -->
<UploadImg
:action="action"
:data="datatwo"
ref="upImg"
flag="picUrl"
:num="2"
@getsuccess="getImgUrl"
/>
</div>
<div class="upload-box-next">
<img src="@/assets/imgs/sbzc/wts1.png" alt />
......@@ -241,24 +281,70 @@
>下载优先权证明</a
>
</div>
<div class="upload-box">
<div class="upload-box" v-loading="loading3">
<img v-if="imgUrl3" :src="imgUrl3" alt="" />
<div v-else class="imgs">
<i class="el-icon-plus"></i>
<span>(需盖公章)</span>
</div>
<!-- 3 -->
<UploadImg
:action="action"
:data="datathree"
ref="upImg"
flag="picUrl"
:num="3"
@getsuccess="getImgUrl"
/>
</div>
<div class="upload-box-next">
<img src="@/assets/imgs/sbzc/yxq.png" alt />
<div class="chakan" @click="lookImage(3)">查看大图</div>
</div>
<div class="text">
<i class="el-icon-warning"></i>
（非必填）如果申请人在提交申请前6个月内在政府主办的国内或国际的展会进行使用的，<br />请上传由申请人盖章或签字的中文代理委托书彩色扫描件，格式为宽高的大小为<br />
可以提交使用证明，则商标局实质审查时，按使用日开始审查。
</div>
</div>
</div>
</div>
<!-- dialog -->
<el-dialog
style="z-index:99999;background:rgba(0,0,0,.3)"
title=""
:visible.sync="toViewImgType"
center
width="72%"
append-to-body
>
<img
:src="toViewImgSrc"
style="max-width:100%;display:block;margin: 0 auto;"
alt=""
/>
</el-dialog>
</div>
</template>
<script>
// 导入资料上传的查看大图的图片
import imgUrl1 from "@/assets/imgs/sbzc/yyzzD.png";
import imgUrl2 from "@/assets/imgs/sbzc/wtsD.png";
import imgUrl3 from "@/assets/imgs/sbzc/yxqD.png";
import { getCompanyInfoByLikeName } from "@/api/tmTools.js";
import imgUrl4 from "@/assets/imgs/sbzc/sfzD.png";
// 导入公司模糊查询 和 上传材料部分的的上传
import {
getCompanyInfoByLikeName,
getOss,
uploadStandardTm,
pic2pdf
} from "@/api/tmTools.js";
//
import UploadImg from "@/components/uploadImg";
export default {
components: {
UploadImg
},
// 接收父组件传过来的参数
// props: ["stepsParams"],
data() {
......@@ -337,12 +423,97 @@ export default {
// 资料上传
chakanKey: null,
toViewImgType: false,
toViewImgSrc: ""
toViewImgSrc: "",
action: "",
dataone: {},
datatwo: {},
datathree: {},
loading1: false,
loading2: false,
loading3: false,
loading4: false,
imgUrl: "",
imgUrl1: "",
imgUrl2: "",
imgUrl3: "",
imgUrl4: ""
};
},
mounted() {},
mounted() {
//
this.getOss();
},
methods: {
// 资料上传
getImgUrl(msg, num) {
this.imgUrl = msg;
if (num == 1) {
this.loading1 = true;
this.imgUrl1 = msg;
}
if (num == 2) {
this.loading2 = true;
this.imgUrl2 = msg;
}
if (num == 3) {
this.loading3 = true;
this.imgUrl3 = msg;
}
// 身份证
if (num == 4) {
this.loading4 = true;
this.imgUrl4 = msg;
}
uploadStandardTm(this.imgUrl).then(res => {
if (res.status == 0) {
//图片转pdf
pic2pdf(res.data.url).then(re => {
this.loading1 = false;
this.loading2 = false;
this.loading3 = false;
this.loading4 = false;
if (re.status == 0) {
this.$message({
type: "success",
message: "上传成功"
});
} else {
this.$message.error("上传失败，请重新上传！");
}
});
} else {
this.$message.error("上传失败，请重新上传！");
}
//上传后重新获取偶oss
this.getOss();
});
},
getOss() {
getOss().then(re => {
this.dataone = re.data;
this.datatwo = re.data;
this.datathree = re.data;
this.dataone.key = this.setKey();
this.datatwo.key = this.setKey();
this.datathree.key = this.setKey();
this.action = re.data.url;
});
},
setKey(name, flag) {
// name = name.substring(name.length - 5);
var myDate = new Date();
var key =
"zc_" +
flag +
Math.round(Math.random() * 10000) +
myDate.getTime() +
myDate.getFullYear() +
myDate.getMonth() +
myDate.getDate() +
".jpg";
return key;
},
//
enter(index) {
this.chakanKey = index;
},
......@@ -358,6 +529,9 @@ export default {
case 3:
this.toViewImgSrc = imgUrl3;
break;
case 4:
this.toViewImgSrc = imgUrl4;
break;
}
},
......@@ -596,6 +770,27 @@ export default {
position: relative;
border: 3px dashed #ccc;
margin-left: 20px;
img {
width: 100%;
height: 100%;
}
.imgs {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
i {
font-size: 30px;
color: #b8b8b8;
}
span {
color: #0f8ee9;
font-size: 12px;
margin-top: 20px;
}
}
}
.upload-box-next {
width: 98px;
......
channel-access/src/views/pages/selftmreg/Selftmreg.vue
......@@ -81,7 +81,7 @@
</label>
<el-button
type="primary"
@click="next"
@click="goCashier"
v-if="index == 2"
:disabled="!checked"
:class="{ disabled: !checked }"
......@@ -164,6 +164,11 @@ export default {
},
created() {},
methods: {
// 去支付页面
goCashier() {
console.log("go cashier !!!!");
this.$router.push("/cashier");
},
// 商品/服务项目不足10项 对话框 点击确定按钮 进入第二步 填写申请人信息
intoStepTwo() {
this.dialogVisible = false;
......
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