Commit 43ec1a65 authored by MyName's avatar MyName

项目管理

parent e1798884
...@@ -524,6 +524,13 @@ ul, li { ...@@ -524,6 +524,13 @@ ul, li {
.btn_primary{ .btn_primary{
background-color: #0081FF; background-color: #0081FF;
color: #fff; color: #fff;
&.btn_disabled{
background: #D3D3D3;
cursor: auto;
&:hover{
background: #D3D3D3;
}
}
&.h28{ &.h28{
line-height: 28px; line-height: 28px;
} }
...@@ -562,7 +569,7 @@ ul, li { ...@@ -562,7 +569,7 @@ ul, li {
//搜索框 //搜索框
.searchInput{ .searchInput{
width: 590px; width: 590px;
height: 34px; height: 32px;
border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px;
opacity: 1; opacity: 1;
border: 1px solid #EFEFEF; border: 1px solid #EFEFEF;
......
...@@ -355,8 +355,11 @@ ...@@ -355,8 +355,11 @@
.el-input__inner{ .el-input__inner{
width: 240px; width: 240px;
height: 32px; height: 32px;
border-radius: 0px 0px 0px 0px; border-radius: 0px;
opacity: 1;
&:hover{
border-color: #0081FF;
}
} }
.el-input__suffix{ .el-input__suffix{
height: 32px; height: 32px;
...@@ -380,8 +383,377 @@ ...@@ -380,8 +383,377 @@
} }
} }
} }
.popform.i{
.left{
width: 85px;
i{
color: #FF3C3C;
}
}
.el-input{
width: 335px;
.el-input__inner{
width: 335px;
}
}
.popbot{
padding-right: 0;
}
}
.types{
display: flex;
justify-content: space-between;
padding: 8px 0 24px;
>div{
cursor: pointer;
>i{
width: 14px;
height: 14px;
border-radius: 150%;
border: 1px solid #DCDFE6;
float: left;
margin: 3px 8px 0 0;;
}
&.on{
color: #0081FF;
>i{
border-color: #0081FF;
&:after{
content: " ";
width: 8px;
height: 8px;
border-radius: 50%;
background: #0081FF;
float: left;
margin: 2px;
}
}
}
}
}
} }
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
background: #F4F6F9; background: #F4F6F9;
color: #0081FF; color: #0081FF;
} }
//跟进记录、工作待办
.records{
width: 800px;
box-sizing: content-box;
padding: 0 16px 24px;
.writeIn{
margin-top: -10px;
.default{
width: 800px;
height: 46px;
background: #F3F4F5;
border-radius: 6px;
line-height: 46px;
>img{
float: left;
width: 16px;
margin: 15px 4px 0px 16px;
}
>div{
font-size: 14px;
opacity: 0.4;
}
}
.writting{
width: 800px;
padding: 16px;
border-radius: 6px;
border: 1px solid #68AEFF;
.wri_top{
>img{
float: left;
width: 16px;
}
.el-input{
width: calc(100% - 26px);
display: inline-block;
}
.el-input__inner{
line-height: 16px;
height: 16px;
border: 0;
padding: 0;
text-indent: 8px;
}
}
.wr_bot{
position: relative;
padding-top: 25px;
display: flex;
.el-input{
display: inline-block;
margin-right: 12px;
.el-input__inner{
height: 32px;
padding: 0;
text-indent: 30px;
width: 100px;
&:hover{
border-color: #0081FF;
}
}
.el-input__prefix{
left: 8px;
top: 4px;
}
.el-input__suffix{
height: 32px;
right: 13px;
}
.el-input__icon{
line-height: 32px;
}
.el-icon-arrow-up:before{
content: "\e78f";
opacity: 0.4;
}
}
.times{
display: inline-block;
position: relative;
>img{
position: absolute;
left: 8px;
top: 8px;
z-index: 1;
}
.el-input{
position: absolute;
}
.el-input__icon{
opacity: 0;
}
}
.w128{
.el-input__inner{
width: 128px;
}
}
}
}
}
.recordlist{
padding-left: 10px;
padding-top: 19px;
.rec_detail{
border-left: 1px dashed rgba(0,129,255,0.5);
font-size: 14px;
padding-bottom: 34px;
&:last-child{
border: 0;
}
.rec_time{
color: #0081FF;
position: relative;
.el-icon-time{
font-size: 16px;
float: left;
margin: -1px 10px 0 -8px;
background: #fff;
}
.operate{
display: none;
position: absolute;
right: 0;
top: 0;
>img{
margin-left: 16px;
cursor: pointer;
}
}
}
.rec_con{
margin: 12px 0 0 18px;
background: #F6F9FD;
border-radius: 6px;
padding: 24px;
//box-sizing: content-box;
box-sizing: border-box;
>div{
>span{opacity: 0.8;}
line-height: 30px;
&.rec_text{
opacity: 0.4;
>span{
padding-right: 24px;
}
}
>strong{
opacity: 1;
font-size: 18px;
line-height: 14px;
}
}
}
}
.rec_detail:hover{
.operate{
display: block;
}
.rec_con{
border: 1px solid #68AEFF;
}
}
}
.tasktitle{
color: #3D3D3D;
line-height: 28px;
font-size: 14px;
padding-left: 11px;
margin-top: 24px;
&:after{
content: ' ';
width: 4px;
height: 4px;
background: #0081FF;
border-radius: 50%;
float: left;
margin-top: 12px;
margin-left: -9px;
}
>span{
width: 88px;
height: 26px;
border-radius: 14px;
border: 1px solid #FF3C3C;
color: #FF3C3C;
line-height: 26px;
text-align: center;
display: inline-block;
margin-left: 10px;
}
}
.tasklist{
padding: 24px;
background: #F6F9FD;
border-radius: 6px;
margin-top: 16px;
position: relative;
.task_name{
font-size: 16px;
}
.task_con{
padding-top: 12px;
line-height: 14px;
font-size: 14px;
>span{
color: rgb(167,167,167);
padding-right: 28px;
}
}
.select{
position: absolute;
width: 88px;
height: 32px;
background: #E0E4EA;
border-radius: 4px;
right: 16px;
top: 30px;
}
}
}
//资料文档、相关企业
.searchbtns{
display: flex;
position: absolute;
right: 16px;
top: 17px;
.searchInput{
width: 178px;
height: 32px;
border: 1px solid #D9D9D9;
.el-input--medium .el-input__inner{
line-height: 32px;
font-size: 12px;
}
}
.b1{
padding: 0 5px;
border-radius: 2px;
}
.b2{
padding: 0 15px;
border-radius: 2px;
}
.b3{
padding: 0 10px;
border-radius: 2px;
}
.select{
width: 110px;
.el-input__inner{
width: 110px;
height: 32px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #D9D9D9;
}
.el-input--medium .el-input__icon{
line-height: 32px;
}
margin-right: 10px;
}
}
.document{
padding:0 16px 16px;
margin-top: -14px;
.el-table {
color: #232323;
&::before{
background: #FFFFFF;
}
th.el-table__cell.is-leaf, td.el-table__cell{
border: 0;
color: #232323;
padding: 2px 0 0;
}
td.el-table__cell{
padding: 12px 0;
}
.el-table__header-wrapper{
border-bottom: 1px solid #eeeeee;
}
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell{
background: #F6F9FC;;
}
.el-table__header-wrapper th{
background: #FFFFFF;
font-size: 12px;
opacity: 0.8;
font-weight: 400;
}
.is-sortable .sort-caret.ascending{
border-bottom-color: #0081FF;
opacity: 0.4;
}
.sort-caret.descending{
border-top-color:#0081FF;
opacity: 0.4;
}
.ascending .sort-caret.ascending{
opacity: 1;
}
.descending .sort-caret.descending{
opacity: 1;
}
.img{
float: left;
margin-right: 8px;
}
}
}
<template>
<div>
<el-card class="box-card noborder">
<div class="cardtitles">跟进记录</div>
<div class="records">
<div class="writeIn">
<div class="default" v-if="isEdit == false" @click="getEdit">
<img src="@/assets/images/project/add_3.png">
<div>新建一条跟进记录,如:周五上午预约客户上门拜访</div>
</div>
<div class="writting" v-if="isEdit == true">
<div class="wri_top">
<img src="@/assets/images/project/add_3.png">
<el-input placeholder="新建一条跟进记录,如:周五上午预约客户上门拜访"></el-input>
</div>
<div class="wr_bot">
<el-select 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>
<el-input v-model="value" placeholder="客户职位" style="width: 100px;">
<i slot="prefix" class="el-input__icon"><img src="@/assets/images/project/ico_3.png"></i>
</el-input>
<div class="times"><img src="@/assets/images/project/ico_4.png">
<el-date-picker class="w128"
v-model="value"
type="date"
placeholder="下次拜访时间">
</el-date-picker>
</div>
<div class="btn btn_primary h32 wc" :class="{'btn_disabled':value == ''}">完成</div>
</div>
</div>
</div>
<div class="recordlist">
<div class="rec_detail">
<div class="rec_time">
<i class="el-icon-time"></i>
<div>2018-04-03 10:20</div>
<div class="operate">
<!--<img src="@/assets/images/edit.png">第一期不做编辑-->
<img src="@/assets/images/delete.png">
</div>
</div>
<div class="rec_con">
<div><strong>李力</strong> <span>(线下拜访)</span></div>
<div><span>上门拜访了交通局杨科长,客户对公司认可度很高,希望做进一步的高层对话。</span></div>
<div class="rec_text">
<span>拜访对象:杨洋</span>
<span>职位:科长</span>
<span>拜访时间:2008-12-08</span>
<span>下次拜访时间:2008-12-08</span>
</div>
</div>
</div>
<div class="rec_detail">
<div class="rec_time">
<i class="el-icon-time"></i>
<div>2018-04-03 10:20</div>
<div class="operate">
<!--<img src="@/assets/images/edit.png">第一期不做编辑-->
<img src="@/assets/images/delete.png">
</div>
</div>
<div class="rec_con">
<div><strong>李力</strong> <span>(线下拜访)</span></div>
<div><span>上门拜访了交通局杨科长,客户对公司认可度很高,希望做进一步的高层对话。</span></div>
<div class="rec_text">
<span>拜访对象:杨洋</span>
<span>职位:科长</span>
<span>拜访时间:2008-12-08</span>
<span>下次拜访时间:2008-12-08</span>
</div>
</div>
</div>
</div>
</div>
<div class="delform">
<div class="words">是否删除该条记录</div>
<div>
<div class="btnsmall btn_primary h28">确定</div>
<div class="btnsmall btn_cancel h28">取消</div>
</div>
</div>
</el-card>
</div>
</template>
<script>
import "@/assets/styles/project.scss"
export default {
name: 'gjjl',
data(){
return{
isEdit:false,
value:''
}
},
methods:{
getEdit(){
this.isEdit = true;
this.value = ""
},
}
}
</script>
<style lang="scss" scoped>
.wc{
position: absolute;
right: 0;
bottom: 0;
}
.delform{
position: fixed; left:50%; top:50%; transform:translate(-50%,-50%)
}
</style>
<template>
<div>
<el-card class="box-card noborder">
<div class="cardtitles">跟进记录</div>
<div class="records">
<div class="writeIn">
<div class="default" v-if="isEdit == false" @click="getEdit">
<img src="@/assets/images/project/add_3.png">
<div>新建一条工作代办,如:周五上午预约客户上门拜访</div>
</div>
<div class="writting" v-if="isEdit == true">
<div class="wri_top">
<img src="@/assets/images/project/add_3.png">
<el-input placeholder="新建一条跟进记录,如:周五上午预约客户上门拜访"></el-input>
</div>
<div class="wr_bot">
<div class="times"><img src="@/assets/images/project/ico_4.png">
<el-date-picker
v-model="value"
type="date"
placeholder="待办时间">
</el-date-picker>
</div>
<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>
<div class="btn btn_primary h32 wc" :class="{'btn_disabled':value == ''}">完成</div>
</div>
</div>
</div>
<div class="tasktitle"><strong>我的任务</strong><span>4条已逾期</span></div>
<div class="tasklist">
<div class="task_name">周二拜访交通局李主任</div>
<div class="task_con"><span>发起时间:2023-01-24</span><span>关联客户:<font class="wordprimary">重庆市交通局</font></span><span>完成时间:2023-0.-03</span></div>
<div class="select">未完成</div>
</div>
<div class="tasklist">
<div class="task_name">周二拜访交通局李主任</div>
<div class="task_con"><span>发起时间:2023-01-24</span><span>关联客户:<font class="wordprimary">重庆市交通局</font></span><span>完成时间:2023-0.-03</span></div>
<div class="select">未完成</div>
</div>
</div>
</el-card>
</div>
</template>
<script>
import "@/assets/styles/project.scss"
export default {
name: 'gjjl',
data(){
return{
isEdit:false,
value:''
}
},
methods:{
getEdit(){
this.isEdit = true;
this.value = ""
},
}
}
</script>
<style lang="scss" scoped>
.wc{
position: absolute;
right: 0;
bottom: 0;
}
.times{
width: 100px;
margin-right: 12px;
}
</style>
...@@ -155,40 +155,14 @@ ...@@ -155,40 +155,14 @@
<script> <script>
import "@/assets/styles/project.scss" import "@/assets/styles/project.scss"
export default { export default {
name: 'xmgl', name: 'jsnr',
data(){ data(){
return{ return{
textarea:"", textarea:"",
nowedit:-1,//当前正在编辑的文本 nowedit:-1,//当前正在编辑的文本
tipslit:[],//项目标签
tipsvalue:"",//标签填写内容
} }
}, },
methods:{ methods:{
//验证电话号码
isphone(value){
var regPartton = /1[3-8]+\d{9}/;
var regPartton1 = /^(0[0-9]{2,3}[\-]?[2-9][0-9]{6,7}[\-]?[0-9]?)$/;
if (!regPartton.test(value) && !regPartton1.test(value)) {
this.$message.error("请输入正确的电话");
} else {
}
},
//标签添加、删除
addtips(){
if(this.tipsvalue == "")
return false
if(this.tipslit.length>=30){
this.$message.error("最多能只能添加30个标签")
return false
}
this.tipslit.push(this.tipsvalue)
this.tipsvalue = ""
},
deltip(index){
this.tipslit.splice(index,1)
},
} }
} }
</script> </script>
......
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
<script> <script>
import "@/assets/styles/project.scss" import "@/assets/styles/project.scss"
export default { export default {
name: 'xmgl', name: 'lxr',
data(){ data(){
return{ return{
dialogVisible:false, dialogVisible:false,
...@@ -151,30 +151,6 @@ ...@@ -151,30 +151,6 @@
} }
}, },
methods:{ methods:{
//验证电话号码
isphone(value){
var regPartton = /1[3-8]+\d{9}/;
var regPartton1 = /^(0[0-9]{2,3}[\-]?[2-9][0-9]{6,7}[\-]?[0-9]?)$/;
if (!regPartton.test(value) && !regPartton1.test(value)) {
this.$message.error("请输入正确的电话");
} else {
}
},
//标签添加、删除
addtips(){
if(this.tipsvalue == "")
return false
if(this.tipslit.length>=30){
this.$message.error("最多能只能添加30个标签")
return false
}
this.tipslit.push(this.tipsvalue)
this.tipsvalue = ""
},
deltip(index){
this.tipslit.splice(index,1)
},
//翻页 //翻页
handleCurrentChange(val) { handleCurrentChange(val) {
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
......
<template>
<div>
<el-card class="box-card noborder">
<div class="cardtitles">相关企业</div>
<div class="searchbtns">
<el-select class="select" placeholder="企业角色">
<option label="111" value="222"></option>
</el-select>
<div class="searchInput">
<el-input type="text" placeholder="输入关键词查询"></el-input>
<div class="btn">搜索</div>
</div>
<div class="btn btn_primary h32 b3" @click="opennew"><div class="img img1"></div>添加相关企业</div>
</div>
<div class="document">
<el-table
:data="tableData"
style="width: 100%"
>
<template slot="empty">
<div class="empty">
<img src="@/assets/images/project/empty.png">
<div class="p1">暂无数据展示</div>
<div class="p2">抱歉,你还未添加相关数据,快去添加吧</div>
<div class="btn btn_primary h36 w102" @click="opennew">新增联系人</div>
</div>
</template>
<el-table-column
prop="date"
label="企业名称"
>
<template slot-scope="scope">
<div class="wordprimary">集团投标常用资料</div>
</template>
</el-table-column>
<el-table-column
prop="name"
label="对接深度"
>
</el-table-column>
<el-table-column
prop="name"
label="企业角色"
sortable
width="">
</el-table-column>
<el-table-column
prop="name"
label="负责人"
width="">
</el-table-column>
</el-table>
<div class="tables">
<div class="bottems">
<el-pagination
background
:page-size="20"
:current-page="1"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="1000">
</el-pagination>
</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="types">
<div :class="{'on':types==1}" @click="types=1"><i></i>业主单位</div>
<div :class="{'on':types==2}" @click="types=2"><i></i>合作伙伴</div>
<div :class="{'on':types==3}" @click="types=3"><i></i>竞争对手</div>
</div>
<div class="popform">
<div class="popbot" style="padding-right: 0">
<div class="btn btn_cancel h32" @click="cancel">返回</div>
<div class="btn btn_primary h32" @click="hzhbVisible=true">下一步</div>
</div>
</div>
</el-dialog>
<el-dialog
class="popups"
:visible.sync="hzhbVisible"
width="464px">
<div class="poptitle">
<img src="@/assets/images/economies/icon.png">
<span>新建相关企业-{{types==1?"业主单位":""}}{{types==2?"合作伙伴":""}}{{types==3?"竞争对手":""}}</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" v-if="types == 1">
<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" v-if="types == 2">
<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" v-if="types == 3">
<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="popbot">
<div class="btn btn_cancel h32" @click="cancel">返回</div>
<div class="btn btn_primary h32">添加</div>
</div>
</div>
</el-dialog>
</el-card>
</div>
</template>
<script>
import "@/assets/styles/project.scss"
export default {
name: 'zlwd',
data(){
return{
types:1,
dialogVisible:false,
hzhbVisible:false,
textarea:"",
nowedit:-1,//当前正在编辑的文本
tipslit:[],//项目标签
tipsvalue:"",//标签填写内容
tableData: [
{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}
]
}
},
methods:{
//翻页
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
cancel(){
this.dialogVisible = false
},
//打开新建窗口
opennew(){
this.dialogVisible = true
},
}
}
</script>
<style lang="scss" scoped>
.w102{
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;
}
.box-card{
position: relative;
}
</style>
...@@ -160,7 +160,7 @@ ...@@ -160,7 +160,7 @@
<script> <script>
import "@/assets/styles/project.scss" import "@/assets/styles/project.scss"
export default { export default {
name: 'xmgl', name: 'xmsl',
data(){ data(){
return{ return{
nowedit:-1,//当前正在编辑的文本 nowedit:-1,//当前正在编辑的文本
......
<template>
<div>
<el-card class="box-card noborder">
<div class="cardtitles">资料文档</div>
<div class="searchbtns">
<div class="searchInput">
<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>
<div class="document">
<el-table
:data="tableData"
style="width: 100%"
>
<template slot="empty">
<div class="empty">
<img src="@/assets/images/project/empty.png">
<div class="p1">暂无数据展示</div>
<div class="p2">抱歉,你还未添加相关数据,快去添加吧</div>
<div class="btn btn_primary h36 w102" @click="opennew">新增联系人</div>
</div>
</template>
<el-table-column
prop="date"
label="文件名称"
>
<template slot-scope="scope">
<div>
<img class="img" src="@/assets/images/folder.png">
<span>集团投标常用资料</span>
</div>
</template>
</el-table-column>
<el-table-column
prop="name"
label="创建人"
>
</el-table-column>
<el-table-column
prop="name"
label="更新时间"
sortable
width="">
</el-table-column>
</el-table>
<div class="tables">
<div class="bottems">
<el-pagination
background
:page-size="20"
:current-page="1"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="1000">
</el-pagination>
</div>
</div>
</div>
<el-dialog
class="popups"
:visible.sync="dialogVisible"
width="464px">
<div class="poptitle">
<img src="@/assets/images/economies/icon.png">
<span>重庆市轨道交通3号线二期工程4标段施工总承包</span>
</div>
<div class="popform">
<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="row">
<span class="left">联系人职位:</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">联系人公司/机关:</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">内部维护人:</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="row">
<span class="left">联系方式:</span>
<el-input type="text" placeholder="请输入"></el-input>
</div>
<div class="popbot">
<div class="btn btn_cancel h32" @click="cancel">返回</div>
<div class="btn btn_primary h32">保存</div>
</div>
</div>
</el-dialog>
</el-card>
</div>
</template>
<script>
import "@/assets/styles/project.scss"
export default {
name: 'zlwd',
data(){
return{
dialogVisible:false,
textarea:"",
nowedit:-1,//当前正在编辑的文本
tipslit:[],//项目标签
tipsvalue:"",//标签填写内容
tableData: [
{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}
]
}
},
methods:{
//翻页
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
cancel(){
this.dialogVisible = false
},
//打开新建窗口
opennew(){
this.dialogVisible = true
},
}
}
</script>
<style lang="scss" scoped>
.w102{
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;
}
.box-card{
position: relative;
}
</style>
...@@ -71,6 +71,14 @@ ...@@ -71,6 +71,14 @@
<jsnr v-if="thistag == 'jsnr'"></jsnr> <jsnr v-if="thistag == 'jsnr'"></jsnr>
<!--联系人--> <!--联系人-->
<lxr v-if="thistag == 'lxr'"></lxr> <lxr v-if="thistag == 'lxr'"></lxr>
<!--跟进记录-->
<gjjl v-if="thistag == 'gjjl'"></gjjl>
<!--工作待办-->
<gzdb v-if="thistag == 'gzdb'"></gzdb>
<!--资料文档-->
<zlwd v-if="thistag == 'zlwd'"></zlwd>
<!--相关企业-->
<xgqy v-if="thistag == 'xgqy'"></xgqy>
</div> </div>
</div> </div>
</template> </template>
...@@ -80,9 +88,13 @@ ...@@ -80,9 +88,13 @@
import xmsl from './component/xmsl.vue' import xmsl from './component/xmsl.vue'
import jsnr from './component/jsnr.vue' import jsnr from './component/jsnr.vue'
import lxr from './component/lxr.vue' import lxr from './component/lxr.vue'
import gjjl from './component/gjjl.vue'
import gzdb from './component/gzdb.vue'
import zlwd from './component/zlwd.vue'
import xgqy from './component/xgqy.vue'
export default { export default {
name: 'detail', name: 'detail',
components: {xmsl,jsnr,lxr}, components: {xmsl,jsnr,lxr,gjjl,gzdb,zlwd,xgqy},
data(){ data(){
return { return {
schedulelist: ['立项审批','招标计划','招标公告','开标阶段','中标结果'], schedulelist: ['立项审批','招标计划','招标公告','开标阶段','中标结果'],
...@@ -93,10 +105,11 @@ ...@@ -93,10 +105,11 @@
{tag:'jsnr',name:'建设内容'}, {tag:'jsnr',name:'建设内容'},
{tag:'lxr',name:'联系人'}, {tag:'lxr',name:'联系人'},
{tag:'gjjl',name:'跟进记录'}, {tag:'gjjl',name:'跟进记录'},
{tag:'gzdb',name:'工作代办'}, {tag:'gzdb',name:'工作待办'},
{tag:'zlwd',name:'资料文档'},
{tag:'xgqy',name:'相关企业'}, {tag:'xgqy',name:'相关企业'},
], ],
thistag:'lxr', thistag:'xgqy',
islock:true,//仅自己可见 islock:true,//仅自己可见
} }
}, },
......
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