kun 10/6/22:48
This commit is contained in:
沈学坤
@@ -14,22 +14,22 @@
|
||||
</div>
|
||||
<!-- 分类搜索 -->
|
||||
<div class="select-box">
|
||||
<select name="type" v-model="screeOut.type" @change="scree()">
|
||||
<select name="type" v-model="screeOut.society_type" @change="scree()">
|
||||
<option value="类型" disabled style="display:none;">类型</option>
|
||||
<option value="社会">社会</option>
|
||||
<option value="团体">团体</option>
|
||||
</select>
|
||||
<select name="time" v-model="screeOut.date_time" @change="scree()">
|
||||
<select name="time" v-model="screeOut.reg_time0" @change="scree()">
|
||||
<option value="登记时间" disabled style="display:none;">登记时间</option>
|
||||
<option value="09-18">09-18</option>
|
||||
<option value="09-19">09-19</option>
|
||||
</select>
|
||||
<select name="year" v-model="screeOut.date_year" @change="scree()">
|
||||
<select name="year" v-model="screeOut.reg_time1" @change="scree()">
|
||||
<option value="年检年份" disabled style="display:none;">年检年份</option>
|
||||
<option value="2017">2017</option>
|
||||
<option value="2019">2019</option>
|
||||
</select>
|
||||
<select name="condition" v-model="screeOut.zt" @change="scree()">
|
||||
<select name="condition" v-model="screeOut.status" @change="scree()">
|
||||
<option value="年检情况" disabled style="display:none;">年检情况</option>
|
||||
<option value="正常">正常</option>
|
||||
<option value="异常">异常</option>
|
||||
@@ -66,34 +66,38 @@
|
||||
</tr>
|
||||
<template v-if="searchValue.length == 0">
|
||||
<tr
|
||||
v-for="(item,index) in sData"
|
||||
v-for="(info,index) in conversion"
|
||||
:key="index"
|
||||
:class="index % 2 == 0 ? 'bgcbz' : 'bgcz'"
|
||||
class="tr"
|
||||
>
|
||||
<td>{{item.organization}}</td>
|
||||
<td>{{item.credit}}</td>
|
||||
<td>{{item.type}}</td>
|
||||
<td>{{item.representative}}</td>
|
||||
<td>{{item.date_year + '-' + item.date_time}}</td>
|
||||
<td v-if="item.zt == '正常'" style="color:#2fd63f">{{item.zt}}</td>
|
||||
<td v-if="item.zt == '异常'" style="color:#e13232">{{item.zt}}</td>
|
||||
<td>{{info.name}}</td>
|
||||
<td>{{info.unicode}}</td>
|
||||
<td>{{info.society_type}}</td>
|
||||
<td>{{info.legal_person}}</td>
|
||||
<td>{{info.reg_time}}</td>
|
||||
<!-- <td v-if="info.status == 1" style="color:#2fd63f">正常</td>
|
||||
<td v-if="info.status == 0" style="color:#e13232">异常</td>-->
|
||||
<td v-if="info.status == '正常'" style="color:#2fd63f">{{info.status}}</td>
|
||||
<td v-if="info.status == '异常'" style="color:#e13232">{{info.status}}</td>
|
||||
</tr>
|
||||
</template>
|
||||
<template v-if="searchValue.length > 0">
|
||||
<tr
|
||||
class="tr"
|
||||
v-for="(item,index) in searchValue"
|
||||
v-for="(info,index) in searchValue"
|
||||
:key="index"
|
||||
:class="index % 2 == 0 ? 'bgcbz' : 'bgcz'"
|
||||
>
|
||||
<td>{{item.organization}}</td>
|
||||
<td>{{item.credit}}</td>
|
||||
<td>{{item.type}}</td>
|
||||
<td>{{item.representative}}</td>
|
||||
<td>{{item.date_year + '-' + item.date_time}}</td>
|
||||
<td v-if="item.zt == '正常'" style="color:#2fd63f">{{item.zt}}</td>
|
||||
<td v-if="item.zt == '异常'" style="color:#e13232">{{item.zt}}</td>
|
||||
<td>{{info.name}}</td>
|
||||
<td>{{info.unicode}}</td>
|
||||
<td>{{info.society_type}}</td>
|
||||
<td>{{info.legal_person}}</td>
|
||||
<td>{{info.reg_time}}</td>
|
||||
<!-- <td v-if="info.status == 1" style="color:#2fd63f">正常</td>
|
||||
<td v-if="info.status == 0" style="color:#e13232">异常</td>-->
|
||||
<td v-if="info.status == '正常'" style="color:#2fd63f">{{info.status}}</td>
|
||||
<td v-if="info.status == '异常'" style="color:#e13232">{{info.status}}</td>
|
||||
</tr>
|
||||
</template>
|
||||
</table>
|
||||
@@ -126,73 +130,15 @@ export default {
|
||||
searchValue: [],
|
||||
record: [],
|
||||
screeOut: {
|
||||
type: '类型',
|
||||
date_time: '登记时间',
|
||||
date_year: '年检年份',
|
||||
zt: '年检情况'
|
||||
society_type: '类型',
|
||||
reg_time0: '登记时间',
|
||||
reg_time1: '年检年份',
|
||||
status: '年检情况'
|
||||
},
|
||||
sData: [
|
||||
{
|
||||
id: 1,
|
||||
organization: "劳动经济学会",
|
||||
credit: "51100000MJ000035X2",
|
||||
type: "团体",
|
||||
representative: "王五",
|
||||
date_time: "09-18",
|
||||
date_year: '2019',
|
||||
zt: '正常'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
organization: "华为",
|
||||
credit: "51100000MJ000035X2",
|
||||
type: "社会",
|
||||
representative: "李四",
|
||||
date_time: "09-19",
|
||||
date_year: '2017',
|
||||
zt: '正常'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
organization: "华为",
|
||||
credit: "51100000MJ000035X2",
|
||||
type: "团体",
|
||||
representative: "李四",
|
||||
date_time: "09-19",
|
||||
date_year: '2019',
|
||||
zt: '异常'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
organization: "华为",
|
||||
credit: "51100000MJ000035X2",
|
||||
type: "社会",
|
||||
representative: "李四",
|
||||
date_time: "09-18",
|
||||
date_year: '2017',
|
||||
zt: '异常'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
organization: "华为",
|
||||
credit: "51100000MJ000035X2",
|
||||
type: "社会",
|
||||
representative: "李四",
|
||||
date_time: "09-19",
|
||||
date_year: '2019',
|
||||
zt: '正常'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
organization: "小米",
|
||||
credit: "51100000MJ000035X2",
|
||||
type: "手机",
|
||||
representative: "张三",
|
||||
date_time: "09-18",
|
||||
date_year: "2017",
|
||||
zt: '异常'
|
||||
}
|
||||
]
|
||||
bgData: [],
|
||||
arr1: [],
|
||||
arr0: [],
|
||||
conversion: []
|
||||
};
|
||||
},
|
||||
computed: {},
|
||||
@@ -209,61 +155,63 @@ export default {
|
||||
this.getSearch(str)
|
||||
},
|
||||
/** 筛选函数 */
|
||||
scree() {
|
||||
if (this.screeOut.type == "类型") {
|
||||
this.screeOut.type = ''
|
||||
} else {
|
||||
this.record.push({ category: '类型', nameOf: this.screeOut.type })
|
||||
}
|
||||
// scree() {
|
||||
// if (this.screeOut.society_type == "类型") {
|
||||
// this.screeOut.society_type = ''
|
||||
// } else {
|
||||
// this.record.push({ category: '类型', nameOf: this.screeOut.society_type })
|
||||
// }
|
||||
|
||||
if (this.screeOut.date_time == "登记时间") {
|
||||
this.screeOut.date_time = ''
|
||||
} else {
|
||||
this.record.push({ category: '登记时间', nameOf: this.screeOut.date_time })
|
||||
}
|
||||
// if (this.screeOut.reg_time == "登记时间") {
|
||||
// this.screeOut.reg_time = ''
|
||||
// } else {
|
||||
// this.record.push({ category: '登记时间', nameOf: this.screeOut.reg_time })
|
||||
// }
|
||||
|
||||
if (this.screeOut.date_year == "年检年份") {
|
||||
this.screeOut.date_year = ''
|
||||
} else {
|
||||
this.record.push({ category: '年检年份', nameOf: this.screeOut.date_year })
|
||||
}
|
||||
// if (this.screeOut.reg_time == "年检年份") {
|
||||
// this.screeOut.reg_time = ''
|
||||
// } else {
|
||||
// this.record.push({ category: '年检年份', nameOf: this.screeOut.reg_time })
|
||||
// }
|
||||
|
||||
if (this.screeOut.zt == "年检情况") {
|
||||
this.screeOut.zt = ''
|
||||
} else {
|
||||
this.record.push({ category: '年检情况', nameOf: this.screeOut.zt })
|
||||
}
|
||||
// if (this.screeOut.status == "年检情况") {
|
||||
// this.screeOut.status = ''
|
||||
// } else {
|
||||
// this.record.push({ category: '年检情况', nameOf: this.screeOut.status })
|
||||
// }
|
||||
|
||||
/**
|
||||
let hash = {};
|
||||
this.record = this.record.reduce((preVal, curVal) => {
|
||||
hash[curVal.nameOf] ? '' : hash[curVal.nameOf] = true && preVal.push(curVal);
|
||||
return preVal
|
||||
}, [])
|
||||
*/
|
||||
// /**
|
||||
// let hash = {};
|
||||
// this.record = this.record.reduce((preVal, curVal) => {
|
||||
// hash[curVal.nameOf] ? '' : hash[curVal.nameOf] = true && preVal.push(curVal);
|
||||
// return preVal
|
||||
// }, [])
|
||||
// */
|
||||
|
||||
this.record = this.$tool.arrayHeavy(this.record, 'nameOf')
|
||||
// console.log(this.record)
|
||||
|
||||
let gData = this.$tool.multiFilter(this.sData, this.screeOut)
|
||||
if (gData != undefined && gData != '') {
|
||||
this.searchValue = gData
|
||||
} else {
|
||||
this.$message('您搜索的内容暂无~')
|
||||
}
|
||||
// this.record = this.$tool.arrayHeavy(this.record, 'nameOf')
|
||||
|
||||
if (this.screeOut.type == "") {
|
||||
this.screeOut.type = '类型'
|
||||
}
|
||||
if (this.screeOut.date_time == "") {
|
||||
this.screeOut.date_time = '登记时间'
|
||||
}
|
||||
if (this.screeOut.date_year == "") {
|
||||
this.screeOut.date_year = '年检年份'
|
||||
}
|
||||
if (this.screeOut.zt == "") {
|
||||
this.screeOut.zt = '年检情况'
|
||||
}
|
||||
},
|
||||
// let gData = this.$tool.multiFilter(this.bgData, this.screeOut)
|
||||
// if (gData != undefined && gData != '') {
|
||||
// this.searchValue = gData
|
||||
// } else {
|
||||
// this.$message('您搜索的内容暂无~')
|
||||
// }
|
||||
|
||||
// if (this.screeOut.society_type == "") {
|
||||
// this.screeOut.society_type = '类型'
|
||||
// }
|
||||
// if (this.screeOut.reg_time == "") {
|
||||
// this.screeOut.reg_time = '登记时间'
|
||||
// }
|
||||
// if (this.screeOut.reg_time == "") {
|
||||
// this.screeOut.reg_time = '年检年份'
|
||||
// }
|
||||
// if (this.screeOut.status == "") {
|
||||
// this.screeOut.status = '年检情况'
|
||||
// }
|
||||
// },
|
||||
/** 搜索函数 */
|
||||
getSearch(str) {
|
||||
this.searchValue = [];
|
||||
@@ -275,9 +223,7 @@ export default {
|
||||
return;
|
||||
}
|
||||
|
||||
let searchData = this.$tool.setSearch(this.sData, this.searchVal)
|
||||
// console.log(searchData);
|
||||
|
||||
let searchData = this.$tool.setSearch(this.bgData, this.searchVal)
|
||||
|
||||
if (searchData != undefined && searchData != '') {
|
||||
this.searchValue = searchData
|
||||
@@ -304,12 +250,60 @@ export default {
|
||||
let s = this.sub;
|
||||
s = index;
|
||||
this.sub = s;
|
||||
let t0 = this.arr0
|
||||
let t1 = this.arr1
|
||||
let t2 = this.bgData
|
||||
|
||||
switch (this.sub) {
|
||||
case 0:
|
||||
this.conversion = t2;
|
||||
break;
|
||||
case 1:
|
||||
this.conversion = t0;
|
||||
break;
|
||||
case 2:
|
||||
this.conversion = t1;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
/** 获取后台数据 */
|
||||
getData() { }
|
||||
getData() {
|
||||
let _this = this
|
||||
this.$http({
|
||||
method: 'post',
|
||||
url: 'v1/society/society',
|
||||
data: {}
|
||||
}).then(res => {
|
||||
if (res.data.code !== 200) {
|
||||
return;
|
||||
}
|
||||
_this.bgData = res.data.data.data.info
|
||||
_this.conversion = _this.bgData
|
||||
_this.bgData.forEach((item, index) => {
|
||||
|
||||
switch (item.status) {
|
||||
case '异常':
|
||||
_this.arr0.push(item);
|
||||
break;
|
||||
case '正常':
|
||||
_this.arr1.push(item);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
})
|
||||
})
|
||||
// eslint-disable-next-line handle-callback-err
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
this.getData()
|
||||
},
|
||||
mounted() {
|
||||
this.getData();
|
||||
@@ -382,7 +376,6 @@ export default {
|
||||
&:nth-of-type(3) {
|
||||
width: 240px;
|
||||
border-left: 1px solid #dcebf6;
|
||||
|
||||
}
|
||||
&:nth-of-type(4) {
|
||||
width: 160px;
|
||||
@@ -391,7 +384,6 @@ export default {
|
||||
&:nth-of-type(5) {
|
||||
width: 160px;
|
||||
border-left: 1px solid #dcebf6;
|
||||
|
||||
}
|
||||
&:nth-of-type(6) {
|
||||
width: 160px;
|
||||
@@ -400,7 +392,6 @@ export default {
|
||||
&:nth-of-type(7) {
|
||||
width: 140px;
|
||||
border-left: 1px solid #dcebf6;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
export default {
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
imgUrl: {
|
||||
login: require('../../static/img/login.png'),
|
||||
@@ -39,7 +39,7 @@ export default {
|
||||
computed: {},
|
||||
watch: {},
|
||||
methods: {
|
||||
login() {
|
||||
login () {
|
||||
let _this = this
|
||||
this.$http({
|
||||
method: 'post',
|
||||
@@ -51,10 +51,10 @@ export default {
|
||||
}).then(res => {
|
||||
if (res.data.code === 200) {
|
||||
console.log(res.data)
|
||||
this.$message.success('登陆成功');
|
||||
this.$router.push('/personalZte');
|
||||
//全局存储token
|
||||
window.localStorage["token"] = JSON.stringify(res.data.data.data.id);
|
||||
this.$message.success('登陆成功')
|
||||
this.$router.push('/personalZte')
|
||||
// 全局存储token
|
||||
window.localStorage['token'] = JSON.stringify(res.data.data.data.id)
|
||||
} else {
|
||||
this.$message.error('请求数据有问题！')
|
||||
}
|
||||
@@ -65,8 +65,8 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
created() { },
|
||||
mounted() { }
|
||||
created () { },
|
||||
mounted () { }
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -161,7 +161,7 @@
|
||||
export default {
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
imgUrl: {
|
||||
registered: require('../../static/img/registered.png'),
|
||||
@@ -174,7 +174,7 @@ export default {
|
||||
computed: {},
|
||||
watch: {},
|
||||
methods: {
|
||||
getData() {
|
||||
getData () {
|
||||
let _this = this
|
||||
this.$http({
|
||||
method: 'get',
|
||||
@@ -194,10 +194,10 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
created () {
|
||||
this.getData()
|
||||
},
|
||||
mounted() { }
|
||||
mounted () { }
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -5,78 +5,69 @@
|
||||
<p class="title">党组织申请</p>
|
||||
<!-- 进度条 -->
|
||||
<div class="he">
|
||||
<div class="list"
|
||||
v-for="(item,index) in text"
|
||||
:key="index"
|
||||
:style="{'background-image': sub == index ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}">
|
||||
<div
|
||||
class="list"
|
||||
v-for="(item,index) in text"
|
||||
:key="index"
|
||||
:style="{'background-image': sub == index ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
|
||||
>
|
||||
<span :style="sub == index ? 'color:#fff' : 'color:#000'">{{item}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 用户填写的内容 -->
|
||||
<form action
|
||||
method
|
||||
onsubmit="return false"
|
||||
enctype="multipart/form-data">
|
||||
<form action method onsubmit="return false" enctype="multipart/form-data">
|
||||
<!-- 党组织申请1 -->
|
||||
<div id="boxOne"
|
||||
v-if="sub == 0">
|
||||
<div id="boxOne" v-if="sub == 0">
|
||||
<h3>基本信息</h3>
|
||||
<div class="b">
|
||||
<div class="o">
|
||||
<label>
|
||||
<span>社会组织名称:</span>
|
||||
<input class="input"
|
||||
type="text"
|
||||
name="name" />
|
||||
<input class="input" type="text" name="name" />
|
||||
</label>
|
||||
<label>
|
||||
<span>社会组织类型:</span>
|
||||
<select name="type"
|
||||
id></select>
|
||||
<select name="type" v-model="type">
|
||||
<template v-for="(list,index) in types">
|
||||
<option :key="index" :value="index">{{list}}</option>
|
||||
</template>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<div class="o">
|
||||
<label>
|
||||
<span>流动党员数量:</span>
|
||||
<input class="input"
|
||||
type="text"
|
||||
name="name" />
|
||||
<input
|
||||
class="input"
|
||||
type="number"
|
||||
name="flow_party_person"
|
||||
v-model="flow_party_person"
|
||||
/>
|
||||
</label>
|
||||
<label>
|
||||
<span>已有党员数量:</span>
|
||||
<input class="input"
|
||||
type="text"
|
||||
name="name" />
|
||||
<input class="input" type="number" name="party_person" v-model="party_person" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="o">
|
||||
<label>
|
||||
<span>从业人员总数:</span>
|
||||
<input class="input"
|
||||
type="text"
|
||||
name="name" />
|
||||
<input class="input" type="number" name="work_person" v-model="work_person" />
|
||||
</label>
|
||||
<label>
|
||||
<span>党组织名称:</span>
|
||||
<input class="input"
|
||||
type="text"
|
||||
name="name" />
|
||||
<input class="input" type="text" name="party_name" v-model="party_name" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="o-zero">
|
||||
<span>是否建立党组织:</span>
|
||||
<div>
|
||||
<label for>
|
||||
<input type="radio"
|
||||
name="yn"
|
||||
value="yes"
|
||||
checked /> 是
|
||||
<input type="radio" name="is_reg_party" v-model="is_reg_party" value="1" checked /> 是
|
||||
</label>
|
||||
<label for>
|
||||
<input type="radio"
|
||||
name="yn"
|
||||
value="no" /> 否
|
||||
<input type="radio" name="is_reg_party" v-model="is_reg_party" value="2" /> 否
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -84,65 +75,67 @@
|
||||
<span>是否建立“功能型”党组织:</span>
|
||||
<div>
|
||||
<label for>
|
||||
<input type="radio"
|
||||
name="ynn"
|
||||
value="yes"
|
||||
checked /> 是
|
||||
<input
|
||||
type="radio"
|
||||
name="is_reg_fun_party"
|
||||
v-model="is_reg_fun_party"
|
||||
value="1"
|
||||
checked
|
||||
/> 是
|
||||
</label>
|
||||
<label for>
|
||||
<input type="radio"
|
||||
name="ynn"
|
||||
value="no" /> 否
|
||||
<input type="radio" name="is_reg_fun_party" v-model="is_reg_fun_party" value="2" /> 否
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="o-o">
|
||||
<label>登记管理机关:</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="reg_manage" :v-model="reg_manage" />
|
||||
</div>
|
||||
<div class="o-o">
|
||||
<label>业务主管单位:</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="supervisor" v-model="supervisor" />
|
||||
</div>
|
||||
<div class="o-two">
|
||||
<label>隶属的上一级党组织名称:</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="party_pname" v-model="party_pname" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn"
|
||||
@click="btn(1)">下一步</div>
|
||||
<div class="btn" @click="btn(1)">下一步</div>
|
||||
</div>
|
||||
<!-- 党组织申请2 -->
|
||||
<div id="boxTwo"
|
||||
v-if="sub == 1">
|
||||
<div id="boxTwo" v-if="sub == 1">
|
||||
<!-- !!!!!! -->
|
||||
<h3>党组织书记情况</h3>
|
||||
<div class="b">
|
||||
<div>
|
||||
<label for>姓名:</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="sec_name" v-model="sec_name" />
|
||||
</div>
|
||||
<div style="display: flex;
|
||||
align-items: center;">
|
||||
<label for>姓别:</label>
|
||||
<label class="label">
|
||||
<input type="radio"
|
||||
name="sex" /> 男
|
||||
<input type="radio"
|
||||
name="sex" /> 女
|
||||
<input type="radio" name="sec_sex" v-model="sec_sex" value="1" /> 男
|
||||
<input
|
||||
type="radio"
|
||||
name="sec_sex"
|
||||
v-model="sec_sex"
|
||||
value="0"
|
||||
/> 女
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for>年龄:</label>
|
||||
<input type="text" />
|
||||
<input type="text" v-model="sec_age" name="sec_age" />
|
||||
</div>
|
||||
<div>
|
||||
<label for>行政职务:</label>
|
||||
<input type="text" />
|
||||
<input type="text" v-model="sec_job" name="sec_job" />
|
||||
</div>
|
||||
<div>
|
||||
<label for>近三年参加上级党组织培训次数:</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="sec_study" v-model="sec_study" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- !!!!!! -->
|
||||
@@ -150,55 +143,62 @@
|
||||
<div class="b">
|
||||
<div>
|
||||
<label for>近三年发展党员数:</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="near_party_person" v-model="near_party_person" />
|
||||
</div>
|
||||
<div style="display: flex;
|
||||
align-items: center;">
|
||||
<label for>是否建立群团组织:</label>
|
||||
<label class="label">
|
||||
<input type="radio"
|
||||
name="ss" /> 是
|
||||
<input type="radio"
|
||||
name="ss" /> 否
|
||||
<input type="radio" name="is_reg_group" value="1" v-model="is_reg_group" /> 是
|
||||
<input
|
||||
type="radio"
|
||||
name="is_reg_group"
|
||||
value="2"
|
||||
v-model="is_reg_group"
|
||||
/> 否
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for>专职党务工作者人数:</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="major_party_person" v-model="major_party_person" />
|
||||
</div>
|
||||
<div style="display: flex;
|
||||
align-items: center;">
|
||||
<label for>是否选派党建工作指导员:</label>
|
||||
<label class="label">
|
||||
<input type="radio"
|
||||
name="ww" /> 是
|
||||
<input type="radio"
|
||||
name="ww" /> 否
|
||||
<input
|
||||
type="radio"
|
||||
name="is_choice_instructor"
|
||||
value="1"
|
||||
v-model="is_choice_instructor"
|
||||
/> 是
|
||||
<input
|
||||
type="radio"
|
||||
name="is_choice_instructor"
|
||||
value="2"
|
||||
v-model="is_choice_instructor"
|
||||
/> 否
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for>党组织年度活动经费(万元):</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="year_money" v-model="year_money" />
|
||||
</div>
|
||||
<div>
|
||||
<label for>党组织年度活动场所面积(平米):</label>
|
||||
<input type="text" />
|
||||
<input type="text" name="active_year" v-model="active_year" />
|
||||
</div>
|
||||
</div>
|
||||
<div @click="btn(2)"
|
||||
style="display:flex;justify-content:center;margin-top:35px;">
|
||||
<input type="submit"
|
||||
value="立即提交" />
|
||||
<div @click="btn(2)" style="display:flex;justify-content:center;margin-top:35px;">
|
||||
<input type="submit" value="立即提交" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- succeed -->
|
||||
<div class="succeed"
|
||||
v-if="sub == 2">
|
||||
<div class="succeed" v-if="sub == 2">
|
||||
<div>
|
||||
<img :src="imgUrl.succeed"
|
||||
alt />
|
||||
<img :src="imgUrl.succeed" alt />
|
||||
<span>党组织申请已提交成功！</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -228,7 +228,29 @@ export default {
|
||||
},
|
||||
text: ["1 填写基本信息", "2 填写党组织信息", "3 提交审核"],
|
||||
sub: 0,
|
||||
index_num: 0
|
||||
index_num: 0,
|
||||
types: [],
|
||||
type: '',
|
||||
supervisor: '',
|
||||
reg_manage: '',
|
||||
work_person: '',
|
||||
flow_party_person: '',
|
||||
party_person: '',
|
||||
is_reg_party: '',
|
||||
is_reg_fun_party: '',
|
||||
party_name: '',
|
||||
party_pname: '',
|
||||
sec_name: '',
|
||||
sec_sex: '',
|
||||
sec_job: '',
|
||||
sec_age: '',
|
||||
sec_study: '',
|
||||
near_party_person: '',
|
||||
major_party_person: '',
|
||||
is_reg_group: '',
|
||||
is_choice_instructor: '',
|
||||
year_money: '',
|
||||
active_year: ''
|
||||
};
|
||||
},
|
||||
computed: {},
|
||||
@@ -238,16 +260,89 @@ export default {
|
||||
let s = this.sub;
|
||||
s = n;
|
||||
this.sub = s;
|
||||
if (this.sub == 2) {
|
||||
let sid = localStorage.token
|
||||
let _this = this
|
||||
// console.log(_this.type,
|
||||
// _this.reg_manage, _this.supervisor, _this.work_person, _this.flow_party_person,
|
||||
// _this.party_person, _this.is_reg_party, _this.is_reg_fun_party,
|
||||
// _this.party_name, _this.party_pname, _this.sec_name,
|
||||
// _this.sec_sex, _this.sec_job, _this.sec_age,
|
||||
// _this.sec_study, _this.near_party_person,
|
||||
// _this.major_party_person, _this.is_reg_group,
|
||||
// _this.is_choice_instructor, _this.year_money, _this.active_year
|
||||
// )
|
||||
this.$http({
|
||||
method: 'post',
|
||||
url: 'v1/user/apply',
|
||||
data: {
|
||||
sid: sid,
|
||||
type: _this.type,
|
||||
supervisor: _this.supervisor,
|
||||
reg_manage: _this.reg_manage,
|
||||
work_person: _this.work_person,
|
||||
flow_party_person: _this.flow_party_person,
|
||||
party_person: _this.party_person,
|
||||
is_reg_party: _this.is_reg_party,
|
||||
is_reg_fun_party: _this.is_reg_fun_party,
|
||||
party_name: _this.party_name,
|
||||
party_pname: _this.party_pname,
|
||||
sec_name: _this.sec_name,
|
||||
sec_sex: _this.sec_sex,
|
||||
sec_job: _this.sec_job,
|
||||
sec_age: _this.sec_age,
|
||||
sec_study: _this.sec_study,
|
||||
near_party_person: _this.near_party_person,
|
||||
major_party_person: _this.major_party_person,
|
||||
is_reg_group: _this.is_reg_group,
|
||||
is_choice_instructor: _this.is_choice_instructor,
|
||||
year_money: _this.year_money,
|
||||
active_year: _this.active_year
|
||||
}
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
|
||||
// if (res.code === 200) {
|
||||
// console.log(res.data)
|
||||
// } else {
|
||||
// _this.$message.error('请求数据有问题！')
|
||||
// }
|
||||
})
|
||||
// eslint-disable-next-line handle-callback-err
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
},
|
||||
getData() {
|
||||
let _this = this
|
||||
this.$http({
|
||||
method: 'post',
|
||||
url: 'v1/user/get-society-type',
|
||||
data: {}
|
||||
}).then(res => {
|
||||
if (res.data.code === 200) {
|
||||
_this.types = res.data.data
|
||||
} else {
|
||||
_this.$message.error('请求数据有问题！')
|
||||
}
|
||||
})
|
||||
// eslint-disable-next-line handle-callback-err
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
mounted() {}
|
||||
created() {
|
||||
this.getData()
|
||||
},
|
||||
mounted() { }
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
.wr {
|
||||
min-width: 1280px;
|
||||
min-width: 1280px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.footer {
|
||||
@@ -359,6 +454,8 @@ export default {
|
||||
background-color: #ffffff;
|
||||
border: solid 1px #c7c7c7;
|
||||
outline: none;
|
||||
padding-left: 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.label {
|
||||
@@ -420,6 +517,8 @@ export default {
|
||||
border: solid 1px #c7c7c7;
|
||||
margin-left: 28px;
|
||||
outline: none;
|
||||
padding-left: 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -451,6 +550,8 @@ export default {
|
||||
border: solid 1px #c7c7c7;
|
||||
margin-left: 28px;
|
||||
outline: none;
|
||||
padding-left: 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -597,6 +698,8 @@ export default {
|
||||
border: solid 1px #c7c7c7;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding-left: 30px;
|
||||
box-sizing: border-box;
|
||||
|
||||
/* 清除默认的箭头样式 */
|
||||
appearance: none;
|
||||
@@ -615,6 +718,8 @@ export default {
|
||||
border: solid 1px #c7c7c7;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding-left: 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
span {
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<dt>
|
||||
<img class="one" :src="bgData.cover" alt />
|
||||
<span
|
||||
@click="collection()"
|
||||
@click="collection(bgData.id)"
|
||||
class="iconfont icon-changyongtubiao-mianxing-"
|
||||
:class="coll ? 'colorTrue' : 'colorFalse'"
|
||||
></span>
|
||||
@@ -71,18 +71,34 @@ export default {
|
||||
wjx: require("../../../static/img/wjx.png")
|
||||
},
|
||||
list: [1, 2, 3, 4, 5, 6, 7, 8, 9],
|
||||
bgData: []
|
||||
bgData: [],
|
||||
id: Number
|
||||
};
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
methods: {
|
||||
collection() {
|
||||
collection(article_id) {
|
||||
if (!localStorage.token) {
|
||||
alert('请先登录~')
|
||||
return;
|
||||
}
|
||||
this.coll = !this.coll;
|
||||
let _this = this
|
||||
this.$http({
|
||||
method: 'post',
|
||||
url: 'v1/article/collection',
|
||||
data: {
|
||||
sid: _this.id,
|
||||
article_id: article_id
|
||||
}
|
||||
}).then(res => {
|
||||
console.log(res)
|
||||
})
|
||||
// eslint-disable-next-line handle-callback-err
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
getData(id) {
|
||||
let _this = this
|
||||
@@ -106,9 +122,9 @@ export default {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
let id = this.$route.params.id
|
||||
this.id = this.$route.params.id
|
||||
let type = this.$route.params.type
|
||||
this.getData(id)
|
||||
this.getData(this.id)
|
||||
},
|
||||
mounted() { }
|
||||
};
|
||||
|
||||
@@ -1,20 +1,20 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<form onsubmit="return false">
|
||||
<form action method onsubmit="return false" enctype="multipart/form-data">
|
||||
<div class="box">
|
||||
<label for>请输入原密码:</label>
|
||||
<input class="input" type="text" name id />
|
||||
<input class="input" type="password" v-model="passowrd_old" />
|
||||
</div>
|
||||
<div class="box">
|
||||
<label for>请输入新密码:</label>
|
||||
<input class="input" type="text" name id />
|
||||
<input class="input" type="password" v-model="passowrd_new" />
|
||||
</div>
|
||||
<div class="box">
|
||||
<label for>请再次输入新密码:</label>
|
||||
<input class="input" type="text" name id />
|
||||
<input class="input" type="password" v-model="passowrd_re" />
|
||||
</div>
|
||||
<div class="btn">
|
||||
<input type="submit" name id value="保存" />
|
||||
<div class="btn" @click="oBtn()">
|
||||
<input type="submit" value="保存" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -26,17 +26,44 @@ export default {
|
||||
props: {},
|
||||
data () {
|
||||
return {
|
||||
num: 654
|
||||
num: 654,
|
||||
passowrd_old: '',
|
||||
passowrd_new: '',
|
||||
passowrd_re: '',
|
||||
id: null
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
methods: {
|
||||
oBtn () {
|
||||
let _this = this
|
||||
this.$http({
|
||||
method: 'post',
|
||||
url: 'v1/login/update-pwd',
|
||||
data: {
|
||||
id: _this.id,
|
||||
passowrd_old: _this.passowrd_old,
|
||||
passowrd_new: _this.passowrd_new,
|
||||
passowrd_re: _this.passowrd_re
|
||||
}
|
||||
}).then(res => {
|
||||
console.log(res)
|
||||
|
||||
// alert(res.data.data.data.msg)
|
||||
})
|
||||
// eslint-disable-next-line handle-callback-err
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
sendMsgToParent () {
|
||||
this.$emit('listenToChildExen', this.num)
|
||||
}
|
||||
},
|
||||
created () {},
|
||||
created () {
|
||||
this.id = localStorage.token
|
||||
},
|
||||
mounted () {
|
||||
this.sendMsgToParent()
|
||||
}
|
||||
|
||||
@@ -4,8 +4,7 @@
|
||||
<div id="box">
|
||||
<!-- 公告 -->
|
||||
<div class="top">
|
||||
<img :src="imgUrl.xlb"
|
||||
alt />
|
||||
<img :src="imgUrl.xlb" alt />
|
||||
<div>
|
||||
<span>世界婚博会已通过初审</span>
|
||||
<time>[2019-07-31]</time>
|
||||
@@ -44,20 +43,19 @@
|
||||
</div>
|
||||
<!-- 下拉框 -->
|
||||
<div class="select">
|
||||
<select class="one"
|
||||
name="date">
|
||||
<select class="one" name="date">
|
||||
<option value>2017/10/14 至 2017/10/15</option>
|
||||
<option value>2017/10/14 至 2017/10/15</option>
|
||||
</select>
|
||||
<select class="two"
|
||||
name="type">
|
||||
<option value>类型1</option>
|
||||
<option value>类型2</option>
|
||||
<select class="two" name="type">
|
||||
<template v-for="(type,index) in types">
|
||||
<option :key="index" :value="index">{{type}}</option>
|
||||
</template>
|
||||
</select>
|
||||
<select class="three"
|
||||
name="area">
|
||||
<option value>区域1</option>
|
||||
<option value>区域2</option>
|
||||
<select class="three" name="area">
|
||||
<template v-for="(area,index) in area">
|
||||
<option :key="index" :value="index">{{area}}</option>
|
||||
</template>
|
||||
</select>
|
||||
<span @click="$jump('application')">项目申报</span>
|
||||
</div>
|
||||
@@ -65,47 +63,42 @@
|
||||
<div class="con">
|
||||
<!-- 导航 -->
|
||||
<div class="top-t">
|
||||
<h3 @click="btn(index)"
|
||||
v-for="(item,index) in text"
|
||||
:key="index"
|
||||
:class="sub == index ? 'style' : ''">{{item}}</h3>
|
||||
<h3
|
||||
@click="btn(index)"
|
||||
v-for="(item,index) in text"
|
||||
:key="index"
|
||||
:class="sub == index ? 'style' : ''"
|
||||
>{{item}}</h3>
|
||||
</div>
|
||||
<!-- 主题内容 -->
|
||||
<div class="cc">
|
||||
<template v-for="(item,index) in sData">
|
||||
<div class="list"
|
||||
:key="index"
|
||||
v-if="index < 9"
|
||||
@click="$jump('schedule')">
|
||||
<template v-for="(item,index) in bgData">
|
||||
<div class="list" :key="index" v-if="index < 9" @click="$jump('schedule')">
|
||||
<div class="div">
|
||||
<div class="bb">
|
||||
<h3>世界婚博会</h3>
|
||||
<h3>{{item.name}}</h3>
|
||||
<h5>活动</h5>
|
||||
</div>
|
||||
<time>2019-07-19</time>
|
||||
<time>{{item.protime}}</time>
|
||||
</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<img :src="imgUrl.tg"
|
||||
v-if="item.state == 0" />
|
||||
<img :src="imgUrl.btg"
|
||||
v-if="item.state == 1" />
|
||||
<img :src="imgUrl.shz"
|
||||
v-if="item.state == 2" />
|
||||
<img :src="imgUrl.zxz"
|
||||
v-if="item.state == 3" />
|
||||
<img :src="imgUrl.tg" v-if="item.state == 0" />
|
||||
<img :src="imgUrl.btg" v-if="item.state == 1" />
|
||||
<img :src="imgUrl.shz" v-if="item.state == 2" />
|
||||
<img :src="imgUrl.zxz" v-if="item.state == 3" />
|
||||
</dt>
|
||||
<dd>
|
||||
<span class="iconfont icon-zuzhijiegou"></span>
|
||||
<span>朝阳社会组织</span>
|
||||
<span>{{item.party_id}}</span>
|
||||
</dd>
|
||||
<dd>
|
||||
<span class="iconfont icon-weizhi"></span>
|
||||
<span>北京市朝阳区建外街道</span>
|
||||
<span>{{item.postaladdress}}</span>
|
||||
</dd>
|
||||
<dd>
|
||||
<span class="iconfont icon-shenhetongguo1"></span>
|
||||
<span>当前申报阶段：立项审核中</span>
|
||||
<span class="block">当前申报阶段：{{item.status}}</span>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
@@ -114,13 +107,15 @@
|
||||
</div>
|
||||
<!-- 分页按钮 -->
|
||||
<div class="page">
|
||||
<el-pagination @size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-size="pageSize"
|
||||
background
|
||||
layout="prev, pager, next"
|
||||
:total="10"></el-pagination>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-size="pageSize"
|
||||
background
|
||||
layout="prev, pager, next"
|
||||
:total="10"
|
||||
></el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -154,23 +149,52 @@ export default {
|
||||
},
|
||||
text: ["全部", "项目初筛", "项目立项"],
|
||||
sub: 0,
|
||||
sData: [
|
||||
{ state: 0 },
|
||||
{ state: 0 },
|
||||
{ state: 0 },
|
||||
{ state: 1 },
|
||||
{ state: 1 },
|
||||
{ state: 2 },
|
||||
{ state: 3 },
|
||||
{ state: 3 },
|
||||
{ state: 2 },
|
||||
{ state: 0 }
|
||||
]
|
||||
bgData: [],
|
||||
types: [],
|
||||
area: []
|
||||
};
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
methods: {
|
||||
getData() {
|
||||
let _this = this
|
||||
this.$http({
|
||||
method: 'get',
|
||||
url: 'v1/project/get-info',
|
||||
data: {}
|
||||
}).then(res => {
|
||||
if (res.data.code === 200) {
|
||||
_this.types = res.data.data.type
|
||||
_this.area = res.data.data.area
|
||||
} else {
|
||||
_this.$message.error('请求数据有问题！')
|
||||
}
|
||||
})
|
||||
// eslint-disable-next-line handle-callback-err
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
|
||||
|
||||
this.$http({
|
||||
method: 'get',
|
||||
url: 'v1/project/list',
|
||||
data: {}
|
||||
}).then(res => {
|
||||
if (res.data.code === 200) {
|
||||
_this.bgData = res.data.data.data.info
|
||||
console.log(_this.bgData);
|
||||
|
||||
} else {
|
||||
_this.$message.error('请求数据有问题！')
|
||||
}
|
||||
})
|
||||
// eslint-disable-next-line handle-callback-err
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
btn(index) {
|
||||
let s = this.sub;
|
||||
s = index;
|
||||
@@ -184,13 +208,14 @@ export default {
|
||||
this.currentPage = val;
|
||||
this.getPackData();
|
||||
},
|
||||
getPackData() {}
|
||||
getPackData() { }
|
||||
},
|
||||
created() {
|
||||
this.currentPage = Number(localStorage.getItem("pagination")) || 1;
|
||||
this.handleCurrentChange(this.currentPage);
|
||||
this.getData()
|
||||
},
|
||||
mounted() {}
|
||||
mounted() { }
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -209,10 +234,12 @@ export default {
|
||||
box-sizing: border-box;
|
||||
|
||||
.bottom {
|
||||
padding: 35px 30px 0px;
|
||||
padding: 35px 30px 100px;
|
||||
box-sizing: border-box;
|
||||
width: 1200px;
|
||||
height: 1320px;
|
||||
// height: 1320px;
|
||||
|
||||
box-sizing: border-box;
|
||||
background-color: #ffffff;
|
||||
|
||||
.page {
|
||||
@@ -262,7 +289,14 @@ export default {
|
||||
|
||||
.con {
|
||||
width: 1140px;
|
||||
height: 773px;
|
||||
// height: 773px;
|
||||
|
||||
.cc::after {
|
||||
content: "";
|
||||
width: 367px;
|
||||
display: block;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.cc {
|
||||
display: flex;
|
||||
@@ -301,6 +335,15 @@ export default {
|
||||
letter-spacing: 0px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.block{
|
||||
width: 288px;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
dt {
|
||||
|
||||
Reference in New Issue
Block a user