Skip to content

D
dsk-operate-sys-cscec
Commit abcc0e70 authored by huangjie's avatar huangjie
Browse files
Options

*

parent 5ca3ac93
Hide whitespace changes
Inline Side-by-side
Showing with 637 additions and 48 deletions
dsk-operate-ui/src/assets/images/icon_tips_question.svg 0 → 100644
View file @ abcc0e70
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="12" height="12" viewBox="0 0 12 12"><g><g><path d="M2,6C2,3.79085,3.79085,2,6,2C8.209150000000001,2,10,3.79085,10,6C10,8.209150000000001,8.209150000000001,10,6,10C3.79085,10,2,8.209150000000001,2,6C2,6,2,6,2,6ZM6,1C3.23857,1,1,3.23857,1,6C1,8.76143,3.23857,11,6,11C8.76143,11,11,8.76143,11,6C11,3.23857,8.76143,1,6,1C6,1,6,1,6,1ZM5.15,4.99465C5.15,4.99465,5.15,4.8793500000000005,5.15,4.8793500000000005C5.1506,4.742179999999999,5.19968,4.59,5.30912,4.4756C5.41022,4.369949999999999,5.60728,4.25,5.99713,4.25C6.36322,4.25,6.61783,4.424799999999999,6.74765,4.6232500000000005C6.8863,4.8351500000000005,6.85897,5.01298,6.79318,5.10183C6.7111,5.21263,6.6092,5.31495,6.48607,5.4258C6.4486,5.45953,6.40242,5.49972,6.3529,5.5428C6.3529,5.5428,6.3529,5.54283,6.3529,5.54283C6.26435,5.61985,6.16515,5.70617,6.08605,5.78145C5.80517,6.0487,5.5001,6.4217,5.5001,7C5.5001,7,5.50173,7.2532,5.50173,7.2532C5.50173,7.2532,6.5017,7.2468,6.5017,7.2468C6.5017,7.2468,6.5001,6.99862,6.5001,6.99862C6.50047,6.82762,6.57058,6.70078,6.77537,6.5059C6.84422,6.4404,6.9061,6.38685,6.9769,6.3256C6.9769,6.3256,6.97692,6.32557,6.97692,6.32557C7.0293,6.28027,7.08655,6.23075,7.15513,6.16902C7.2977,6.04065,7.45638,5.88653,7.59675,5.69702C7.9758,5.1853,7.88715,4.5384,7.58448,4.07575C7.27297,3.59963,6.7062,3.25,5.99713,3.25C5.3835,3.25,4.90777,3.44858,4.58658,3.78428C4.27393,4.1110500000000005,4.1511499999999995,4.5227699999999995,4.15,4.87683C4.15,4.87683,4.15,4.99465,4.15,4.99465C4.15,4.99465,5.15,4.99465,5.15,4.99465C5.15,4.99465,5.15,4.99465,5.15,4.99465ZM5.5017,7.75C5.5017,7.75,5.5017,8.75195,5.5017,8.75195C5.5017,8.75195,6.5017,8.75195,6.5017,8.75195C6.5017,8.75195,6.5017,7.75,6.5017,7.75C6.5017,7.75,5.5017,7.75,5.5017,7.75C5.5017,7.75,5.5017,7.75,5.5017,7.75Z" fill-rule="evenodd" fill="#FFAB44" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
dsk-operate-ui/src/views/projectCostLedger/index.vue
View file @ abcc0e70
<template> <template>
<div class="project-cost-ledger-container"> <div class="project-cost-ledger-container">
<div class="project-cost-ledger-inner"> <div class="project-cost-ledger-inner" v-if="!isupload">
<div class="title_wrap"> <div class="title_wrap">
<div class="enterprise_title"> <div class="enterprise_title">
项目成本台账 项目成本台账
...@@ -20,6 +20,11 @@ ...@@ -20,6 +20,11 @@
<el-option v-for="(item,index) in cbStagelist" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option> <el-option v-for="(item,index) in cbStagelist" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="项目状态">
<el-select v-model="formdata.customerClass" multiple placeholder="请选择" :collapse-tags="true" clearable>
<el-option v-for="(item,index) in ztStagelist" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option>
</el-select>
</el-form-item>
</el-row> </el-row>
<el-divider></el-divider> <el-divider></el-divider>
<el-form-item label=" "> <el-form-item label=" ">
...@@ -35,6 +40,86 @@ ...@@ -35,6 +40,86 @@
<div class="item-jf-titel">暂无数据，点击按钮导入项目成本数据</div> <div class="item-jf-titel">暂无数据，点击按钮导入项目成本数据</div>
<el-button type="primary" class="jf-btn" size="small" @click="addPro">新增项目</el-button> <el-button type="primary" class="jf-btn" size="small" @click="addPro">新增项目</el-button>
</div> </div>
<skeleton v-if="isSkeleton"></skeleton>
<div style='padding: 16px' v-if="!isSkeleton&&total>0">
<div class="total-title">
<div class="totals">共{{total}}条</div>
<div class="btns">
<div class="btn btn_primary h32" @click="addPro">导入项目</div>
<div class="btn btn_default h32" @click="getcgx">草稿箱 (0)</div>
</div>
</div>
<div class="table-item-jf table-item">
<el-table :data="tableData" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}"
v-sticky-header.always="{offsetTop : '-16px',offsetBottom : '10px'}" class="table-item1 fixed-table" border highlight-current-row
:header-row-class-name="setHeaderRow" :cell-class-name="setCellClass" :row-class-name="setRowClass" :header-cell-class-name="setCellClass"
ref="theOwnerListTable" :row-key="'customerKey'">
<el-table-column type="index" label="序号" width="60" :resizable="false">
<template slot-scope="scope">
<span>{{(formdata.pageNum - 1) *formdata.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="工程名称" width="416" :resizable="false">
<template slot-scope="scope">
<div style="display:flex;align-items:center">
<el-tooltip placement="top" v-if="scope.row.customerText.length>20">
<div slot="content">{{scope.row.customerText}}</div>
<div class="renling">
<router-link v-if="scope.row.companyId" :to="`/enterprise/${encodeStr(scope.row.companyId)}?path=cooperationRecord&companyName=${scope.row.customerName}`" tag="a"
class="wordprimary" v-html="scope.row.customerName"></router-link>
<span v-else v-html="scope.row.customerName"></span>
</div>
</el-tooltip>
<div class="renling" v-else>
<router-link v-if="scope.row.companyId" :to="`/enterprise/${encodeStr(scope.row.companyId)}?path=cooperationRecord&companyName=${scope.row.customerName}`" tag="a"
class="wordprimary" v-html="scope.row.customerName"></router-link>
<span v-else v-html="scope.row.customerName"></span>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="项目状态" prop="customerCode" width="90" :resizable="false">
</el-table-column>
<el-table-column label="IPM项目编码" min-width="136">
<template slot-scope="scope">
{{scope.row.recommendOrg||"--"}}
</template>
</el-table-column>
<el-table-column label="文件名称" min-width="286" :resizable="false">
<template slot-scope="scope">
{{scope.row.registerRegion||"--"}}
</template>
</el-table-column>
<el-table-column label="成本阶段" prop="customerCode" width="90" :resizable="false">
</el-table-column>
<el-table-column label="上传人" prop="customerCode" width="90" :resizable="false">
</el-table-column>
<el-table-column label="上传时间" min-width="180" :resizable="false">
<template slot-scope="scope">
{{scope.row.approveDate2||"--"}}
</template>
</el-table-column>
<el-table-column label="操作" min-width="256" :resizable="false" fixed="right">
<template slot-scope="scope">
<span class="wordprimary tabs" @click="goAccess(scope.row)">修改项目信息</span>
<span class="wordprimary tabs" @click="goAssessment(scope.row)">查看导入进度</span>
<span class="worddel tabs" @click="goDisposal(scope.row)">删除</span>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="pagination clearfix" v-show="total>formdata.pageSize">
<el-pagination background :page-size="formdata.pageSize" :current-page.sync="formdata.pageNum" @current-change="handleCurrentChange" layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div> </div>
<el-dialog <el-dialog
class="pro-news" class="pro-news"
...@@ -63,68 +148,78 @@ ...@@ -63,68 +148,78 @@
</el-form > </el-form >
<div class="popbot"> <div class="popbot">
<div class="btn btn_cancel h32" @click="dialogVisible = false">取消</div> <div class="btn btn_cancel h32" @click="dialogVisible = false">取消</div>
<div class="btn btn_primary h32" :class="{'btn_disabled':!queryParam.cbStage}" :disabled="!queryParam.cbStage">下一步，导入数据</div> <div class="btn btn_primary h32" @click="insertPro" :class="{'btn_disabled':!queryParam.cbStage}" :disabled="!queryParam.cbStage">下一步，导入数据</div>
</div> </div>
<!--<el-form class="popform" :model="queryParam" ref="ruleForm" label-width="137px" :rules="rules" >-->
<!--<el-form-item label="联系人姓名：" class="row" prop="name">-->
<!--<el-input type="text" v-model="queryParam.name" :οnkeyup="queryParam.name=queryParam.name.replace(/^\s+|\s+$/g,'')" placeholder="请输入"></el-input>-->
<!--</el-form-item>-->
<!--<el-form-item label="联系人性别：" class="row">-->
<!--<el-radio-group v-model="queryParam.sex">-->
<!--<el-radio label=1>男</el-radio>-->
<!--<el-radio label=0>女</el-radio>-->
<!--</el-radio-group>-->
<!--</el-form-item>-->
<!--<el-form-item label="联系方式：" class="row">-->
<!--<el-input type="text" maxlength="11" @input="inputphone" v-model="queryParam.contactInformation" placeholder="请输入"></el-input>-->
<!--</el-form-item>-->
<!--&lt;!&ndash;<el-form-item label="关联企业：" class="row" v-if="thistype == 'project'">&ndash;&gt;-->
<!--<el-form-item label="关联企业：" class="row">-->
<!--<el-input type="text" v-model="queryParam.companyName" placeholder="请输入"></el-input>-->
<!--</el-form-item>-->
<!--<el-form-item label="联系人角色：" class="row">-->
<!--<el-input type="text" v-model="queryParam.role" placeholder="请输入"></el-input>-->
<!--</el-form-item>-->
<!--<el-form-item label="联系人职位：" class="row">-->
<!--<el-input type="text" v-model="queryParam.position" placeholder="请输入"></el-input>-->
<!--</el-form-item>-->
<!--&lt;!&ndash;<el-form-item label="内部维护人：" class="row">&ndash;&gt;-->
<!--&lt;!&ndash;<el-input type="text" v-model="queryParam.accendant" placeholder="请输入"></el-input>&ndash;&gt;-->
<!--&lt;!&ndash;</el-form-item>&ndash;&gt;-->
<!--<el-form-item label="备注：" class="row">-->
<!--<el-input-->
<!--type="textarea"-->
<!--maxlength="200"-->
<!--:rows="2"-->
<!--show-word-limit-->
<!--placeholder="请输入"-->
<!--v-model="queryParam.remark">-->
<!--</el-input>-->
<!--</el-form-item>-->
<!--<div class="popbot">-->
<!--<div class="btn btn_cancel h32" @click="cancel">返回</div>-->
<!--<div class="btn btn_primary h32" @click="save">保存</div>-->
<!--</div>-->
<!--</el-form>-->
</el-dialog> </el-dialog>
</div> </div>
<proupload v-if="isupload"></proupload>
<el-dialog title="草稿箱" :visible.sync="cgxVisible" width="960px" custom-class='dialog-supplier'>
<el-divider></el-divider>
<div style="padding: 24px 20px;">
<skeleton v-if="cgxSkeleton"></skeleton>
<div class="table-item-jf table-item" v-if="!cgxSkeleton">
<el-table :data="tableData" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}"
v-sticky-header.always="{offsetTop : '-16px',offsetBottom : '10px'}" class="table-item1 fixed-table"
border highlight-current-row>
<!--<el-table-column type="index" label="序号" width="60" :resizable="false">-->
<!--<template slot-scope="scope">-->
<!--<span>{{scope.$index + 1}}</span>-->
<!--</template>-->
<!--</el-table-column>-->
<el-table-column label="项目名称" width="451px" >
<template slot-scope="scope">
<span>{{scope.row.legalPerson||'--'}}</span>
</template>
</el-table-column>
<el-table-column label="成本阶段" width="105px">
<template slot-scope="scope">
<span>{{scope.row.legalPerson||'--'}}</span>
</template>
</el-table-column>
<el-table-column label="更新时间" width="205px" :resizable="false">
<template slot-scope="scope">
<span>{{scope.row.legalPerson||'--'}}</span>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<span class="wordprimary">继续编辑</span>
<span class="worddel">删除</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination clearfix" v-show="total>formdata.pageSize">
<el-pagination background :page-size="formdata.pageSize" :current-page.sync="formdata.pageNum"
@current-change="handleCurrentChange" layout="prev, pager, next"
:total="cgxtotal">
</el-pagination>
</div>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import '@/assets/styles/public.scss' import '@/assets/styles/public.scss'
import { checkProjectCodeExist } from '@/api/projectCostLedger/index' import { checkProjectCodeExist } from '@/api/projectCostLedger/index'
import { getDicts } from '@/api/system/dict/data' import { getDicts } from '@/api/system/dict/data'
import proupload from '@/views/projectCostLedger/upload/index'
import skeleton from '@/views/project/projectList/component/skeleton'
export default { export default {
name: "projectCostLedger", name: "projectCostLedger",
components:{proupload,skeleton},
data() { data() {
return { return {
formdata:{}, formdata:{},
isSkeleton:false, isSkeleton:false,
total:0, total:10,
dialogVisible:false, dialogVisible:false,
cbStagelist:[], cbStagelist:[],
ztStagelist:[],
//新建项目参数 //新建项目参数
queryParam:{ queryParam:{
projectName:'',//项目名称 projectName:'',//项目名称
...@@ -136,14 +231,24 @@ ...@@ -136,14 +231,24 @@
rules:{ rules:{
cbStage:[{ required: true, message: '请选择成本阶段！', trigger: 'blur' },], cbStage:[{ required: true, message: '请选择成本阶段！', trigger: 'blur' },],
}, },
isupload:false,
tableData:[],
cgxVisible:true,
cgxSkeleton:false,
cgxtotal:10,
}; };
}, },
//可访问data属性 //可访问data属性
created() { created() {
// this.isupload = true
//成本阶段 //成本阶段
getDicts('pro_cbstage').then(res=>{ getDicts('pro_cbstage').then(res=>{
this.cbStagelist = res.data this.cbStagelist = res.data
}) })
//项目文件状态
getDicts('pro_ztstage').then(res=>{
this.ztStagelist = res.data
})
}, },
//计算集 //计算集
...@@ -194,7 +299,29 @@ ...@@ -194,7 +299,29 @@
} }
// this.customerAll() // this.customerAll()
}, },
//添加项目
insertPro(){
let id = ''
this.isupload = true
},
handleCurrentChange(val){
this.formdata.pageNum = val
this.customerAll()
},
setHeaderRow() {
return "owner-table-list-header";
},
setCellClass({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 1) {
return "enterprise-name-column";
}
},
setRowClass({ row, rowIndex }) {
return "enterprise-name-row";
},
getcgx(){
this.cgxVisible = true
},
}, },
} }
</script> </script>
...@@ -204,10 +331,10 @@ ...@@ -204,10 +331,10 @@
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 16px 24px; padding: 16px 24px;
overflow: auto;
.project-cost-ledger-inner { .project-cost-ledger-inner {
width: 100%; width: 100%;
height: 100%; /*height: 100%;*/
} }
.content-project { .content-project {
...@@ -250,6 +377,13 @@ ...@@ -250,6 +377,13 @@
background: #0081ff; background: #0081ff;
margin: auto; margin: auto;
} }
.btn{
width: auto;
padding: 0 12px;
}
.btn + .btn{
margin-left: 16px;
}
} }
::v-deep .pro-news { ::v-deep .pro-news {
...@@ -377,6 +511,42 @@ ...@@ -377,6 +511,42 @@
} }
} }
} }
}
.total-title{
height: 32px;
line-height: 32px;
.totals{
padding-left: 6px;
position: relative;
font-size: 12px;
color: #3D3D3D;
display: inline-block;
&::before{
content: ' ';
position: absolute;
width: 2px;
height: 2px;
background: rgba(35,35,35,0.4);
border-radius: 50%;
left: 0;
top: 12px;
}
}
margin-bottom: 16px;
.btns{
float: right;
display: inline-block;
width: 30%;
text-align: right;
}
}
}
::v-deep .dialog-supplier{
.el-dialog__body{
padding: 0;
}
}
.worddel{
color: #FA5351;
}
</style> </style>
dsk-operate-ui/src/views/projectCostLedger/upload/index.vue 0 → 100644
View file @ abcc0e70
<template>
<div class="project-cost-ledger-inner">
<div class="pro-upload">
<div class="title_wrap i">
<div class="title-small"><span>项目成本台账 <i class="el-icon-arrow-right"></i> </span>导入项目</div>
<div class="enterprise_title">
项目信息
</div>
</div>
<div class="content-project">
<el-form :model="formdata" label-width="82px" :rules="rules" label-position="right" :inline="true">
<el-row>
<el-form-item label="项目名称">
<el-input v-model="formdata.customerName" disabled placeholder="请输入工程名称" clearable></el-input>
</el-form-item>
<el-form-item label="IPM项目编码" label-width="100px">
<el-input v-model="formdata.customerName" disabled placeholder="请输入IPM项目编码" clearable></el-input>
</el-form-item>
<el-form-item label="文件名称" label-width="100px">
<el-input v-model="formdata.customerName" disabled placeholder="请输入文件名称" clearable></el-input>
</el-form-item>
<el-form-item label="成本阶段" prop="cbStage">
<el-select v-model="formdata.cbStage" disabled multiple placeholder="请选择" :collapse-tags="true"
clearable>
<el-option v-for="(item,index) in cbStagelist" :label="item.dictLabel" :value="item.dictValue"
:key="index"></el-option>
</el-select>
</el-form-item>
</el-row>
</el-form>
</div>
<div class="title_wrap i">
<div class="enterprise_title">
导入文件 <div class="tips">操作指引 <img src="../../../assets/images/icon_tips_question.svg"/></div>
</div>
</div>
<div class="upload-project">
<el-form :model="uploaddata" label-width="200px" :rules="uprules" label-position="right" :inline="true">
<el-row>
<el-form-item label="直接费成本" prop="zjfcb">
<div class="filelist">
<div class="fileli">
<div>
<img src="../../../assets/images/icon_wrapper.png">
<div class="name">宝安中学（集团）初中部改扩建工程施工总承包（二次公告）-加固修缮工程.xls</div>
<div class="prostatus i1">解析成功</div>
<div class="cz">
<div>重新上传</div>
<div>删除</div>
</div>
</div>
<div class="wrong">
失败原因：解析失败的原因展示
</div>
</div>
<div class="fileli">
<div>
<img src="../../../assets/images/icon_wrapper.png">
<div class="name">宝安中学（集团）初中部改扩建工程施工总承包（二次公告）-加固修缮工程.xls</div>
<div class="prostatus i2">解析中</div>
<div class="cz">
<div>重新上传</div>
<div>删除</div>
</div>
</div>
</div>
<div class="fileli">
<div>
<img src="../../../assets/images/icon_wrapper.png">
<div class="name">宝安中学（集团）初中部改扩建工程施工总承包（二次公告）-加固修缮工程.xls</div>
<div class="prostatus i3">解析失败</div>
<div class="cz">
<div>重新上传</div>
<div>删除</div>
</div>
</div>
</div>
</div>
<div class="upload">
<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">
<el-button class="uploadpro"><img src="../../../assets/images/tips-plus.png">上传文件</el-button>
<!--<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
</el-upload>
</div>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="工料汇总" prop="glhz">
<div class="upload">
<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">
<el-button class="uploadpro"><img src="../../../assets/images/tips-plus.png">上传文件</el-button>
<!--<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
</el-upload>
</div>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="措施项目" prop="csxm">
<div class="upload">
<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">
<el-button class="uploadpro"><img src="../../../assets/images/tips-plus.png">上传文件</el-button>
<!--<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
</el-upload>
</div>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="其他项目" prop="qtxm">
<div class="upload">
<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">
<el-button class="uploadpro"><img src="../../../assets/images/tips-plus.png">上传文件</el-button>
<!--<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
</el-upload>
</div>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="现场经费" prop="xcjf">
<div class="upload">
<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">
<el-button class="uploadpro"><img src="../../../assets/images/tips-plus.png">上传文件</el-button>
<!--<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
</el-upload>
</div>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="成本汇总" prop="cbhz">
<div class="upload">
<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">
<el-button class="uploadpro"><img src="../../../assets/images/tips-plus.png">上传文件</el-button>
<!--<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
</el-upload>
</div>
</el-form-item>
</el-row>
</el-form>
</div>
<el-divider></el-divider>
<div class="pro-btns">
<el-button type="primary" size="small" >导入数据</el-button>
<el-button size="small">返回</el-button>
</div>
</div>
</div>
</template>
<script>
import { getDicts } from '@/api/system/dict/data'
export default {
name: 'upload',
data(){
return{
formdata:{
cbStage:null,
},
cbStagelist:[],
rules:{
cbStage:[{ required: true, message: '请选择成本阶段！', trigger: 'blur' },],
},
uploaddata:{},
uprules:{
zjfcb:[{ required: true, trigger: 'blur' },],
glhz:[{ required: true, trigger: 'blur' },],
csxm:[{ required: true, trigger: 'blur' },],
qtxm:[{ required: true, trigger: 'blur' },],
xcjf:[{ required: true, trigger: 'blur' },],
cbhz:[{ required: true, trigger: 'blur' },],
},
fileList:[],
}
},
created() {
//成本阶段
getDicts('pro_cbstage').then(res => {
this.cbStagelist = res.data
})
},
methods:{
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
},
handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${ file.name }？`);
}
}
}
</script>
<style scoped lang="scss">
.title-small{
font-size: 12px;
line-height: 24px;
margin-bottom: 16px;
>span{
font-size: 14px;
opacity: 0.4;
>i{
font-size: 12px;
margin-right: 4px;
}
}
}
.title_wrap.i{
border: 0;
padding: 16px;
.tips{
display: inline-block;
font-size: 14px;
color: #FFAB44;
line-height: 22px;
font-weight: 400;
padding-left: 8px;
cursor: pointer;
>img{
float: right;
margin-top: 5px;
margin-left: 2px;
}
}
}
::v-deep .pro-upload{
background: #fff;
.el-form-item{
margin-bottom: 16px;
}
.el-form-item__label {
font-weight: 400;
opacity: 0.8;
padding: 0;
font-size: 14px;
color: #232323;
padding-right: 16px;
}
}
::v-deep .upload-project{
padding: 0 16px;
.el-form-item{
width: 751px;
.el-form-item__label{
display: block;
text-align: left;
}
}
.filelist{
.fileli{
min-height: 36px;
margin-top: 8px;
width: 751px;
background: #F7F8FA;
border-radius: 2px;
padding: 7px 12px 7px 40px;
img{
width: 16px;
float: left;
margin-left: -26px;
margin-top: 3px;
}
.name{
float: left;
height: 22px;
font-size: 14px;
font-weight: 400;
color: #232323;
line-height: 22px;
max-width: 515px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.prostatus{
float: left;
margin-left: 12px;
height: 22px;
border-radius: 2px;
color: #fff;
padding: 0 8px;
line-height: 22px;
font-size: 12px;
&.i1{
background: #0CBC6D;
}
&.i2{
background: #FFAB44;
}
&.i3{
background: #FF3C3C;
}
}
.cz{
float: right;
height: 22px;
line-height: 22px;
>div{
cursor: pointer;
margin-left: 12px;
color: #0081FF;
display: inline-block;
&:last-child{
color: #FF3C3C;
}
}
}
}
.wrong{
clear: both;
margin-left: -28px;
font-size: 12px;
color: #FF3C3C;
line-height: 21px;
padding-top: 4px;
}
}
.upload{
margin-top: 8px;
.el-upload{
width: 100%;
}
.uploadpro{
width: 750px;
height: 36px;
line-height: 36px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #DCDFE6;
padding: 0;
display: block;
font-size: 14px;
color: #232323;
img{
margin-right: 12px;
width: 14px;
margin-top: -4px;
}
}
}
}
.pro-btns{
padding: 16px 0;
text-align: center;
.el-button--primary{
background: #0081ff;
border-color: #0081ff;
}
.el-button{
padding: 0 16px;
height: 34px;
line-height: 34px;
border-radius: 2px;
}
.el-button + .el-button{
margin-left: 12px;
}
}
</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