Skip to content

蔡永松 / fontweb-dc

Go to a project
Toggle navigation
Toggle navigation pinning
9ac66546 by 焦小希
Options

增加点击跳转事件,修改样式

1 parent 7cb5f3f7
Inline Side-by-side
Showing 12 changed files with 723 additions and 302 deletions
......@@ -3,6 +3,8 @@ var self = new Vue({
data(){
return {
search:'',
projectId:null,
userId:null,
// 表格数据
tabaledata:[
{
......@@ -66,6 +68,89 @@ var self = new Vue({
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
......
......@@ -8,6 +8,10 @@
<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:10px 10px 0 10px;
......@@ -29,11 +33,11 @@
cursor: pointer;
}
.optspan:hover{
color:#05C6B4
color:#409EFF
}
.select{
color:#05C6B4;
border-bottom:5px solid #05C6B4
color:#409EFF;
border-bottom:5px solid #409EFF
}
.el-table{
margin-top: 20px;
......@@ -62,12 +66,17 @@
<span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span>
<span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span>
<span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span>
<span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span>
<span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span>
</div>
<div style="line-height: 37px;margin-left: -100px">
<el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>
</div>
<div style="float: right">
<el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>
<el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
<el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>
</div>
</div>
<!-- 表格区域-->
......@@ -273,73 +282,6 @@
</el-table-column>
</el-table>
<el-table
v-if="isActive==4"
:data="tabaledata"
style="width: 100%;"
height="100%"
border
stripe
:default-sort = "{prop: 'xh', order: 'ascending'}"
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="xh"
label="序号"
width="55">
</el-table-column>
<el-table-column
prop="ajmc"
width="300"
label="案件名称"
align="center"
></el-table-column>
<el-table-column
prop="anlx"
label="案件类型"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="zrdw"
label="责任单位"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="ssqy"
label="所属区域"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="ljr"
label="来件人"
align="center"
width="400"
>
</el-table-column>
<el-table-column
prop="djsh"
label="登记时间"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="jssi"
label="接受时间"
align="center"
width="200"
>
</el-table-column>
</el-table>
<el-table
v-if="isActive==5"
:data="tabaledata"
style="width: 100%;"
......@@ -418,6 +360,7 @@
:total="8">
</el-pagination>
</div>
</div>
</div>
<script src="./js/widget.js"></script>
......
......@@ -66,6 +66,139 @@ var self = new Vue({
handleCurrentChange(){},
click(val){
this.isActive = val
},
openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') {
var unique = uuid();
let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?';
url += 'stats=' + _stats;
url += '&flowid=' + flowId;
url += '&create=' + (projectId ? 1 : 0);
url += '&projectid=' + (projectId || "");
url += '&flowItemTypeId=' + (itemTypeId || "");
url += '&uniquePath=' + unique;
window.open(this.handleJumpUrl(url));
this.addFlowUserCount(flowId);
},
addFlowUserCount (flowId) {
if (flowId === null || flowId === undefined) {
return false;
}
ajaxPromise({
data: JSON.stringify({"flowId": flowId,"userId": userId}),
contentType: "application/json",
url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do"
}).catch((error)=> {
console.error(error);
});
},
handleJumpUrl(url){
var myid = "guid" + 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());
},
clickData(row, column, event){
// console.log(row, column, event)
alert(1111)
},
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
......
......@@ -8,6 +8,10 @@
<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:10px 10px 0 10px;
......@@ -29,11 +33,11 @@
cursor: pointer;
}
.optspan:hover{
color:#05C6B4
color:#409EFF
}
.select{
color:#05C6B4;
border-bottom:5px solid #05C6B4
color:#409EFF;
border-bottom:5px solid #409EFF
}
.el-table{
margin-top: 20px;
......@@ -62,12 +66,17 @@
<span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span>
<span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span>
<span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span>
<span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span>
<span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span>
</div>
<div style="line-height: 37px;margin-left: -100px">
<el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>
</div>
<div style="float: right">
<el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>
<el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
<el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>
</div>
</div>
<!-- 表格区域-->
......@@ -79,6 +88,7 @@
border
stripe
:default-sort = "{prop: 'xh', order: 'ascending'}"
@row-click="clickData"
>
<el-table-column
type="selection"
......@@ -146,6 +156,7 @@
border
stripe
:default-sort = "{prop: 'xh', order: 'ascending'}"
@row-click="clickData"
>
<el-table-column
type="selection"
......@@ -213,73 +224,7 @@
border
stripe
:default-sort = "{prop: 'xh', order: 'ascending'}"
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="xh"
label="序号"
width="55">
</el-table-column>
<el-table-column
prop="ajmc"
width="300"
label="案件名称"
align="center"
></el-table-column>
<el-table-column
prop="anlx"
label="案件类型"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="zrdw"
label="责任单位"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="ssqy"
label="所属区域"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="ljr"
label="来件人"
align="center"
width="400"
>
</el-table-column>
<el-table-column
prop="djsh"
label="登记时间"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="jssi"
label="接受时间"
align="center"
width="200"
>
</el-table-column>
</el-table>
<el-table
v-if="isActive==4"
:data="tabaledata"
style="width: 100%;"
height="100%"
border
stripe
:default-sort = "{prop: 'xh', order: 'ascending'}"
@row-click="clickData"
>
<el-table-column
type="selection"
......@@ -347,6 +292,7 @@
border
stripe
:default-sort = "{prop: 'xh', order: 'ascending'}"
@row-click="clickData"
>
<el-table-column
type="selection"
......
......@@ -3,6 +3,8 @@ var self = new Vue({
data(){
return {
search:'',
projectId:null,
userId:null,
// 表格数据
tabaledata:[
{
......@@ -66,6 +68,89 @@ var self = new Vue({
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
......
......@@ -8,6 +8,10 @@
<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:10px 10px 0 10px;
......@@ -29,11 +33,11 @@
cursor: pointer;
}
.optspan:hover{
color:#05C6B4
color:#409EFF
}
.select{
color:#05C6B4;
border-bottom:5px solid #05C6B4
color:#409EFF;
border-bottom:5px solid #409EFF
}
.el-table{
margin-top: 20px;
......@@ -62,12 +66,17 @@
<span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span>
<span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span>
<span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span>
<span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span>
<span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span>
</div>
<div style="line-height: 37px;margin-left: -100px">
<el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>
</div>
<div style="float: right">
<el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>
<el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
<el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>
</div>
</div>
<!-- 表格区域-->
......@@ -273,73 +282,6 @@
</el-table-column>
</el-table>
<el-table
v-if="isActive==4"
:data="tabaledata"
style="width: 100%;"
height="100%"
border
stripe
:default-sort = "{prop: 'xh', order: 'ascending'}"
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="xh"
label="序号"
width="55">
</el-table-column>
<el-table-column
prop="ajmc"
width="300"
label="案件名称"
align="center"
></el-table-column>
<el-table-column
prop="anlx"
label="案件类型"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="zrdw"
label="责任单位"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="ssqy"
label="所属区域"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="ljr"
label="来件人"
align="center"
width="400"
>
</el-table-column>
<el-table-column
prop="djsh"
label="登记时间"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="jssi"
label="接受时间"
align="center"
width="200"
>
</el-table-column>
</el-table>
<el-table
v-if="isActive==5"
:data="tabaledata"
style="width: 100%;"
......
......@@ -3,6 +3,8 @@ var self = new Vue({
data(){
return {
search:'',
projectId:null,
userId:null,
// 表格数据
tabaledata:[
{
......@@ -66,6 +68,89 @@ var self = new Vue({
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
......
......@@ -8,6 +8,10 @@
<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:10px 10px 0 10px;
......@@ -30,11 +34,11 @@
cursor: pointer;
}
.optspan:hover{
color:#05C6B4
color:#409EFF
}
.select{
color:#05C6B4;
border-bottom:5px solid #05C6B4
color:#409EFF;
border-bottom:5px solid #409EFF
}
.el-table{
margin-top: 20px;
......@@ -69,12 +73,17 @@
<span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span>
<span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span>
<span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span>
<span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span>
<span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span>
</div>
<div style="line-height: 37px;margin-left: -100px">
<el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>
</div>
<div style="float: right">
<el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>
<el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
<el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>
</div>
</div>
<!-- 表格区域-->
......@@ -280,73 +289,6 @@
</el-table-column>
</el-table>
<el-table
v-if="isActive==4"
:data="tabaledata"
style="width: 100%;"
height="100%"
border
stripe
:default-sort = "{prop: 'xh', order: 'ascending'}"
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="xh"
label="序号"
width="55">
</el-table-column>
<el-table-column
prop="ajmc"
width="300"
label="案件名称"
align="center"
></el-table-column>
<el-table-column
prop="anlx"
label="案件类型"
align="center"
width="100"
>
</el-table-column>
<el-table-column
prop="zrdw"
label="责任单位"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="ssqy"
label="所属区域"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="ljr"
label="来件人"
align="center"
width="400"
>
</el-table-column>
<el-table-column
prop="djsh"
label="登记时间"
align="center"
width="200"
>
</el-table-column>
<el-table-column
prop="jssi"
label="接受时间"
align="center"
width="200"
>
</el-table-column>
</el-table>
<el-table
v-if="isActive==5"
:data="tabaledata"
style="width: 100%;"
......
......@@ -3,6 +3,8 @@ var self = new Vue({
data(){
return {
search:'',
projectId:null,
userId:null,
// 表格数据
tabaledata:[
{
......@@ -100,6 +102,89 @@ var self = new Vue({
handleSizeChange(){
},
handleCurrentChange(){}
handleCurrentChange(){},
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
......
......@@ -8,6 +8,10 @@
<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:10px 10px 0 10px;
......@@ -19,6 +23,7 @@
}
.el-input{
margin-top:15px;
margin-left:-100px;
}
.el-button{
margin-top: 20px;
......@@ -40,19 +45,42 @@
.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-5{
margin-top:20px
}
</style>
</head>
<body>
<div id="app">
<div class='contanier'>
<el-row :gutter="20">
<el-col :span="6">
<el-input v-model="search" placeholder="请输入查询内容"></el-input>
<el-col :span="5">
<!-- <button class="btns">查询</button>-->
<button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button>
<button class="btns">删除</button>
</el-col>
<el-col :span="10">
<el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
<el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button>
<el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button>
<el-col :span="6">
<el-input v-model="search" placeholder="请输入查询内容" suffix-icon="el-icon-search"></el-input>
<!-- 等完成后调节-->
<!-- <img id="searchBtn"-->
<!-- src="../../../../image/projecttask/search.png"-->
<!-- style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;" />-->
</el-col>
</el-row>
<!-- 列表区域-->
......
......@@ -3,6 +3,8 @@ var self = new Vue({
data(){
return {
search:'',
projectId:null,
userId:null,
// 表格数据
tabaledata:[
{
......@@ -14,6 +16,7 @@ var self = new Vue({
tdyt:'住宅',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
......@@ -24,6 +27,7 @@ var self = new Vue({
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
......@@ -34,6 +38,7 @@ var self = new Vue({
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
......@@ -44,6 +49,7 @@ var self = new Vue({
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
......@@ -54,6 +60,40 @@ var self = new Vue({
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'高新分局',
ssqy:'高新分局',
cjsj:'2020-07-05'
},
{
xmbh:'QJ202000028',
xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示（GX3-18-25）',
djbh:'GX3-18-25',
ydmj:'87.608',
zdwz:'高新区纬二十六路以北，西太路以西，纬二十四路以北',
tdyt:'商铺',
zrdw:'碑林分局',
ssqy:'碑林分局',
cjsj:'2020-07-05'
},
]
}
......@@ -62,6 +102,89 @@ var self = new Vue({
handleSizeChange(){
},
handleCurrentChange(){}
handleCurrentChange(){},
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
......
......@@ -8,6 +8,10 @@
<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:10px 10px 0 10px;
......@@ -19,6 +23,7 @@
}
.el-input{
margin-top:15px;
margin-left:-100px;
}
.el-button{
margin-top: 20px;
......@@ -40,19 +45,38 @@
.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-5{
margin-top:20px
}
</style>
</head>
<body>
<div id="app">
<div class='contanier'>
<el-row :gutter="20">
<el-col :span="6">
<el-input v-model="search" placeholder="请输入查询内容"></el-input>
<el-col :span="5">
<!-- <button class="btns">查询</button>-->
<button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button>
<button class="btns">删除</button>
</el-col>
<el-col :span="10">
<el-button type="success" size="mini" icon="el-icon-search">查询</el-button>
<el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button>
<el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button>
<el-col :span="6">
<el-input v-model="search" placeholder="请输入查询内容" suffix-icon="el-icon-search"></el-input>
</el-col>
</el-row>
<!-- 列表区域-->
......