f5b17abe by 焦小希

增加项目管理页面

1 parent 84eba7be
var self = new Vue({
el:'#app',
data(){
return {
search:'',
projectId:null,
userId:null,
// 表格数据
tabaledata:[
{
xh:'1',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'2',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'3',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'4',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
{
xh:'5',
ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)',
anlx:'批后',
zrdw:'高新分局',
ssqy:'高新',
ljr:'向小华',
djsh:'2020-07-05',
jssi:'2020-07-05',
},
],
isActive:1,
}
},
methods:{
handleSizeChange(){
},
handleCurrentChange(){},
click(val){
this.isActive = val
},
openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') {
// debugger
var unique = this.uuid();
let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?';
url += 'stats=' + _stats;
url += '&flowid=' + flowId;
url += '&create=' + (this.projectId ? 1 : 0);
url += '&projectid=' + (this.projectId || "");
url += '&flowItemTypeId=' + (itemTypeId || "");
url += '&uniquePath=' + unique;
window.open(this.handleJumpUrl(url));
this.addFlowUserCount(flowId);
},
addFlowUserCount (flowId) {
if (flowId === null || flowId === undefined) {
return false;
}
this.ajaxPromise({
data: JSON.stringify({"flowId": flowId,"userId": this.userId}),
contentType: "application/json",
url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do"
}).catch((error)=> {
console.error(error);
});
},
handleJumpUrl(url){
var myid = "guid" + this.guid();
var tempArr = url.split("?");
var returnStr = tempArr[0] + "?guid=" + myid;
var urlValue = tempArr[1];
var cacheUrlValue = null;
var data = {
paramUrl:urlValue,
ftoken:$.cookie('ftoken')
};
if(window.globalLocalCache){
cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data);
}
return returnStr;
},
S4() {
return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
},
guid() {
return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4());
},
uuid(){
var s = [];
var hexDigits = "0123456789abcdef";
for (var i = 0; i < 36; i++) {
s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
}
s[14] = "4";
s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
s[8] = s[13] = s[18] = s[23] = "-";
var uuid = s.join("");
return uuid;
},
ajaxPromise(options) {
return new Promise(function (resolve, reject) {
if ( typeof options !== "object" ) {
return reject("参数错误!");
}
let _type = options.type || "POST";
//'application/json'
$.ajax({
type: _type,
url: options.url,
data: options.data,
dataType: options.dataType,
contentType: options.contentType,
headers: {"token":$.cookie('ftoken') },
success: function(result){
resolve(result);
},
error: function (error) {
reject(error);
}
});
})
}
}
})
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>棚户区改造</title>
<script src="/frontweb/common/js/config.js"></script>
<link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/>
<script src="/frontweb/libs/vue/vue.js"></script>
<script src="/frontweb/libs/element/index.js"></script>
<script src="/frontweb/libs/axios/axios.min.js"></script>
<script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script>
<script src="/frontweb/libs/jquery/jquery.cookie.js"></script>
<script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script>
<script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script>
<style>
.contanier{
margin:-20px 10px 0 10px;
height:100%;
background: #fff;
}
.el-row{
margin-top:20px;
}
.el-input{
margin-top:15px;
}
.el-button{
margin-top: 20px;
}
.el-table{
border: 1px solid #cac8c8;
min-height:750px
}
.el-table th {
background:#F2F2F2 !important;
}
.el-table tbody tr:hover>td {
background-color:#EEF9FF!important
}
.block{
float: right;
background: #fff;
position: fixed;
bottom: 15px;
right: 11px;
}
.el-pagination__jump{
margin-top: -15px;
}
.el-table__row{
cursor: pointer;
}
.btns{
width: 73px;
height: 30px;
border-radius: 2px;
background-color: white;
border: 1px solid #0096eb;
color: #0096eb;
cursor: pointer;
padding: 4px 10px;
margin-right: 7px;
outline: 0;
}
.btns:hover{
background: #0096eb;
color: #fff;
}
.el-col-4{
margin-top:20px
}
.div-search{
border: 1px solid #cac8c8;
border-radius: 2px;
float: left;
margin-right: 10px;
width: 280px;
height: 30px;
margin-left: 10px;
margin-left: -120px;
margin-top: 18px;
}
.div-search input{
border: none;
height: 27px;
padding-left: 15px;
border-radius: 2px;
outline: 0;
}
</style>
</head>
<body>
<div id="app">
<div class='contanier'>
<el-row :gutter="20">
<el-col :span="4">
<!-- <button class="btns">查询</button>-->
<button class="btns" @click="openHandleJumpUrl('t1001_8a8610d86117e3b401611848a8690000')">添加</button>
<button class="btns">删除</button>
</el-col>
<el-col :span="6">
<div class="div-search">
<input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search">
<img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;">
</div>
</el-col>
</el-row>
<!-- 列表区域-->
<el-table
:data="tabaledata"
style="width: 100%;margin-top:10px;"
height="100%"
border
stripe
@row-click="clickData"
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="xmbh"
width="130"
label="项目编号"
align="center"
></el-table-column>
<el-table-column
prop="xmmc"
label="项目名称"
align="center"
width="450"
>
</el-table-column>
<el-table-column
prop="djbh"
label="地籍编号"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="ydmj"
label="用地面积(亩)"
align="center"
width="180"
>
</el-table-column>
<el-table-column
prop="zdwz"
label="宗地位置"
align="center"
width="400"
>
</el-table-column>
<el-table-column
prop="tdyt"
label="土地用途"
align="center"
width="150"
>
</el-table-column>
<el-table-column
prop="zrdw"
label="责任单位"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="ssqy"
label="所属区域"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="cjsj"
label="创建时间"
align="center"
width="100"
>
</el-table-column>
</el-table>
<!-- 分页区域-->
</div>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pageNum"
:page-sizes="[2, 5, 8]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="total">
</el-pagination>
</div>
</div>
<script src="js/widget.js"></script>
</body>
</html>
\ No newline at end of file