Skip to content

D
dsk-cr20g
Commit 9409cb8f authored by MyName's avatar MyName
Browse files
Options

项目管理

parent 4388543f
Hide whitespace changes
Inline Side-by-side
Showing with 851 additions and 23 deletions
dsk-operate-ui/src/assets/styles/index.scss
View file @ 9409cb8f
......@@ -436,6 +436,7 @@ ul, li {
border-color: #f5f5f5;
box-shadow: none;
margin-bottom: 12px;
color: #232323;
.el-card__body{
padding: 0;
}
......@@ -614,3 +615,7 @@ ul, li {
.el-divider{
background-color: #efefef;
}
.flex{
display: flex;
}
dsk-operate-ui/src/assets/styles/project.scss 0 → 100644
View file @ 9409cb8f
.overflows{
overflow: initial;
}
.pad16{
padding: 16px;
}
//提示弹窗
.delform{
width: 200px;
height: 114px;
background: #FFFFFF;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1608);
border-radius: 2px;
position: absolute;
z-index: 3;
text-align: center;
.words{
padding: 24px 0;
line-height: 14px;
}
}
//板块标题
.cardtitles {
color: #232323;
font-size: 16px;
font-weight: bold;
height: 64px;
line-height: 64px;
padding-left: 26px;
&::after {
content: " ";
width: 2px;
height: 14px;
background: #445781;
float: left;
margin-left: -10px;
margin-top: 24px;
}
}
//项目速览板块
.baseinfo{
.row{
display: flex;
padding-bottom: 8px;
padding-left: 16px;
font-size: 14px;
width: 100%;
.con{
>span{
opacity: 0.8;
}
.inputxt{
display: inline-block;
width: 184px;
height: 28px;
border-radius: 2px;
line-height: 28px;
cursor: pointer;
&:hover{
background: #F3F4F5;
}
.txt{
padding-left: 8px;
opacity: 0.4;
display: inline-block;
width: 100%;
}
.el-input{
margin-right: 8px;
.el-input__inner{
width: 184px;
height: 28px;
background: #F3F4F5;
border-radius: 2px;
border: 1px solid #D9D9D9;
padding: 0;
text-indent: 8px;
}
}
}
width: 438px;
&.i{
width: auto;
}
.tipinput{
display: inline-block;
margin-top: 1px;
width: calc(100% - 116px);
.el-input{
float: left;
margin-right: 8px;
width: 70px;
margin-bottom: 10px;
.el-input__inner{
width: 70px;
height: 24px;
background: #F3F4F5;
border-radius: 2px;
padding: 0;
text-indent: 14px;
border: 0;
}
}
.addbtn{
float: left;
width: 20px;
height: 20px;
background: url("../../assets/images/project/add.png") no-repeat center center;
background-size: 100%;
display: inline-block;
margin-left: 8px;
margin-top: 2px;
&:hover{
background: url("../../assets/images/project/add_1.png") no-repeat center center;
}
}
.tips{
float: left;
height: 24px;
line-height: 24px;
padding: 0 14px;
font-size: 14px;
color: #0081FF;
background: #E4F3FD;
margin-right: 8px;
margin-bottom: 5px;
img{
margin-left: 8px;
margin-top: 4px;
float: right;
width: 16px;
display: none;
cursor: pointer;
}
&:hover{
background: #DCEAF3;
img{
display: block;
}
}
}
}
}
}
.textarea{
margin: 0 16px 24px;
width: 800px;
.el-textarea__inner{
padding: 5px 10px;
width: 800px;
height: 184px;
border-radius: 2px;
border: 1px solid #D9D9D9;
}
}
}
.cancels{
font-size: 12px;
margin-left: 4px;
width: 28px;
opacity: 0.4;
&:hover{
opacity: 0.8;
}
}
.otherdata{
padding: 0 16px 29px;
display: flex;
.det{
width: 230px;
height: 100px;
margin-right: 17px;
padding: 22px 0;
>img{
float: left;
margin-right: 8px;
}
.i{
font-size: 18px;
font-weight: bold;
line-height: 22px;
padding: 7px 0;
}
.j{
opacity: 0.8;
font-size: 14px;
line-height: 14px;
}
}
}
dsk-operate-ui/src/views/project/projectList/component/jsnr.vue 0 → 100644
View file @ 9409cb8f
<template>
<div>
<el-card class="box-card noborder">
<div class="cardtitles">基本信息</div>
<div class="baseinfo">
<div class="row">
<div class="con">
<span>总投资额（万元） ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 1">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 1">待添加</span>
</div>
</div>
<div class="con i">
<span>资金来源 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 2">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 2">待添加</span>
</div>
</div>
</div>
<div class="row">
<div class="con">
<span>建设性质 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 3">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 3">待添加</span>
</div>
</div>
<div class="con i">
<span>计划招标 ：</span>
<div class="inputxt">
<span class="txt">待添加</span>
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card noborder">
<div class="cardtitles">项目概况与建设规模</div>
<div class="baseinfo">
<el-input v-model="textarea" class="textarea" type="textarea" placeholder="请输入项目概况与建设规模详细信息" maxlength="500" show-word-limit="true" ></el-input>
</div>
</el-card>
<el-card class="box-card noborder">
<div class="cardtitles">招标信息</div>
<div class="baseinfo" style="padding-bottom: 8px">
<div class="row">
<div class="con">
<span>评标办法 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 4">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 4">待添加</span>
</div>
</div>
<div class="con i">
<span>开标时间 ：</span>
<div class="inputxt">
<span class="txt">待添加</span>
</div>
</div>
</div>
<div class="row">
<div class="con">
<span>保证金缴纳 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 5">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 5">待添加</span>
</div>
</div>
<div class="con i">
<span>保证金金额（万元） ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 6">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 6">待添加</span>
</div>
</div>
</div>
<div class="row">
<div class="con">
<span>开标地点 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 7">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 7">待添加</span>
</div>
</div>
<div class="con i">
<span>评标委员会 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 8">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 8">待添加</span>
</div>
</div>
</div>
</div>
</el-card>
</div>
</template>
<script>
import "@/assets/styles/project.scss"
export default {
name: 'xmgl',
data(){
return{
textarea:"",
nowedit:-1,//当前正在编辑的文本
tipslit:[],//项目标签
tipsvalue:"",//标签填写内容
}
},
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>
<style scoped>
</style>
dsk-operate-ui/src/views/project/projectList/component/xmsl.vue 0 → 100644
View file @ 9409cb8f
<template>
<div>
<el-card class="box-card noborder">
<div class="cardtitles">基本信息</div>
<div class="baseinfo">
<div class="row">
<div class="con">
<span>项目级别 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 1">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 1">待添加</span>
</div>
</div>
<div class="con i">
<span>项目阶段 ：</span>
<div class="inputxt"><span class="txt">待添加</span></div>
</div>
</div>
<div class="row">
<div class="con i" style="width: 100%;">
<span style="float: left;margin-top: 2px">项目标签 ：</span>
<div class="flex tipinput">
<div class="tips" v-for="(item,index) in tipslit">{{item}}<img @click="deltip(index)" src="@/assets/images/project/del.png"></div>
<el-input placeholder="待添加" v-model="tipsvalue"></el-input>
<div class="addbtn" @click="addtips"></div>
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card noborder">
<div class="cardtitles">关键企业</div>
<div class="baseinfo" style="padding-bottom: 8px">
<div class="row">
<div class="con">
<span>主管单位 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 2">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 2">待添加</span>
</div>
</div>
<div class="con i">
<span>建设单位 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 3">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 3">待添加</span>
</div>
</div>
</div>
<div class="row">
<div class="con">
<span>主管单位负责人 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 4">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 4">待添加</span>
</div>
</div>
<div class="con i">
<span>建设单位负责人 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 5">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 5">待添加</span>
</div>
</div>
</div>
<div class="row">
<div class="con">
<span>主管单位联系电话 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 6">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" @click="isphone" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 6">待添加</span>
</div>
</div>
<div class="con i">
<span>建设单位联系电话 ：</span>
<div class="inputxt">
<div class="flex" v-if="nowedit == 7">
<el-input placeholder="待添加"></el-input>
<div class="flex">
<div class="btnsmall btn_primary h28" @click="isphone" style="width: 56px">确定</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div>
</div>
<span class="txt" v-else @click="nowedit = 7">待添加</span>
</div>
</div>
</div>
</div>
</el-card>
<el-card class="box-card noborder">
<div class="cardtitles">相关数据</div>
<div class="otherdata">
<div class="det">
<img src="@/assets/images/project/xgsj_1.png">
<div class="i">0 个</div>
<div class="j">联系人</div>
</div>
<div class="det">
<img src="@/assets/images/project/xgsj_2.png">
<div class="i">0 条</div>
<div class="j">跟进记录</div>
</div>
<div class="det">
<img src="@/assets/images/project/xgsj_3.png">
<div class="i">0 条</div>
<div class="j">工作待办</div>
</div>
<div class="det">
<img src="@/assets/images/project/xgsj_4.png">
<div class="i">0 个</div>
<div class="j">资料文档</div>
</div>
<div class="det">
<img src="@/assets/images/project/xgsj_5.png">
<div class="i">0 家</div>
<div class="j">相关企业</div>
</div>
</div>
</el-card>
</div>
</template>
<script>
import "@/assets/styles/project.scss"
export default {
name: 'xmgl',
data(){
return{
nowedit:-1,//当前正在编辑的文本
tipslit:[],//项目标签
tipsvalue:"",//标签填写内容
}
},
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>
<style scoped>
</style>
dsk-operate-ui/src/views/project/projectList/detail.vue 0 → 100644
View file @ 9409cb8f
<template>
<div>
<div class="miantitle">
<span>项目管理</span>
<span> / 商机列表</span>
<span> / 项目详情</span>
</div>
<div class="app-container">
<el-card class="box-card noborder pad16 overflows">
<div class="head">
<div class="titles">
<img src="@/assets/images/project/headimg.png" class="headimg">
<strong class="text">重庆市轨道交通3号线二期工程4标段施工总承包</strong>
<div class="locks">
<img v-if="islock == true" src="@/assets/images/project/lock.png">
<img v-else src="@/assets/images/project/lockopen.png">
仅自己可见
<div class="delform">
<div class="words">{{islock==true?"是否将项目权限修改为他人可见?":"是否将项目权限修改为仅自己可见?"}}</div>
<div>
<div class="btnsmall btn_primary h28">确定</div>
<div class="btnsmall btn_cancel h28">取消</div>
</div>
</div>
</div>
</div>
<div class="contets">
<div class="det-con">
<span>项目类型：</span>
<span>轨道交通</span>
</div>
<div class="det-con">
<span>项目类别：</span>
<span>城市轨道交通</span>
</div>
<div class="det-con">
<span>投资估算（万元）：</span>
<span>21</span>
</div>
<div class="det-con">
<span>建设地点：</span>
<span>重庆市-渝中区</span>
</div>
<div class="det-con">
<span>商务团队：</span>
<span>李力</span>
</div>
</div>
<div class="schedule">
<div class="child" v-for="(item,index) in schedulelist" @mouseover="hover(index)" @mouseleave="hover(-1)" @click="choose(index)">
<img v-if="index == lastindex" src="@/assets/images/project/pro_2.png">
<img v-else-if="index == thisindex" src="@/assets/images/project/pro_3.png">
<img v-else src="@/assets/images/project/pro_1.png">
<span :class="{'now':index == thisindex}">{{item}}</span>
</div>
</div>
</div>
</el-card>
<el-card class="box-card noborder">
<div class="tabslist">
<div class="tab" v-for="(item,index) in tabslist" :class="{'on':thistag == item.tag}" @click="getCom(item.tag)">
<span>{{item.name}}</span>
</div>
</div>
</el-card>
<!--项目概览-->
<xmsl v-if="thistag == 'xmsl'"></xmsl>
<!--建设内容-->
<jsnr v-if="thistag == 'jsnr'"></jsnr>
</div>
</div>
</template>
<script>
import "@/assets/styles/project.scss"
import xmsl from './component/xmsl.vue'
import jsnr from './component/jsnr.vue'
export default {
name: 'detail',
components: {xmsl,jsnr},
data(){
return {
schedulelist: ['立项审批','招标计划','招标公告','开标阶段','中标结果'],
lastindex: 0,//上一个点击步骤
thisindex: 1,//当前点击步骤
tabslist:[//项目信息展示板块
{tag:'xmsl',name:'项目速览'},
{tag:'jsnr',name:'建设内容'},
{tag:'lxr',name:'联系人'},
{tag:'gjjl',name:'跟进记录'},
{tag:'gzdb',name:'工作代办'},
{tag:'xgqy',name:'相关企业'},
],
thistag:'xmsl',
islock:true,//仅自己可见
}
},
methods: {
//进度条悬浮、点击事件
hover(index){
this.lastindex = index
},
choose(index){
this.thisindex = index
},
//内容组件切换
getCom(tag){
console.log(tag)
this.thistag = tag
}
}
}
</script>
<style lang="scss" scoped>
.app-container{
padding: 0;
}
.miantitle{
color: #232323;
font-size: 12px;
margin: 12px 24px;
>span{
opacity: 0.4;
&:last-child{opacity:0.8}
}
}
.head{
.titles{
line-height: 31px;
.headimg{
float: left;
margin-right: 16px;
}
.text{
font-size: 16px;
line-height: 31px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
}
.locks{
display: inline-block;
margin-left: 16px;
height: 24px;
background: #F3F4F5;
border-radius: 12px;
padding: 0 8px;
font-size: 12px;
color: #4f4f4f;
line-height: 24px;
cursor: pointer;
font-weight: 400;
position: relative;
&:hover{
background-color: #DFE0E2;
}
>img{
float: left;
width: 16px;
margin-top: 3px;
margin-right: 2px;
}
}
}
.contets{
padding: 15px 0 20px;
.det-con{
font-size: 14px;
display: inline-block;
padding-right: 43px;
&:last-child{
padding-right: 0;
}
span:nth-child(2n-1){
color: #a7a7a7;
}
}
}
.schedule{
display: flex;
padding-bottom: 8px;
.child{
cursor: pointer;
margin-right: 4px;
color: #4f4f4f;
/*color: rgb(79,79,79);*/
position: relative;
width: 137px;
height: 32px;
line-height: 32px;
text-align: center;
>img{
left: 0;
top: 0;
position: absolute;
width: 100%;
z-index: 0;
}
>span{
position: relative;
z-index: 1;
&.now{
color: #fff;
}
}
}
}
.delform{
right: -79px;
top: 33px;
width: 252px;
}
}
.tabslist{
padding: 0 24px;
display: flex;
height: 48px;
.tab{
font-size: 16px;
line-height: 46px;
margin-right: 32px;
cursor: pointer;
&:hover{
color: #0081FF;
}
&.on{
color: #0081FF;
font-weight: 700;
border-bottom: 2px solid #0081FF;
}
}
}
</style>
dsk-operate-ui/src/views/project/projectList/index.vue
View file @ 9409cb8f
<template>
<div class="app-container">
<el-card class="box-card noborder nopad">
<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>
......@@ -38,7 +38,7 @@
</el-tabs>
</el-card>
<el-card class="box-card noborder">
<el-card class="box-card noborder overflows">
<div class="titles">项目明细
<div class="dc">
<div class="total">共126条</div>
......@@ -47,7 +47,7 @@
</div>
<div class="datalist">
<div class="datali">
<div class="det-title">轨道交通13号线扩能提升工程<span class="people"><i>A</i>四川-李丽 <font color="#FA8A00">正在跟进</font></span></div>
<div class="det-title" @click="toDetail()">轨道交通13号线扩能提升工程<span class="people"><i>A</i>四川-李丽 <font color="#FA8A00">正在跟进</font></span></div>
<div class="det-tips"><span class="tips tip1">轨道交通</span><span class="tips tip2">江西省-南昌市</span></div>
<div class="det-contets">
<div class="det-con">
......@@ -69,9 +69,9 @@
</div>
<el-divider></el-divider>
<div class="operates">
<div><img src="@/assets/images/follow.png">跟进</div>
<div><img src="@/assets/images/edit.png">编辑</div>
<div><img src="@/assets/images/delete.png">删除</div>
<div class="i1"><img src="@/assets/images/follow.png">跟进</div>
<div class="i2"><img src="@/assets/images/edit.png">编辑</div>
<div class="i3"><img src="@/assets/images/delete.png">删除</div>
</div>
<div class="delform">
<div class="words">是否将项目删除</div>
......@@ -87,7 +87,7 @@
</template>
<script>
// import "@/assets/styles/index.scss"
import "@/assets/styles/project.scss"
export default {
name: 'ProjectList',
data() {
......@@ -299,6 +299,10 @@ export default {
created() {
},
methods: {
toDetail(){
let Id = '111'
this.$router.push({ path: '/project/projectList/detail', query: Id });
},
getxmdq(){
console.log(888)
},
......@@ -326,14 +330,11 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.app-container{
padding: 0;
}
.el-card{
overflow: initial;
}
.noborder{
position: relative;
}
......@@ -435,25 +436,22 @@ export default {
margin-right: 5px;
}
}
.i1:hover{
color: #3CB4FF;
}
.i2:hover{
color: #0CBC6D;
}
.i3:hover{
color: #FF3C3C;
}
.tits{
padding: 12px 0;
}
}
.delform{
width: 200px;
height: 114px;
background: #FFFFFF;
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1608);
border-radius: 2px;
position: absolute;
right: 16px;
top: -94px;
z-index: 3;
text-align: center;
.words{
padding: 24px 0;
}
}
&:hover{
background-color: #F6F9FC;
......
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