|
@@ -6,91 +6,100 @@
|
|
<view class="label flex1">委员照片</view>
|
|
<view class="label flex1">委员照片</view>
|
|
<view class="flexr">
|
|
<view class="flexr">
|
|
<view class="addbox">
|
|
<view class="addbox">
|
|
- <image :src="dphoimg" class="adimg"></image>
|
|
|
|
|
|
+ <image v-if="datainfo.avatar" :src="baseUrl+datainfo.avatar" class="phoimg"></image>
|
|
|
|
+ <image v-else :src="dphoimg" class="adimg"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="items">
|
|
<view class="items">
|
|
<view class="label">委员姓名</view>
|
|
<view class="label">委员姓名</view>
|
|
- <view class="itetit">何潇潇</view>
|
|
|
|
|
|
+ <view class="itetit">{{datainfo.name}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="items">
|
|
<view class="items">
|
|
<view class="label">身份证号</view>
|
|
<view class="label">身份证号</view>
|
|
- <view class="itetit">32000019810205003X</view>
|
|
|
|
|
|
+ <view class="itetit">{{datainfo.card}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="items">
|
|
<view class="items">
|
|
<view class="label">界别</view>
|
|
<view class="label">界别</view>
|
|
- <view class="itetit">中国共产党</view>
|
|
|
|
|
|
+ <view class="itetit">{{kaType(datainfo.boundary,jblist)}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="items">
|
|
<view class="items">
|
|
<view class="label">党派</view>
|
|
<view class="label">党派</view>
|
|
- <view class="itetit">中国共产党</view>
|
|
|
|
|
|
+ <view class="itetit">{{kaType(datainfo.partyAffiliation,dplist)}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="items">
|
|
<view class="items">
|
|
<view class="label">工作单位及职务</view>
|
|
<view class="label">工作单位及职务</view>
|
|
- <view class="itetit">潜山市政协委员</view>
|
|
|
|
|
|
+ <view class="itetit">{{datainfo.unit}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="items">
|
|
<view class="items">
|
|
<view class="label">乡镇(经开区)委员工作室</view>
|
|
<view class="label">乡镇(经开区)委员工作室</view>
|
|
- <view class="itetit">黄铺镇工作室</view>
|
|
|
|
|
|
+ <view class="itetit">{{datainfo.studio}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="items">
|
|
<view class="items">
|
|
<view class="label">联系方式</view>
|
|
<view class="label">联系方式</view>
|
|
- <view class="itetit">19105672384</view>
|
|
|
|
|
|
+ <view class="itetit">{{datainfo.phonenumber}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="brbtns" @click="updflag=true">修改信息</view>
|
|
<view class="brbtns" @click="updflag=true">修改信息</view>
|
|
</view>
|
|
</view>
|
|
<!-- 修改 -->
|
|
<!-- 修改 -->
|
|
- <uni-forms :modelValue="datainfo" class="forms" v-else>
|
|
|
|
|
|
+ <uni-forms :modelValue="datainfo" ref="form" :rules="rules" class="forms" v-else>
|
|
<view class="items">
|
|
<view class="items">
|
|
<view class="flex1">
|
|
<view class="flex1">
|
|
<view class="label"><text class="cir">*</text> 委员照片</view>
|
|
<view class="label"><text class="cir">*</text> 委员照片</view>
|
|
<view class="addtip">请上传一寸免冠照片,大小不超过300k</view>
|
|
<view class="addtip">请上传一寸免冠照片,大小不超过300k</view>
|
|
</view>
|
|
</view>
|
|
<view class="flexr">
|
|
<view class="flexr">
|
|
- <view class="addbox">
|
|
|
|
- <image :src="dphoimg" class="adimg"></image>
|
|
|
|
|
|
+ <view class="addbox" @click.stop="getphotoFn">
|
|
|
|
+ <image v-if="datainfo.avatar" :src="baseUrl+datainfo.avatar" class="phoimg"></image>
|
|
|
|
+ <image v-else :src="dphoimg" class="adimg"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
- <uni-forms-item label="委员姓名" name="s" required>
|
|
|
|
|
|
+ <uni-forms-item label="委员姓名" name="name" required>
|
|
<uni-easyinput :inputBorder="false" type="text" v-model="datainfo.name" placeholder="请输入委员姓名" />
|
|
<uni-easyinput :inputBorder="false" type="text" v-model="datainfo.name" placeholder="请输入委员姓名" />
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <uni-forms-item label="身份证号" name="s" required>
|
|
|
|
- <uni-easyinput :inputBorder="false" type="text" v-model="datainfo.name" placeholder="请输入身份证号" />
|
|
|
|
|
|
+ <uni-forms-item label="身份证号" name="card" required>
|
|
|
|
+ <uni-easyinput :inputBorder="false" type="text" v-model="datainfo.card" placeholder="请输入身份证号" />
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <picker range-key='label' :value="tzlbidx" :range="tzlbList" @change='bindDateChangea'>
|
|
|
|
- <uni-forms-item label="界别" name="s" required>
|
|
|
|
|
|
+ <picker range-key='label' :value="jbidx" :range="jblist" @change='bindDateChangea'>
|
|
|
|
+ <uni-forms-item label="界别" name="boundary" required>
|
|
<view class="lbtabp">
|
|
<view class="lbtabp">
|
|
- <view :class="datainfo.tzlb?'':'coa'">{{datainfo.tzlb || "请选择界别"}}</view>
|
|
|
|
|
|
+ <view v-if="datainfo.boundary&&!boundary">{{statusFormat(datainfo.boundary,jblist,'jb')}}</view>
|
|
|
|
+ <view v-else :class="boundary?'':'coa'">{{boundary||"请选择界别"}}</view>
|
|
|
|
+ <!-- <view :class="kaType(datainfo.boundary,jblist)?'':'coa'">{{kaType(datainfo.boundary,jblist) || "请选择界别"}}</view> -->
|
|
<image :src="rimg" class="rimg"></image>
|
|
<image :src="rimg" class="rimg"></image>
|
|
</view>
|
|
</view>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
</picker>
|
|
</picker>
|
|
- <picker range-key='label' :value="tzlbidx" :range="tzlbList" @change='bindDateChangea'>
|
|
|
|
- <uni-forms-item label="党派" name="s" required>
|
|
|
|
|
|
+ <picker range-key='label' :value="tpidx" :range="dplist" @change='bindDateChangeb'>
|
|
|
|
+ <uni-forms-item label="党派" name="partyAffiliation" required>
|
|
<view class="lbtabp">
|
|
<view class="lbtabp">
|
|
- <view :class="datainfo.tzlb?'':'coa'">{{datainfo.tzlb || "请选择党派"}}</view>
|
|
|
|
|
|
+ <view v-if="datainfo.partyAffiliation&&!partyAffiliation">{{statusFormat(datainfo.partyAffiliation,dplist,'dp')}}</view>
|
|
|
|
+ <view v-else :class="partyAffiliation?'':'coa'">{{partyAffiliation||"请选择党派"}}</view>
|
|
|
|
+ <!-- <view :class="kaType(datainfo.partyAffiliation,dplist)?'':'coa'">{{kaType(datainfo.partyAffiliation,dplist) || "请选择党派"}}</view> -->
|
|
<image :src="rimg" class="rimg"></image>
|
|
<image :src="rimg" class="rimg"></image>
|
|
</view>
|
|
</view>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
</picker>
|
|
</picker>
|
|
- <uni-forms-item label="工作单位及职务" name="s" required>
|
|
|
|
- <uni-easyinput :inputBorder="false" type="text" v-model="datainfo.name" placeholder="请输入工作单位及职务" />
|
|
|
|
|
|
+ <uni-forms-item label="工作单位及职务" name="unit" required>
|
|
|
|
+ <uni-easyinput :inputBorder="false" type="text" v-model="datainfo.unit" placeholder="请输入工作单位及职务" />
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="乡镇(经开区)委员工作室" name="studio" required>
|
|
|
|
+ <uni-easyinput :inputBorder="false" type="text" v-model="datainfo.studio" placeholder="请输入委员工作室" />
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <picker range-key='label' :value="tzlbidx" :range="tzlbList" @change='bindDateChangea'>
|
|
|
|
|
|
+ <!-- <picker range-key='label' :value="tzlbidx" :range="tzlbList" @change='bindDateChangea'>
|
|
<uni-forms-item label="乡镇(经开区)委员工作室" name="s" required>
|
|
<uni-forms-item label="乡镇(经开区)委员工作室" name="s" required>
|
|
<view class="lbtabp">
|
|
<view class="lbtabp">
|
|
<view :class="datainfo.tzlb?'':'coa'">{{datainfo.tzlb || "请选择委员工作室"}}</view>
|
|
<view :class="datainfo.tzlb?'':'coa'">{{datainfo.tzlb || "请选择委员工作室"}}</view>
|
|
<image :src="rimg" class="rimg"></image>
|
|
<image :src="rimg" class="rimg"></image>
|
|
</view>
|
|
</view>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- </picker>
|
|
|
|
- <uni-forms-item label="联系方式" name="s" required>
|
|
|
|
- <uni-easyinput :inputBorder="false" type="text" v-model="datainfo.name" placeholder="请输入联系方式" />
|
|
|
|
|
|
+ </picker> -->
|
|
|
|
+ <uni-forms-item label="联系方式" name="phonenumber" required>
|
|
|
|
+ <uni-easyinput :inputBorder="false" type="number" v-model="datainfo.phonenumber" placeholder="请输入联系方式" />
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <view class="brbtns" @click="updflag=false">确认</view>
|
|
|
|
|
|
+ <view class="brbtns" @click="getSubmit">确认</view>
|
|
</uni-forms>
|
|
</uni-forms>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
@@ -100,6 +109,9 @@
|
|
import config from '@/config'
|
|
import config from '@/config'
|
|
const baseUrl = config.baseUrl
|
|
const baseUrl = config.baseUrl
|
|
import { getToken } from '@/utils/auth'
|
|
import { getToken } from '@/utils/auth'
|
|
|
|
+ import { selectValue,uploadmore,selectValueKey } from '@/utils/common.js';
|
|
|
|
+ import {getInfoDetailFn,getInfoEditFn,getinfoAddFn} from "@/api/mine/report.js"
|
|
|
|
+ import {getDictionaryFn} from "@/api/mine/register.js"
|
|
export default{
|
|
export default{
|
|
data(){
|
|
data(){
|
|
return{
|
|
return{
|
|
@@ -107,21 +119,179 @@
|
|
rimg:require("@/work/static/images/rimg.png"),
|
|
rimg:require("@/work/static/images/rimg.png"),
|
|
readOnly:false,
|
|
readOnly:false,
|
|
datainfo:{
|
|
datainfo:{
|
|
- tatype:1,
|
|
|
|
- name:'',
|
|
|
|
},
|
|
},
|
|
tzlbList:[{label: '新闻',value: 0},{label: '开会',value: 1}],
|
|
tzlbList:[{label: '新闻',value: 0},{label: '开会',value: 1}],
|
|
tzlbidx:'',
|
|
tzlbidx:'',
|
|
- updflag:false
|
|
|
|
|
|
+ updflag:false,
|
|
|
|
+ jblist:[],
|
|
|
|
+ dplist:[],
|
|
|
|
+ baseUrl:'',
|
|
|
|
+ jbidx:[],
|
|
|
|
+ dpidx:[],
|
|
|
|
+ ptype:'',
|
|
|
|
+ rules: {
|
|
|
|
+ // avatar: {rules: [{required: true,errorMessage: '请上传委员照片'}]},
|
|
|
|
+ name: {rules: [{required: true,errorMessage: '请输入委员姓名',}]},
|
|
|
|
+ card: {rules: [{required: true,errorMessage: '请输入身份证号' } ]},
|
|
|
|
+ boundary: {rules: [{required: true,errorMessage: '请选择界别'} ]},
|
|
|
|
+ partyAffiliation: {rules: [{required: true,errorMessage: '请选择党派'} ]},
|
|
|
|
+ unit: {rules: [{required: true,errorMessage: '请输入工作单位及职务'} ]},
|
|
|
|
+ studio: {rules: [{required: true,errorMessage: '请输入乡镇(经开区)委员工作室'} ]},
|
|
|
|
+ phonenumber: {rules: [{required: true,errorMessage: '请输入联系方式'} ]},
|
|
|
|
+ },
|
|
|
|
+ boundary:'',
|
|
|
|
+ partyAffiliation:'',
|
|
|
|
+ tpidx:'',
|
|
|
|
+ dpidx:'',
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(e) {
|
|
onLoad(e) {
|
|
-
|
|
|
|
|
|
+ this.baseUrl=baseUrl;
|
|
|
|
+ this.id=e.id;
|
|
|
|
+ this.ptype=e.type;
|
|
|
|
+ if(this.ptype=='edit'||this.ptype=='add'){
|
|
|
|
+ this.updflag=true
|
|
|
|
+ }
|
|
|
|
+ if(e.type&&e.type=='add'){
|
|
|
|
+
|
|
|
|
+ }else{
|
|
|
|
+ console.log(23)
|
|
|
|
+ this.getDetail()
|
|
|
|
+ }
|
|
|
|
+ this.init();
|
|
},
|
|
},
|
|
methods:{
|
|
methods:{
|
|
bindDateChangea(e){
|
|
bindDateChangea(e){
|
|
- console.log(e,2)
|
|
|
|
|
|
+ var val=e.detail.value;
|
|
|
|
+ this.boundary=this.jblist[val].label
|
|
|
|
+ this.datainfo.boundary=this.jblist[val].value
|
|
|
|
+ },
|
|
|
|
+ bindDateChangeb(e){
|
|
|
|
+ var val=e.detail.value;
|
|
|
|
+ this.partyAffiliation=this.dplist[val].label
|
|
|
|
+ this.datainfo.partyAffiliation=this.dplist[val].value
|
|
|
|
+ },
|
|
|
|
+ statusFormat(ite,list,type) {
|
|
|
|
+ var aite=selectValueKey(list, ite);
|
|
|
|
+ if(type=='jc'){
|
|
|
|
+ this.jcidx=aite.key
|
|
|
|
+ }else if(type=='khlx'){
|
|
|
|
+ this.khlxidx=aite.key
|
|
|
|
+ }else if(type=='jflx'){
|
|
|
|
+ this.jflxbidx=aite.key
|
|
|
|
+ }
|
|
|
|
+ return aite.actions;
|
|
},
|
|
},
|
|
|
|
+ kaType(ite,list){
|
|
|
|
+ return selectValue(list, ite);
|
|
|
|
+ },
|
|
|
|
+ init(){
|
|
|
|
+ // 界别
|
|
|
|
+ getDictionaryFn('circles').then(res=>{
|
|
|
|
+ if(res.code==200&&res.data.length){
|
|
|
|
+ this.jblist = res.data.map(v => {
|
|
|
|
+ return {
|
|
|
|
+ label: v.dictLabel,
|
|
|
|
+ value:v.dictValue
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ // 党派
|
|
|
|
+ getDictionaryFn('political_parties').then(res=>{
|
|
|
|
+ if(res.code==200&&res.data.length){
|
|
|
|
+ this.dplist = res.data.map(v => {
|
|
|
|
+ return {
|
|
|
|
+ label: v.dictLabel,
|
|
|
|
+ value: v.dictValue
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getDetail(){
|
|
|
|
+ getInfoDetailFn(this.id).then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ this.datainfo=res.data;
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getphotoFn(){
|
|
|
|
+ let that = this;
|
|
|
|
+ uni.chooseImage({
|
|
|
|
+ count: 1,
|
|
|
|
+ success:function(res){
|
|
|
|
+ let img= res.tempFilePaths;
|
|
|
|
+ let imglen = res.tempFilePaths.length;
|
|
|
|
+ var fuwufile = [];
|
|
|
|
+ uploadmore('/common/upload',img,0,0,0,imglen,fuwufile,function(rs){
|
|
|
|
+ var file = rs;
|
|
|
|
+ that.datainfo.avatar=file.join(',')
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ getSubmit(){
|
|
|
|
+ var that=this;
|
|
|
|
+ this.$refs.form.validate().then(res => {
|
|
|
|
+ var params=that.datainfo;
|
|
|
|
+ // if(!params.avatar){
|
|
|
|
+ // this.$toast('请上传委员照片')
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
|
|
+ if(params.card){
|
|
|
|
+ let _IDRe18 =
|
|
|
|
+ /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
|
|
|
|
+ let _IDre15 = /^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}$/
|
|
|
|
+ // 校验身份证:
|
|
|
|
+ if (_IDRe18.test(params.card) || _IDre15.test(params.card)) {
|
|
|
|
+ }else{
|
|
|
|
+ this.$toast('请输入正确身份证号')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ if(params.phonenumber){
|
|
|
|
+ let regphone = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
|
|
|
|
+ if (params.phonenumber && !regphone.test(params.phonenumber)) {
|
|
|
|
+ that.$toast("请输入正确的手机号")
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ if(this.ptype&&this.ptype=='add'){
|
|
|
|
+ getinfoAddFn(params).then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ that.$toast('新增成功')
|
|
|
|
+ that.updflag=false;
|
|
|
|
+ setTimeout(function(){
|
|
|
|
+ uni.$emit('lzrefreshlist')
|
|
|
|
+ uni.$emit('refreshdetail')
|
|
|
|
+ uni.navigateBack({
|
|
|
|
+ delta:1
|
|
|
|
+ })
|
|
|
|
+ },1200)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ }else{
|
|
|
|
+ getInfoEditFn(params).then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ that.$toast('修改成功')
|
|
|
|
+ that.updflag=false;
|
|
|
|
+ setTimeout(function(){
|
|
|
|
+ uni.$emit('lzrefreshlist')
|
|
|
|
+ uni.$emit('refreshdetail')
|
|
|
|
+ uni.navigateBack({
|
|
|
|
+ delta:1
|
|
|
|
+ })
|
|
|
|
+ },1200)
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -134,12 +304,14 @@
|
|
.info /deep/ .uni-forms-item{background: #FFFFFF;padding: 14rpx 24rpx;margin-bottom: 24rpx;}
|
|
.info /deep/ .uni-forms-item{background: #FFFFFF;padding: 14rpx 24rpx;margin-bottom: 24rpx;}
|
|
.info /deep/ .uni-easyinput__content-input{font-weight: 500;font-size: 30rpx;text-align: right;color: #222327;}
|
|
.info /deep/ .uni-easyinput__content-input{font-weight: 500;font-size: 30rpx;text-align: right;color: #222327;}
|
|
.info /deep/ .uni-input-placeholder{color: #aaaaaa;font-weight: 500;font-size: 30rpx;}
|
|
.info /deep/ .uni-input-placeholder{color: #aaaaaa;font-weight: 500;font-size: 30rpx;}
|
|
-
|
|
|
|
|
|
+.info /deep/ .uni-forms-item__error{right: 0;left: auto;margin-top: -18rpx;}
|
|
|
|
+.info /deep/ .uni-forms-item__content{display:flex;align-items: center;}
|
|
|
|
|
|
|
|
|
|
.forms{padding: 0 24rpx 10rpx;
|
|
.forms{padding: 0 24rpx 10rpx;
|
|
.addbox{width: 110rpx;height: 110rpx;display: flex;align-items: center;justify-content: center;background: #EDEDED;border-radius: 10rpx;margin:12rpx;margin-right: 0;
|
|
.addbox{width: 110rpx;height: 110rpx;display: flex;align-items: center;justify-content: center;background: #EDEDED;border-radius: 10rpx;margin:12rpx;margin-right: 0;
|
|
.adimg{width: 32rpx;height: 32rpx;}
|
|
.adimg{width: 32rpx;height: 32rpx;}
|
|
|
|
+ .phoimg{width: 100%;height: 100%;}
|
|
}
|
|
}
|
|
.items{background: #FFFFFF;padding: 14rpx 24rpx;border-radius: 10rpx;margin-bottom: 24rpx;min-height: 100rpx;position: relative;display: flex;box-sizing: border-box;align-items: center;
|
|
.items{background: #FFFFFF;padding: 14rpx 24rpx;border-radius: 10rpx;margin-bottom: 24rpx;min-height: 100rpx;position: relative;display: flex;box-sizing: border-box;align-items: center;
|
|
.addtip{font-weight: 500;font-size: 24rpx;color: #9D9D9D;margin: 6rpx 0 0 20rpx;}
|
|
.addtip{font-weight: 500;font-size: 24rpx;color: #9D9D9D;margin: 6rpx 0 0 20rpx;}
|
|
@@ -156,7 +328,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
-.lbtabp{display: flex;align-items: center;flex: 0 0 auto;height: 100%;justify-content: flex-end;
|
|
|
|
|
|
+.lbtabp{display: flex;align-items: center;flex: 1;height: 100%;justify-content: flex-end;
|
|
view{font-size: 30rpx;color: #222327;}
|
|
view{font-size: 30rpx;color: #222327;}
|
|
.rimg{width: 14rpx;height: 26rpx;margin-left: 20rpx;flex: 0 0 auto;}
|
|
.rimg{width: 14rpx;height: 26rpx;margin-left: 20rpx;flex: 0 0 auto;}
|
|
}
|
|
}
|