Skip to content

Z
zhichan
Commit 71cb10d3 by 任建
Options

tj

parent aaa35c5e
Showing with 271 additions and 49 deletions
channel-access/public/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>channel-access</title>
</head>
<body>
</head>
<body>
<noscript>
<strong>We're sorry but channel-access doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
</body>
</html>
\ No newline at end of file
channel-access/src/App.vue
......@@ -6,5 +6,24 @@
</template>
<style lang="scss">
*{
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
outline: none;
box-sizing: border-box;
}
html,body{
width: 100%;
height: 100%;
font-size: 14px;
}
#app{
width: 100%;
height: 100%;
}
.v-modal{
z-index: 1999 !important;
}
</style>
channel-access/src/api/api.js
import axios from "axios";
// 用ip
// var host = "https://movie.douban.com/";
var dev = "192.168.18.237";
export default {
testData: `${dev ? dev : host}/xxx`
export function getNcldata() {
return axios.post(
"http://192.168.18.45:4004/web/trademark/tmqueryCtl/doPost", {
actionProcess: "jd",
sign: "2FviZ9PGws8Pt1fBhq0t90mjUvI",
actionBody: {
nclcode: "01",
timeStamp: 1578036301,
channelUserId: "a5EyZC8Ht/Gpm2rKPeDpoziYmdcA/nF0"
},
actionType: "getNcl",
requrl: "/action/tmTools/springBoard",
isUser: "no",
isDecryptUser: "no"
}
);
}
\ No newline at end of file
channel-access/src/assets/css/globelcolor.scss
/* 改变主题色变量 */
$--color-primary: red;
// $--color-primary: #409EFF;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
// 自定义主题色变量
$themecolor:red;
$themecolor:#409EFF;
;
@import "~element-ui/packages/theme-chalk/src/index";
\ No newline at end of file
channel-access/src/components/HelloWorld.vue deleted 100755 → 0
<template>
<div class="hello">
</div>
</template>
<script>
export default {
name: 'HelloWorld',
props: {
msg: String
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
h3 {
margin: 40px 0 0;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>
channel-access/src/components/drawer.vue 0 → 100644
<template>
<div class="jdindentlist-drawerDetail">
<div class="headerTips">
<i class="el-icon-warning"></i> 格式为<span>PDF</span> 或
<span>JPG</span>，大小不能超过<span>10M</span>
</div>
<!-- -->
<div class="from-main">
<div class="from-items">
<div class="from-item-title"><span>*</span>上传材料：营业执照</div>
<div class="upload-box">
<!-- 1 -->
</div>
<div class="upload-box-next">
<img src="@/assets/imgs/sbzc/yyzz1.png" alt="" />
<div class="chakan" @click="lookImage(1)">
查看大图
</div>
</div>
</div>
<div class="from-items">
<div class="from-item-title">
<p><span>*</span>上传材料：代理委托书</p>
<a
href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/igirl_channel_tmwtsdemo001.doc"
>下载委托书模板</a
>
</div>
<div class="upload-box">
<!-- 2 -->
</div>
<div class="upload-box-next">
<img src="@/assets/imgs/sbzc/wts1.png" alt="" />
<div class="chakan" @click="lookImage(2)">
查看大图
</div>
</div>
</div>
<div class="from-items">
<div class="from-item-title">
<p>上传材料：优先权证明</p>
<a
href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/yzq_201908281849646526xujnsedjnqwdoni.doc"
>下载优先权证明</a
>
</div>
<div class="upload-box">
<!-- 3 -->
</div>
<div class="upload-box-next">
<img src="@/assets/imgs/sbzc/yxq.png" alt="" />
<div class="chakan" @click="lookImage(3)">
查看大图
</div>
</div>
</div>
</div>
<div class="drawer-bottom">
<button class="esc">取消</button>
<button class="enter">保存</button>
</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";
export default {
data() {
return {
chakanKey: null,
toViewImgType: false,
toViewImgSrc: ""
};
},
methods: {
enter(index) {
this.chakanKey = index;
},
lookImage(index) {
console.log(123123);
this.toViewImgType = true;
switch (index) {
case 1:
this.toViewImgSrc = imgUrl1;
break;
case 2:
this.toViewImgSrc = imgUrl2;
break;
case 3:
this.toViewImgSrc = imgUrl3;
break;
}
}
}
};
</script>
<style lang="scss">
.jdindentlist-drawerDetail {
.headerTips {
color: red;
position: absolute;
top: 10px;
left: 120px;
font-size: 12px;
}
.from-main {
width: 100%;
}
}
.drawer-bottom {
width: 100%;
padding: 10px 20px 20px;
position: absolute;
bottom: 0px;
left: 0;
border-top: 1px solid #dee0eb;
button {
padding: 6px 28px;
border-radius: 100px;
border: none;
font-family: PingFangSC-Regular;
font-size: 12px;
margin-right: 10px;
}
.esc {
background: #e7eaf3;
color: #777777;
}
.enter {
background: #3071fe;
color: #ffffff;
}
}
.from-items {
width: 100%;
height: 120px;
display: flex;
margin-top: 20px;
.from-item-title {
width: 160px;
font-size: 14px;
font-family: PingFangSC;
font-weight: 400;
color: rgba(99, 101, 105, 1);
span {
color: #f00;
}
a {
color: #0f8ee9;
font-size: 13px;
cursor: pointer;
line-height: 0px;
border-bottom: 1px solid #0f8ee9;
height: 5px;
margin-left: 50px;
}
}
.upload-box {
width: 98px;
height: 100%;
cursor: pointer;
position: relative;
border: 3px dashed #ccc;
margin-left: 20px;
}
.upload-box-next {
width: 98px;
height: 100%;
cursor: pointer;
position: relative;
border: 3px dashed #ccc;
margin-left: 20px;
img {
width: 100%;
height: 100%;
}
.chakan {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
color: #fff;
}
}
.upload-box-next:hover > .chakan {
display: flex;
justify-content: center;
align-items: center;
}
}
</style>
channel-access/src/main.js
......@@ -12,7 +12,7 @@ Vue.use(Element)
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
router,
store,
render: h => h(App)
}).$mount('#app')
\ No newline at end of file
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