Skip to content

D
dsk-cr20g
Commit 79d43c33 authored by MyName's avatar MyName
Browse files
Options

客户管理

parent fb408bbd
Hide whitespace changes
Inline Side-by-side
Showing with 16479 additions and 60 deletions
dsk-operate-ui/src/api/custom/custom.js 0 → 100644
View file @ 79d43c33
import request from '@/utils/request'
// 客户列表
export function getCustomerList(param) {
return request({
url: '/customer/list',
method: 'get',
params: param
})
}
//新增客户
export function addCustomer(param) {
return request({
url: '/customer',
method: 'POST',
data: param
})
}
dsk-operate-ui/src/api/main.js 0 → 100644
View file @ 79d43c33
import request from '@/utils/request'
//根据字典类型查询字典数据信息
export function getDictType(dictType) {
return request({
url: '/system/dict/data/type/'+dictType,
method: 'get',
})
}
//模糊查询企业联想
export function getEnterprise(param) {
return request({
url: '/enterprise/index',
method: 'POST',
data: param
})
}
dsk-operate-ui/src/assets/json/provinceTree.json 0 → 100644
View file @ 79d43c33
This source diff could not be displayed because it is too large. You can view the blob instead.
dsk-operate-ui/src/assets/styles/index.scss
View file @ 79d43c33
......@@ -519,6 +519,7 @@ ul, li {
.btn_default{
border: 1px solid #0081FF;
color: #0081FF;
background: #FFFFFF;
&.h28{
line-height: 26px;
}
......@@ -617,7 +618,8 @@ ul, li {
top: 0;
border-radius: 0;
&:hover{
color: #006AD1;
color: #FFFFFF;
background: #0081FF;
}
}
}
......
dsk-operate-ui/src/assets/styles/project.scss
View file @ 79d43c33
......@@ -392,6 +392,11 @@
content: "\e78f";
opacity: 0.4;
}
.el-icon-arrow-down:before{
content: "\e790";
opacity: 0.4;
color: #232323;
}
}
}
.popbot{
......@@ -414,10 +419,10 @@
}
.popform.j{
.left{
width: 116px;
width: 130px;
}
.el-input{
width: 374px;
width: 364px;
}
}
.types{
......@@ -697,12 +702,8 @@
font-size: 12px;
}
}
.b1{
padding: 0 5px;
border-radius: 2px;
}
.b2{
padding: 0 15px;
width: 80px;
border-radius: 2px;
}
.b3{
......@@ -748,6 +749,25 @@
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell{
background: #F6F9FC;;
}
.hoverbtn{
display: none;
>div{
cursor: pointer;
margin-right: 24px;
}
.xz{
opacity: 0.8;
}
.sc{
color: #FF3C3C;
}
}
tr:hover{
.hoverbtn{
display: flex;
justify-content: right;
}
}
.el-table__header-wrapper th{
background: #FFFFFF;
font-size: 12px;
......@@ -815,3 +835,163 @@
color: #0BAE8D;
}
}
//批量导入
.uploadwin{
background: rgba(0,0,0,0.3);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2;
.upload{
width: 528px;
height: 430px;
background: #F4F9FF;
border-radius: 4px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
.up_title{
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 50px;
}
.up_box{
margin: 0 24px;
width: 480px;
height: 296px;
background: #FFFFFF;
border-radius: 2px;
border: 1px dashed #0081FF;
position: relative;
.el-upload-dragger{
height: 294px;
width: 478px;
border: 0;
}
.up_img{
margin: 56px auto 13px;
}
.up_text{
color: #666;
font-size: 14px;
line-height: 18px;
padding-bottom: 12px;
}
.up_tip{
color: #999;
font-size: 12px;
line-height: 16px;
padding-bottom: 12px;
text-align: left;
padding-left: 82px;
&:before{
content: " ";
width: 4px;
height: 4px;
background: #D8D8D8;
border-radius: 50%;
float: left;
margin: 6px 6px 0 0;
}
}
.up_success{
padding-top: 135px;
font-size: 18px;
color: #46AF41;
font-weight: 700;
line-height: 24px;
>img{
float: left;
width: 24px;
margin-right: 10px;
margin-left: 187px;
}
}
}
.btn_download{
position: absolute;
width: 78px;
height: 22px;
background: #E2EEFF;
border-radius: 2px;
color: #0081FF;
background: rgba(0, 129, 255, 0.16);
font-size: 12px;
line-height: 22px;
top: 149px;
right: 61px;
cursor: pointer;
.img{
float: left;
background: url('../images/upload.png')no-repeat center center;
transform: rotateX(180deg);
width: 9px;
height: 11px;
margin: 4px 2px 0 10px;
}
}
}
.btns{
text-align: center;
.btn_primary,.btn_disabled,.btn_default{
border-radius: 2px;
margin: 24px 8px 0;
width: 104px;
}
.btn_disabled{
background: #999;
}
}
.success{
width: 240px;
height: 175px;
background: #FFFFFF;
border-radius: 4px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
.img{
display: block;
margin: 24px auto 16px;
width: 60px;
}
.p1{
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: 700;
color: rgba(35,35,35,0.8);
line-height: 21px;
}
.p2{
margin-top: 16px;
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: rgba(35,35,35,0.4);
line-height: 14px;
}
.p3{
padding-top: 35px;
font-size: 18px;
color: #46AF41;
font-weight: 700;
line-height: 24px;
text-align: left;
>img{
float: left;
width: 24px;
margin-right: 10px;
margin-left: 67px;
}
}
.btn_primary{
margin-top: 16px;
}
}
}
dsk-operate-ui/src/views/custom/customList/index.vue
View file @ 79d43c33
......@@ -7,26 +7,26 @@
<div class="app-container">
<el-card class="box-card noborder">
<div class="tables">
<div class="empty" v-if="tableData == null || tableData.length == 0">
<div class="empty" v-if="tableData.total==0">
<img src="@/assets/images/project/empty.png">
<div class="p1">添加你的第一位客户吧</div>
<div class="p2">抱歉,你还未添加客户，快去添加吧</div>
<div class="btn btn_primary h36 w88" @click="opennew">添加客户</div>
<div class="btn btn_primary btn_shallow h36 w88">批量导入</div>
<div class="btn btn_primary btn_shallow h36 w88" @click="pldrs">批量导入</div>
</div>
<div class="table_search">
<div class="searchInput">
<el-input type="text" placeholder="输入企业名称查询"></el-input>
<el-input type="text" v-model="serchParam.companyName" placeholder="输入企业名称查询"></el-input>
<div class="btn">搜索</div>
</div>
<div class="dc">
<div class="total">共126条</div>
<div class="btn-export"><img src="@/assets/images/project/import.png">批量导入</div>
<div class="btn-export" @click="pldrs"><img src="@/assets/images/project/import.png">批量导入</div>
<div class="btn btn_primary h32 p10" @click="opennew"><div class="img img1"></div>添加客户</div>
</div>
</div>
<el-table
:data="tableData"
<el-table v-if="tableData.total>0"
:data="tableData.rows"
stripe border
style="width: 100%"
:default-sort = "{prop: 'date', order: 'descending'}"
......@@ -35,38 +35,42 @@
prop="index"
label="序号"
width="47">
</el-table-column> <el-table-column
<template slot-scope='scope'>
<span>{{ (serchParam.pageNum - 1) * serchParam.pageSize + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="企业名称"
width="441">
<template slot-scope="scope">
<div class="ps1">
<div class="wordprimary ps2">中国建筑第八工程局有限公司重庆至万州高铁</div>
<div class="wordprimary ps2" @click="toDetail(scope.row.companyId,'')">{{scope.row.companyName}}</div>
<div class="ps3">
<div>写跟进<img src="@/assets/images/project/edit_1.png"></div>
<div>编辑信息<img src="@/assets/images/project/edit_2.png"></div>
<div @click="toDetail(scope.row.companyId,1)">写跟进<img src="@/assets/images/project/edit_1.png"></div>
<div @click="toDetail(scope.row.companyId,2)">编辑信息<img src="@/assets/images/project/edit_2.png"></div>
</div>
</div>
</template>
</el-table-column>
<el-table-column
prop="name"
prop="cooperationProject"
label="合作项目"
width="76">
</el-table-column>
<el-table-column
prop="name"
prop="followProject"
label="跟进项目"
width="76">
</el-table-column>
<el-table-column
prop="name"
prop="reserveProject"
label="储备项目"
width="76">
</el-table-column>
<el-table-column
prop="name"
prop="legalPerson"
label="法定代表人"
width="110">
</el-table-column>
......@@ -76,62 +80,68 @@
width="160">
</el-table-column>
<el-table-column
prop="name"
prop="registerCapitalStr"
label="注册资本金（万元）"
width="140">
</el-table-column>
<el-table-column
prop="address"
prop="creditLevel"
label="企业主体评级" width="100">
</el-table-column>
<el-table-column
prop="address"
prop="isOn"
label="上市公司" width="76">
<template slot-scope="scope">
{{scope.row.isOn == 1?"是":"否"}}
</template>
</el-table-column>
<el-table-column
prop="address"
prop="isMajor"
label="局级大客户" width="88">
<template slot-scope="scope">
{{scope.row.isMajor == 1?"是":"否"}}
</template>
</el-table-column>
<el-table-column
prop="address"
prop="customerLevel"
label="客户等级" width="76">
</el-table-column>
<el-table-column
prop="address"
prop="companyNature"
label="客户性质" width="76">
</el-table-column>
<el-table-column
prop="address"
prop="companyLevel"
label="客户级别" width="76">
</el-table-column>
<el-table-column
prop="address"
label="企业母公司" width="268">
<template slot-scope="scope">
<div class="wordprimary">中国建筑第八工程局有限公司重庆至万州高铁</div>
<div class="wordprimary">{{scope.row.superCompany}}</div>
</template>
</el-table-column>
<el-table-column
prop="address"
prop="mainBusiness"
label="主营业务" width="120">
</el-table-column>
<el-table-column
prop="address"
prop="companyAttribute"
label="发包属性" width="120">
</el-table-column>
<el-table-column
prop="address"
prop="followUser"
label="跟进人" width="110">
</el-table-column>
</el-table>
<div class="bottems">
<div class="bottems" v-if="tableData.total>0">
<el-pagination
background
:page-size="20"
:page-size="serchParam.pageSize"
:current-page="1"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="1000">
:total="tableData.total">
</el-pagination>
</div>
</div>
......@@ -148,6 +158,12 @@
<span class="left"><i>*</i>企业名称：</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">客户等级：</span>
<el-select placeholder="请选择">
<el-option v-for="(item,index) in customerLevel" :label="item.dictLabel" :value="item.dictValue"></el-option>
</el-select>
</div>
<div class="row">
<span class="left">法定代表人：</span>
<el-input type="text" placeholder="请输入"></el-input>
......@@ -158,10 +174,11 @@
</div>
<div class="row">
<span class="left">企业注册地：</span>
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
<el-cascader :options="addressList" clearable></el-cascader>
</div>
<div class="row">
<span class="left">统一社会信用代码：</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="popbot">
<div class="wordprimary">前往城投平台寻找客户线索></div>
......@@ -172,16 +189,69 @@
</el-dialog>
</el-card>
</div>
<div class="uploadwin" v-if="pldr">
<div class="upload" v-if="addfile==false">
<div class="up_title">批量导入客户</div>
<div class="up_box">
<el-upload v-if="isUpload == false"
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
multiple>
<img class="up_img" src="@/assets/images/project/upload.png">
<div class="up_text">点击选择或将文件(xls，xlsx)拖拽至此上传成员名录</div>
<div class="up_tip">导入的文件内容必须依照下载模板的要求填写</div>
<div class="up_tip">上传文件最大为2M，仅支持Excel表格文件（xls,xlsx)</div>
<div class="up_tip">导入已存在的客户将自动跳过</div>
</el-upload>
<div class="up_success" v-else>
<img src="@/assets/images/project/success.png">上传成功
</div>
<div class="btn_download" v-if="isUpload == true"><div class="img"></div>点击下载</div>
</div>
<div class="btns">
<div class="btn btn_primary btn_disabled h34" v-if="isUpload==false">确定导入</div>
<div class="btn btn_primary h34" @click="qddr" v-else>确定导入</div>
<div class="btn btn_default h34">取消</div>
</div>
</div>
<div class="success" v-if="addfile==true">
<div v-if="addsuccess==false">
<img class="img" src="@/assets/images/project/clock.png">
<div class="p1">查询客户中...</div>
<div class="p2">请耐心等待，过程大概30秒</div>
</div>
<div v-if="addsuccess == true">
<div class="p3">
<img src="@/assets/images/project/success.png">查询成功
</div>
<div class="p2">成功导入32家客户信息</div>
<div class="btns">
<div class="btn btn_primary h32">查看</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import "@/assets/styles/project.scss"
import {getCustomerList} from '@/api/custom/custom'
import {getEnterprise,getDictType,} from '@/api/main'
import prvinceTree from '@/assets/json/provinceTree'
import axios from 'axios'
export default {
name: 'CustomList',
data() {
return{
pldr: false,
serchParam:{
companyName:'',
pageNum:1,
pageSize:20
},
dialogVisible:false,
textarea:"",
nowedit:-1,//当前正在编辑的文本
......@@ -205,14 +275,55 @@ export default {
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}
]
],
isUpload:false,//有上传的文件
addfile:true,//已上传文件
addsuccess:true,//已成功加入数据
customerLevel:[],//客户等级
addressList:[],//地区
}
},
created() {
this.getCustomerList()
this.getDictType()
this.prvinceTree()
},
methods:{
getDictType(){
//获取客户等级
getDictType('customer_level_type').then(result=>{
this.customerLevel = result.code == 200 ? result.data:[]
})
},
pldrs(){
this.pldr = true
this.addfile = false
this.isUpload = false
this.addsuccess = false
},
qddr(){
this.addfile = true
this.addsuccess = false
},
//获取客户列表
getCustomerList(){
getCustomerList(this.serchParam).then(result=>{
this.tableData =result
})
},
//跳转到客户详情
toDetail(id,type){
if(type == 1){//跟进
}else if(type == 2){//编辑信息
}
},
//翻页
handleCurrentChange(val) {
this.serchParam.pageNum=val
console.log(`当前页: ${val}`);
},
cancel(){
......@@ -222,6 +333,33 @@ export default {
opennew(){
this.dialogVisible = true
},
//地区
async prvinceTree() {
// await axios.post("https://files.jiansheku.com/file/json/common/provinceTree.json", {}, {
// headers: {
// 'Content-Type': 'application/json'
// }
// }).then(res => {
// if (res.data.code == 200) {
// console.log(res.data.data)
// }
// })
// console.log(prvinceTree)
this.addressList = prvinceTree;
this.getadd(this.addressList)
},
getadd(row) {
this.addrcallback(row,this.getadd)
},
addrcallback(row,callback){
if(row){
row.forEach(item => {
item.value = item.id
callback && callback(item.children)
})
}
},
}
}
</script>
......@@ -282,9 +420,6 @@ export default {
justify-content: space-between;
.ps2{
width: 270px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ps3{
width: 150px;
......
dsk-operate-ui/src/views/custom/trends/index.vue
View file @ 79d43c33
<template>
<div class="app-container">
跟进动态
<div>
<div class="miantitle">
<span>客户管理</span>
<span> / 客户列表</span>
<span> / 跟进动态</span>
</div>
<div class="app-container">
<gjjl types="gjdt" :data="datas"></gjjl>
</div>
</div>
</template>
<script>
import gjjl from '../../project/projectList/component/gjjl.vue'
export default {
components:{
gjjl
},
name: 'Trends',
data() {
return {
datas:[]
}
},
created() {
......
dsk-operate-ui/src/views/project/projectList/component/gjjl.vue
View file @ 79d43c33
......@@ -19,6 +19,11 @@
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
<el-select v-if="showtype == 'gjdt'" v-model="value" class="w128" placeholder="关联企业">
<i slot="prefix" class="el-input__icon"><img src="@/assets/images/project/ico_1.png"></i>
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
<el-input v-model="value" placeholder="拜访对象" style="width: 100px;">
<i slot="prefix" class="el-input__icon"><img src="@/assets/images/project/ico_2.png"></i>
</el-input>
......@@ -96,13 +101,25 @@
<script>
import "@/assets/styles/project.scss"
export default {
props:{
types: { //当前组件展示类型
type: String,
default: ""
},
datas:[],//数据源
},
name: 'gjjl',
data(){
return{
showtype:'',
isEdit:false,
value:''
}
},
created(){
this.showtype = this.types
console.log(this.types)
},
methods:{
getEdit(){
this.isEdit = true;
......
dsk-operate-ui/src/views/project/projectList/component/xgqy.vue
View file @ 79d43c33
......@@ -50,6 +50,17 @@
label="负责人"
width="">
</el-table-column>
<el-table-column
prop="name"
label=""
align="right"
width="">
<template slot-scope="scope">
<div class="hoverbtn">
<div class="sc">删除</div>
</div>
</template>
</el-table-column>
</el-table>
<div class="tables">
......
dsk-operate-ui/src/views/project/projectList/component/zlwd.vue
View file @ 79d43c33
......@@ -8,8 +8,37 @@
<el-input type="text" placeholder="输入关键词查询"></el-input>
<div class="btn">搜索</div>
</div>
<div class="btn btn_primary h32 b1"><div class="img img1"></div>新建文件夹</div>
<div class="btn btn_default h32 b2"><div class="img img2"></div>上传</div>
<div class="btn btn_primary h32 b2" @click="isupload=true"><div class="img img2"></div>上传</div>
</div>
<div class="uploadbox" v-if="isupload">
<div>
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList">
<div class="wj wj1"></div>上传文件
</el-upload>
</div>
<div>
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-remove="fileRemove"
:on-change="fileChang"
multiple
:limit="3"
:on-exceed="handleExceed"
ref="uploadFile"
:file-list="fileList">
<div class="wj wj2"></div>上传文件夹
</el-upload>
</div>
</div>
<div class="document">
<el-table
......@@ -49,6 +78,18 @@
sortable
width="">
</el-table-column>
<el-table-column
prop=""
label=""
align="right"
width="">
<template slot-scope="scope">
<div class="hoverbtn">
<div class="xz">下载</div>
<div class="sc">删除</div>
</div>
</template>
</el-table-column>
</el-table>
<div class="tables">
<div class="bottems">
......@@ -115,6 +156,7 @@
name: 'zlwd',
data(){
return{
isupload:false,
dialogVisible:false,
textarea:"",
nowedit:-1,//当前正在编辑的文本
......@@ -138,10 +180,23 @@
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}
]
],
fileList:[],//上传的文件
}
},
mounted(){
this.$refs.uploadFile.$children[0].$refs.input.webkitdirectory = true;
},
methods:{
//上传文件夹
fileChang(file, fileList, name) {
this.form.instFilePics = fileList;
},
fileRemove(file, fileList, name) {
this.form.instFilePics = fileList
},
//翻页
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
......@@ -162,15 +217,56 @@
width: 102px;
}
.img.img1{
margin-right: 4px;
background: url('../../../../../src/assets/images/project/add_2.png')no-repeat center center;
}
.img.img2{
margin-right: 4px;
background: url('../../../../../src/assets/images/upload.png')no-repeat center center;
transform: rotateX(180deg);
background: url('../../../../../src/assets/images/import.png')no-repeat center center;
}
.box-card{
position: relative;
}
.uploadbox{
position: absolute;
width: 124px;
height: 73px;
background: #FFFFFF;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.08);
border-radius: 2px;
border: 1px solid #F0F0F0;
right: 16px;
top: 53px;
z-index: 2;
>div{
line-height: 35px;
height: 36px;
color: rgba(35, 35, 35, 0.80);
font-size: 14px;
.wj{
float: left;
margin: 10px 4px 10px 16px;
width: 16px;
height: 16px;
&.wj1{
background: url("../../../../assets/images/project/wj_1.png") top center;
background-size: 100%;
}
&.wj2{
background: url("../../../../assets/images/project/wj_3.png") top center;
background-size: 100%;
}
}
&:hover{
color: #0081FF;
background: #F4F6F9;
.wj1{
background: url("../../../../assets/images/project/wj_2.png") top center;
background-size: 100%;
}
.wj2{
background: url("../../../../assets/images/project/wj_4.png") top center;
background-size: 100%;
}
}
}
}
</style>
dsk-operate-ui/src/views/project/projectList/detail.vue
View file @ 79d43c33
......@@ -27,7 +27,7 @@
<div class="contets">
<div class="det-con">
<span>项目类型：</span>
<span>轨道交通</span>
<span><el-select><option label="aaa" value="888"></option></el-select></span>
</div>
<div class="det-con">
<span>项目类别：</span>
......@@ -72,7 +72,7 @@
<!--联系人-->
<lxr v-if="thistag == 'lxr'"></lxr>
<!--跟进记录-->
<gjjl v-if="thistag == 'gjjl'"></gjjl>
<gjjl v-if="thistag == 'gjjl'" types="gjjl"></gjjl>
<!--工作待办-->
<gzdb v-if="thistag == 'gzdb'"></gzdb>
<!--资料文档-->
......
dsk-operate-ui/src/views/project/projectList/index.vue
View file @ 79d43c33
......@@ -2,8 +2,8 @@
<div class="app-container">
<el-card class="box-card noborder">
<div class="btns">
<div class="btn btn_default h28"><div class="img img1"></div>新建项目商机</div>
<div class="btn btn_primary h28"><div class="img img2"></div>批量导出</div>
<div class="btn btn_default h28" @click="showNew"><div class="img img1"></div>新建项目商机</div>
<div class="btn btn_primary h28"><div class="img img2"></div>批量导入</div>
</div>
<el-tabs v-model="activeName" @tab-click="handleClick" class="tabpane w100">
<el-tab-pane label="我参与的项目" name="first"></el-tab-pane>
......@@ -82,6 +82,63 @@
</div>
</div>
</div>
<el-dialog
class="popups"
:visible.sync="dialogVisible"
width="464px">
<div class="poptitle">
<img src="@/assets/images/economies/icon.png">
<span>新建商机</span>
</div>
<div class="popform i">
<div class="row">
<span class="left"><i>*</i>项目名称：</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left"><i>*</i>业主单位：</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">项目阶段：</span>
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="row">
<span class="left">项目类型：</span>
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="row">
<span class="left">项目类别：</span>
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="row">
<span class="left">投资估算：</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">可见范围：</span>
<el-select placeholder="请选择">
<el-option label="cccc" value="11"></el-option>
<el-option label="cccc" value="121"></el-option>
</el-select>
</div>
<div class="popbot">
<div class="wordprimary">前往商机雷达寻找项目线索></div>
<div class="btn btn_cancel h32" @click="cancel">取消</div>
<div class="btn btn_primary h32">新建商机</div>
</div>
</div>
</el-dialog>
</el-card>
</div>
</template>
......@@ -292,13 +349,21 @@ export default {
value: 'jiaohu',
label: '组件交互文档'
}]
}]
}],
dialogVisible:false,
}
},
created() {
},
methods: {
//新建项目
showNew(){
this.dialogVisible = true
},
cancel(){
this.dialogVisible = false
},
toDetail(){
let Id = '111'
this.$router.push({ path: '/project/projectList/detail', query: Id });
......@@ -517,4 +582,15 @@ export default {
height: 20px;
}
}
.popbot{
.wordprimary{
padding-right: 26px;
float: left;
margin-top: 6px;
}
.btn_primary{
padding: 0;
}
}
</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