|
@@ -4,12 +4,15 @@
|
|
|
<div class="banchOverviewTilte">文件信息台</div>
|
|
|
<div class="allInfo clearfix">
|
|
|
<div class="allInfo_left">
|
|
|
-
|
|
|
- <div class="singelItem" v-for="(item,index) in baseInfo" :key="index" @click="toReview(index)">
|
|
|
- <div class="firText">{{item.num}}</div>
|
|
|
- <div class="secText">{{item.textDec}}</div>
|
|
|
+ <div
|
|
|
+ class="singelItem"
|
|
|
+ v-for="(item, index) in baseInfo"
|
|
|
+ :key="index"
|
|
|
+ @click="toReview(index)"
|
|
|
+ >
|
|
|
+ <div class="firText">{{ item.num }}</div>
|
|
|
+ <div class="secText">{{ item.textDec }}</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
<!-- <div class="allInfo_right">
|
|
|
<el-button type="primary">新建</el-button>
|
|
@@ -20,40 +23,51 @@
|
|
|
<div class="bothList_left">
|
|
|
<div class="commonTitle clearfix">
|
|
|
<div class="commonTitle_left">公文列表</div>
|
|
|
-<!-- <div class="commonTitle_right">更多></div>-->
|
|
|
+ <!-- <div class="commonTitle_right">更多></div>-->
|
|
|
</div>
|
|
|
<div class="table">
|
|
|
- <el-table ref="multipleSelection" :data="tableData" tooltip-effect="dark" style="width: 100%" >
|
|
|
- <el-table-column type="selection" width="50" align="center"> </el-table-column>
|
|
|
- <el-table-column label="标题" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope" >
|
|
|
- <div class="blueText"> {{ scope.row.xgg_bt }}</div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="类型">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div :class="scope.row.xgg_lx_option_k=='1' ? 'redText' : ' ' " >{{ scope.row.xgg_lx_option_n}}</div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ <el-table
|
|
|
+ ref="multipleSelection"
|
|
|
+ :data="tableData"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column type="selection" width="50" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="标题" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="blueText">{{ scope.row.xgg_bt }}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="类型">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div
|
|
|
+ :class="scope.row.xgg_lx_option_k == '1' ? 'redText' : ' '"
|
|
|
+ >
|
|
|
+ {{ scope.row.xgg_lx_option_n }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bothList_right">
|
|
|
- <div class="commonTitle clearfix">
|
|
|
+ <div class="commonTitle clearfix">
|
|
|
<div class="commonTitle_left">关注列表</div>
|
|
|
-<!-- <div class="commonTitle_right">更多></div>-->
|
|
|
+ <!-- <div class="commonTitle_right">更多></div>-->
|
|
|
</div>
|
|
|
<div class="table">
|
|
|
- <el-table
|
|
|
+ <el-table
|
|
|
ref="forceMultipleSelection"
|
|
|
:data="forceTableData"
|
|
|
tooltip-effect="dark"
|
|
|
style="width: 100%"
|
|
|
>
|
|
|
- <el-table-column type="selection" width="50" align="center"> </el-table-column>
|
|
|
+ <el-table-column type="selection" width="50" align="center">
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="标题" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope" >
|
|
|
- <div class="blueText"> {{ scope.row.xgg_bt}}</div>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="blueText">{{ scope.row.xgg_bt }}</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -70,38 +84,42 @@ export default {
|
|
|
name: "workBanch",
|
|
|
data() {
|
|
|
return {
|
|
|
- baseInfo: [{
|
|
|
- num: 20,
|
|
|
- textDec: "已处理"
|
|
|
- },{
|
|
|
- num: 15,
|
|
|
- textDec: "未处理"
|
|
|
- },{
|
|
|
- num: 30,
|
|
|
- textDec: "已阅单位数"
|
|
|
- },{
|
|
|
- num: 15,
|
|
|
- textDec: "转发单位数"
|
|
|
- },{
|
|
|
- num: 14,
|
|
|
- textDec: "回复单位数"
|
|
|
- }],
|
|
|
+ baseInfo: [
|
|
|
+ {
|
|
|
+ num: 20,
|
|
|
+ textDec: "已处理",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ num: 15,
|
|
|
+ textDec: "未处理",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ num: 30,
|
|
|
+ textDec: "已阅单位数",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ num: 15,
|
|
|
+ textDec: "转发单位数",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ num: 14,
|
|
|
+ textDec: "回复单位数",
|
|
|
+ },
|
|
|
+ ],
|
|
|
tableData: [],
|
|
|
multipleSelection: [],
|
|
|
forceTableData: [],
|
|
|
forceMultipleSelection: [],
|
|
|
-
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
mounted() {
|
|
|
this.initData(1);
|
|
|
- this.GZinitData(1)
|
|
|
+ this.GZinitData(1);
|
|
|
},
|
|
|
methods: {
|
|
|
initData(page) {
|
|
|
- queryApi(page,{})
|
|
|
- .then((res)=>{
|
|
|
- if(res.code=="1"){
|
|
|
+ queryApi(page, {}).then((res) => {
|
|
|
+ if (res.code == "1") {
|
|
|
const data = res.data;
|
|
|
this.tableData = data.page_data;
|
|
|
// this.baseInfo = data.baseInfo;
|
|
@@ -110,72 +128,72 @@ export default {
|
|
|
},
|
|
|
//关注列表
|
|
|
GZinitData(choosePage) {
|
|
|
- GZqueryApi(choosePage)
|
|
|
- .then(res => {
|
|
|
- this.forceTableData=res.data.page_data;
|
|
|
- })
|
|
|
- .catch(error=>{console.log(error)})
|
|
|
+ GZqueryApi(choosePage)
|
|
|
+ .then((res) => {
|
|
|
+ this.forceTableData = res.data.page_data;
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
},
|
|
|
/**去详情页*/
|
|
|
- toDetail(curChoose){
|
|
|
+ toDetail(curChoose) {
|
|
|
var id = Number(curChoose.xgg_id);
|
|
|
this.$router.push({
|
|
|
path: `gwlbxq/${id}`,
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
//更多
|
|
|
toMore(mark) {
|
|
|
switch (mark) {
|
|
|
- case 'gwlb' ://公文列表
|
|
|
+ case "gwlb": //公文列表
|
|
|
this.$router.push({
|
|
|
- path: 'gwlb'
|
|
|
- })
|
|
|
- break;
|
|
|
- case 'gzlb' ://关注列表
|
|
|
+ path: "gwlb",
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ case "gzlb": //关注列表
|
|
|
this.$router.push({
|
|
|
- path: 'gzlb'
|
|
|
- })
|
|
|
- break;
|
|
|
-
|
|
|
+ path: "gzlb",
|
|
|
+ });
|
|
|
+ break;
|
|
|
}
|
|
|
},
|
|
|
toReview(index) {
|
|
|
- if(index == 1) {
|
|
|
- window.open('http://ycszxy.bozedu.net/app/xdhq/#/zyyy/shgl','_blank');
|
|
|
+ if (index == 1) {
|
|
|
+ // this.$router.push({ name: "zhxy_dbsx_wcl" });
|
|
|
+ window.open("https://ycszxy.bozedu.net/app/xdhq/#/zyyy/shgl", "_blank");
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
+ },
|
|
|
},
|
|
|
-
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-ul li{
|
|
|
+ul li {
|
|
|
list-style: none;
|
|
|
}
|
|
|
-.clearfix:after{
|
|
|
- content:"";
|
|
|
- display:block;
|
|
|
- height:0;
|
|
|
- clear:both;
|
|
|
- visbility:hidden;
|
|
|
+.clearfix:after {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ height: 0;
|
|
|
+ clear: both;
|
|
|
+ visbility: hidden;
|
|
|
}
|
|
|
-.clearfix{
|
|
|
- *zoom:1;
|
|
|
+.clearfix {
|
|
|
+ *zoom: 1;
|
|
|
}
|
|
|
-.workBanch{
|
|
|
- background-color: #F0F3F8;
|
|
|
+.workBanch {
|
|
|
+ background-color: #f0f3f8;
|
|
|
box-sizing: border-box;
|
|
|
- padding:10px;
|
|
|
+ padding: 10px;
|
|
|
}
|
|
|
-.banchOverview{
|
|
|
+.banchOverview {
|
|
|
background: #fff;
|
|
|
border-radius: 6px;
|
|
|
box-sizing: border-box;
|
|
|
padding: 5px;
|
|
|
}
|
|
|
-.banchOverviewTilte{
|
|
|
+.banchOverviewTilte {
|
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
@@ -184,78 +202,77 @@ ul li{
|
|
|
padding: 0 15px;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
-.allInfo{
|
|
|
- width:100%;
|
|
|
+.allInfo {
|
|
|
+ width: 100%;
|
|
|
height: 65px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-.allInfo_left{
|
|
|
- width:80%;
|
|
|
+.allInfo_left {
|
|
|
+ width: 80%;
|
|
|
float: left;
|
|
|
}
|
|
|
.singelItem {
|
|
|
- width:19.9%;
|
|
|
+ width: 19.9%;
|
|
|
height: 65px;
|
|
|
display: inline-block;
|
|
|
border-right: 1px solid #eaeaea;
|
|
|
box-sizing: border-box;
|
|
|
- padding-top:10px ;
|
|
|
+ padding-top: 10px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
-.singelItem:last-child{
|
|
|
- border:0 solid #2b60d5;
|
|
|
+.singelItem:last-child {
|
|
|
+ border: 0 solid #2b60d5;
|
|
|
}
|
|
|
-.singelItem .firText{
|
|
|
+.singelItem .firText {
|
|
|
font-size: 24px;
|
|
|
font-weight: 700;
|
|
|
text-align: center;
|
|
|
color: #2b60d5;
|
|
|
}
|
|
|
-.singelItem .secText{
|
|
|
+.singelItem .secText {
|
|
|
font-size: 14px;
|
|
|
font-weight: 400;
|
|
|
text-align: center;
|
|
|
color: #000000;
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
-.allInfo_right{
|
|
|
- width:20%;
|
|
|
+.allInfo_right {
|
|
|
+ width: 20%;
|
|
|
height: 65px;
|
|
|
float: left;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 10px 0 0 80px;
|
|
|
+ padding: 10px 0 0 80px;
|
|
|
}
|
|
|
-.bothList{
|
|
|
+.bothList {
|
|
|
margin-top: 15px;
|
|
|
}
|
|
|
-.bothList_left{
|
|
|
+.bothList_left {
|
|
|
width: 48%;
|
|
|
- min-height: 440px;
|
|
|
+ min-height: 440px;
|
|
|
background: #ffffff;
|
|
|
border-radius: 6px;
|
|
|
float: left;
|
|
|
box-sizing: border-box;
|
|
|
- padding:5px;
|
|
|
+ padding: 5px;
|
|
|
}
|
|
|
-.bothList_right{
|
|
|
+.bothList_right {
|
|
|
width: 48%;
|
|
|
min-height: 440px;
|
|
|
background: #ffffff;
|
|
|
border-radius: 6px;
|
|
|
float: right;
|
|
|
box-sizing: border-box;
|
|
|
- padding:5px;
|
|
|
+ padding: 5px;
|
|
|
}
|
|
|
-.commonTitle{
|
|
|
+.commonTitle {
|
|
|
width: 100%;
|
|
|
height: 65px;
|
|
|
line-height: 65px;
|
|
|
border-bottom: 1px solid #e3e3e3;
|
|
|
- box-sizing:border-box;
|
|
|
- padding:0 15px;
|
|
|
-
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 15px;
|
|
|
}
|
|
|
-.commonTitle_left{
|
|
|
+.commonTitle_left {
|
|
|
width: 70%;
|
|
|
float: left;
|
|
|
font-size: 16px;
|
|
@@ -263,8 +280,8 @@ ul li{
|
|
|
text-align: left;
|
|
|
color: #265cd4;
|
|
|
}
|
|
|
-.commonTitle_right{
|
|
|
- width: 30%;
|
|
|
+.commonTitle_right {
|
|
|
+ width: 30%;
|
|
|
float: right;
|
|
|
font-size: 14px;
|
|
|
font-weight: 400;
|