dev
yujialong 3 years ago
parent 5f306c9ffd
commit e77d966beb
  1. 7
      src/views/Login.vue
  2. 95
      src/views/data/Product.vue
  3. 457
      src/views/user/AddUser.vue

@ -119,12 +119,13 @@ export default {
//
param: {
account: 'admin',
password: '111aaa',
account: '',
password: '',
code:'',
platform:3,
random:'',
distinguish:1
distinguish:1,
type: 2
},
rules: {
account: [{ required: true, message: '请输入账号', trigger: 'blur' }],

@ -83,7 +83,7 @@
<el-form-item label="已选数据">
<el-button type="primary" @click="configData">配置数据权限</el-button>
<div class="type-wrap" ref="typeWrap" @scroll="loadType">
<el-tree ref="type" :data="typeList" accordion node-key="id" :props="defaultProps" @node-expand="typeExpand">
<el-tree ref="type" :data="typeList" show-checkbox accordion node-key="id" :default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps" @node-expand="typeExpand">
<span class="custom-tree-node" slot-scope="{ node, data }">
<span :title="node.label">{{ node.label }}</span>
</span>
@ -93,7 +93,7 @@
</el-form>
<span slot="footer" class="dialog-footer" v-if="!isDetail">
<el-button @click="productVisible = false"> </el-button>
<el-button type="primary" :loading="loading" @click="confirm"> </el-button>
<el-button type="primary" :loading="submited" @click="confirm"> </el-button>
</span>
</el-dialog>
@ -211,7 +211,7 @@ export default {
previewVisible: false,
previewHead: [],
previewData: [],
loading: false
submited: false,
};
},
watch: {
@ -307,6 +307,7 @@ export default {
getTable(res)
setTimeout(() => {
console.log(11, res)
this.typeList = res
},500)
this.importVisible = true
@ -376,17 +377,20 @@ export default {
},
getDetail(){
this.$post(`${this.api.findById}?id=${this.id}`).then(res => {
this.productVisible = true
let data = res.product
this.productName = data.productName
this.market = data.market
this.checkedIds = this.handleType(data.tableId.split(','),this.typeList)
this.$refs.type.setCheckedNodes(this.checkedIds)
}).catch(res => {})
},
add(){
this.productVisible = true
this.getType()
this.id = ''
this.checkedIds = []
},
edit(row){
this.getType()
this.id = row.id
this.userId = row.userId
this.getDetail()
@ -410,7 +414,7 @@ export default {
},
preview(row){
this.isDetail = true
// this.getType()
this.getType()
this.id = row.id
this.getDetail()
},
@ -455,34 +459,46 @@ export default {
this.typeIndex = 100000
this.typeList = []
this.tableId = []
this.configIds = []
},
// tableId,
getIds(){
//
let list = this.configIds
let len = list.length
let list = this.$refs.type.getCheckedNodes()
return new Promise((resolve,reject) => {
let getLen = 0
list.map(n => {
// tableLen
if(n.tableLen && n.tableLen > n.children.length) getLen++
})
list.map((n,i) => {
this.$post(`${this.api.getIdQueryTable}?categoryId=${n}&showName=&pageNum=1&pageSize=10000&updateTime=`).then(res => {
res.pageList.records.map(n => {
this.tableId.push(String(n.id))
})
// 1,-1
len--
// 0,resolve
if(!len) resolve()
}).catch(res => {})
if(n.tableLen && n.tableLen > n.children.length){
// pageSize10000,,
this.$post(`${this.api.getIdQueryTable}?categoryId=${n.originId}&showName=&pageNum=1&pageSize=10000&updateTime=`).then(res => {
let tableList = res.pageList.records
tableList.map(n => {
this.tableId.push(String(n.id))
})
// 1,-1
getLen--
// 0,resolve
if(!getLen) resolve()
}).catch(res => {})
}else if(n.name && !this.tableId.includes(n.id)){ // ,,
this.tableId.push(n.id)
if(!getLen) resolve()
}
})
})
},
confirm(){
if(this.loading) return false
if(this.submited) return false
if(!this.productName) return this.$message.warning('请输入数据产品名称')
if(!this.market) return this.$message.warning('请输入市场价格')
if(isNaN(this.market)) return this.$message.warning('市场价格请输入数字')
if(!this.configIds.length) return this.$message.warning('请选择数据')
this.loading = true
if(!this.$refs.type.getCheckedNodes().length) return this.$message.warning('请选择数据')
this.submited = true
this.getIds().then(() => {
let tableId = Array.from(new Set(this.tableId))
if(!tableId.length) return this.$message.warning('请选择数据')
@ -499,24 +515,23 @@ export default {
tableNum: tableId.length,
updateTime: '',
}
this.$refs.typeConfig.setCheckedNodes([])
if(this.id){
this.$post(this.api.updateProduct,data).then(res => {
this.$message.success('新增成功')
this.productVisible = false
this.getData()
this.loading = false
this.submited = false
}).catch(res => {
this.loading = false
this.submited = false
})
}else{
this.$post(this.api.saveProduct,data).then(res => {
this.$message.success('新增成功')
this.productVisible = false
this.getData()
this.loading = false
this.submited = false
}).catch(res => {
this.loading = false
this.submited = false
})
}
})
@ -525,6 +540,13 @@ export default {
configData(){
this.configVisible = true
this.getConfigType()
let list = this.$refs.type.getCheckedNodes()
let configIds = []
list.map(n => {
if(!n.name) configIds.push(n.originId)
})
this.configIds = configIds
},
typeConfigClick(data,node){
this.categoryId = data.id
@ -610,24 +632,11 @@ export default {
})
},
confirmConfig(){
this.configIds = this.$refs.typeConfig.getCheckedKeys()
const list = this.$refs.typeConfig.getCheckedNodes()
function uniqData(e, i) {
e.children.map(n => {
const index = list.findIndex(e => e.id === n.id)
if (index) {
list.splice(index, 1)
}
if (n.children && n.children.length) {
uniqData(n, i)
}
})
}
list.map((e, i) => {
uniqData(e, i)
})
this.typeList = list
this.configChecked = this.$refs.typeConfig.getCheckedKeys().map(n => Number(n))
this.getTableId(this.typeList)
this.checkedIds = Array.from(new Set(this.configCheckedTableId))
this.configVisible = false
this.$refs.type.setCheckedNodes(this.checkedIds)
}
}
};

@ -12,188 +12,196 @@
</div>
</el-card>
<!-- 用户信息 -->
<!-- 个人信息 -->
<el-card shadow="hover" class="mgb20">
<div>
<div class="flex-between mgb20 user_header">
<div class="flex-center mgb20 user_header">
<div class="flex-center">
<p class="addhr_tag"></p>
<span>用户信息</span>
<span>个人信息</span>
</div>
</div>
<div>
<div>
<p class="font_same">个人信息</p>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="120px"
:disabled="isDetail"
>
<el-col :span="6" :offset="5">
<el-form-item prop="userName" label="用户姓名">
<el-input v-model="form.userName" placeholder="请输入"></el-input>
</el-form-item>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="120px"
:disabled="isDetail"
>
<el-col :span="6" :offset="5">
<el-form-item prop="userName" label="用户姓名">
<el-input v-model="form.userName" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="证件类型" prop="documentType">
<el-select
v-model="form.documentType"
clearable
placeholder="请选择证件类型"
>
<el-option
v-for="(item,index) in documentTypeList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="证件类型" prop="documentType">
<el-select
v-model="form.documentType"
clearable
placeholder="请选择证件类型"
>
<el-option
v-for="(item,index) in documentTypeList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="国家">
<el-select
v-model="form.countries"
clearable
placeholder="请选择国家"
>
<el-option
v-for="(item,index) in countryList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="国家">
<el-select
v-model="form.countries"
clearable
placeholder="请选择国家"
>
<el-option
v-for="(item,index) in countryList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="城市">
<el-select
v-model="form.cityId"
clearable
placeholder="请选择城市"
:disabled="form.provinceId ? false : true"
>
<el-option
v-for="(item,index) in cityList"
:key="index"
:label="item.cityName"
:value="item.cityId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="城市">
<el-select
v-model="form.cityId"
clearable
placeholder="请选择城市"
:disabled="form.provinceId ? false : true"
>
<el-option
v-for="(item,index) in cityList"
:key="index"
:label="item.cityName"
:value="item.cityId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="教育程度">
<el-select
v-model="form.educationDegree"
clearable
placeholder="请选择教育程度"
>
<el-option
v-for="(item,index) in educationDegreeList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="教育程度">
<el-select
v-model="form.educationDegree"
clearable
placeholder="请选择教育程度"
>
<el-option
v-for="(item,index) in educationDegreeList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item prop="schoolId" label="当前院校">
<el-select v-model="form.schoolId" filterable clearable placeholder="请选择学校">
<el-option v-for="(item,index) in schoolList" :key="index" :label="item.schoolName" :value="item.schoolId"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-form-item prop="schoolId" label="当前院校">
<el-select v-model="form.schoolId" filterable clearable placeholder="请选择学校">
<el-option v-for="(item,index) in schoolList" :key="index" :label="item.schoolName" :value="item.schoolId"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6" :offset="2">
<el-form-item label="唯一识别码">
<el-input
v-model="form.uniqueIdentification"
placeholder="请输入"
:disabled="true"
></el-input>
</el-form-item>
<el-col :span="6" :offset="2">
<el-form-item label="唯一识别码">
<el-input
v-model="form.uniqueIdentification"
placeholder="请输入"
:disabled="true"
></el-input>
</el-form-item>
<el-form-item prop="IDNumber" label="证件号码">
<el-input
v-model="form.IDNumber"
placeholder="请输入证件号码"
maxlength="18"
></el-input>
</el-form-item>
<el-form-item prop="idNumber" label="证件号码">
<el-input
v-model="form.idNumber"
placeholder="请输入证件号码"
maxlength="18"
></el-input>
</el-form-item>
<el-form-item label="省份">
<el-select
v-model="form.provinceId"
clearable
placeholder="请选择省份"
@change="getCity"
>
<el-option
v-for="(item,index) in provinceList"
:key="index"
:label="item.provinceName"
:value="item.provinceId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="省份">
<el-select
v-model="form.provinceId"
clearable
placeholder="请选择省份"
@change="getCity"
>
<el-option
v-for="(item,index) in provinceList"
:key="index"
:label="item.provinceName"
:value="item.provinceId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="出生日期">
<el-date-picker
type="date"
placeholder="选择出生日期"
v-model="form.dateBirth"
style="width: 100%;"
value-format="yyyy-MM-dd"
></el-date-picker>
</el-form-item>
<el-form-item label="出生日期">
<el-date-picker
type="date"
placeholder="选择出生日期"
v-model="form.dateBirth"
style="width: 100%;"
value-format="yyyy-MM-dd"
></el-date-picker>
</el-form-item>
<el-form-item label="性别">
<el-select clearable
v-model="form.sex"
:disabled="IDdisabled"
placeholder="请选择性别"
>
<el-option
v-for="(item,index) in sexList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
<el-form-item label="性别">
<el-select clearable
v-model="form.sex"
:disabled="IDdisabled"
placeholder="请选择性别"
>
<el-option
v-for="(item,index) in sexList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-form>
</div>
</div>
</el-card>
<!-- 账号信息 -->
<el-card shadow="hover" class="mgb20">
<div>
<div class="flex-between mgb20 user_header">
<div class="flex-center">
<p class="addhr_tag"></p>
<span>账号信息</span>
</div>
</div>
<div>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="120px"
:disabled="isDetail"
>
<el-col :span="24">
<el-col :span="6" :offset="5">
<el-form-item prop="phone" label="个人手机">
<el-input
v-model="form.phone"
placeholder="请输入手机号"
maxlength="11"
></el-input>
</el-form-item>
</el-col>
</el-form>
</div>
<div class="mgb20_top">
<p class="font_same">账号信息</p>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="120px"
:disabled="isDetail"
>
<el-col :span="24">
<el-col :span="6" :offset="5">
<el-form-item prop="phone" label="个人手机">
<el-input
v-model="form.phone"
placeholder="请输入手机号"
maxlength="11"
></el-input>
</el-form-item>
</el-col>
<el-col :span="6" :offset="2">
<el-form-item label="微信号">
<el-input v-model="form.WeChatID" placeholder="请输入微信号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" :offset="2">
<el-form-item label="微信号">
<el-input v-model="form.WeChatID" placeholder="请输入微信号"></el-input>
</el-form-item>
</el-col>
</el-form>
</div>
</el-col>
</el-form>
</div>
</div>
</el-card>
@ -229,7 +237,7 @@
</el-select>
</el-form-item>
<el-form-item label="院校">
<el-select v-model="item.schoolId" filterable clearable placeholder="请选择院校" @change="schoolitemChange">
<el-select v-model="item.schoolId" filterable clearable placeholder="请选择院校" @change="id => getSchoolName(id,index)">
<el-option v-for="(item,index) in schoolList" :key="index" :label="item.schoolName" :value="item.schoolId"></el-option>
</el-select>
</el-form-item>
@ -441,7 +449,7 @@ export default {
userName: '', //
uniqueIdentification: '', //
documentType: 1, //
IDNumber: '', //
idNumber: '', //
cityId: '', //
countries: '中国', //
provinceId: '', //
@ -489,7 +497,7 @@ export default {
trigger: 'blur'
}
],
IDNumber: [
idNumber: [
// { required: true, message: '', trigger: 'blur' },
{
pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)/,
@ -595,47 +603,61 @@ export default {
};
},
mounted() {
this.getSchoolData()
if(this.userId){
this.getdata();
}
this.getSchoolData();
this.getSubject();
},
methods: {
getdata() {
this.$get(this.api.queryUserInfoDetails,{ userId: this.userId }).then(res => {
let userInfo = res.result.hrUserInfo
let personalFileList = res.result.personalFileList
let platformList = res.result.platformList
let userAccount = res.result.userAccountList
this.form.userName = userInfo.userName
this.form.uniqueIdentification = userInfo.uniqueIdentification
this.form.IDNumber = userInfo.iDNumber
this.form.cityId = userInfo.cityId
this.form.provinceId = userInfo.provinceId
this.form.dateBirth = userInfo.dateBirth
this.form.educationDegree = userInfo.educationDegree
this.form.sex = userInfo.sex
this.form.schoolId = userInfo.schoolId
this.form.phone = userInfo.phone
this.form.WeChatID = userAccount[0].wechatId
if(userInfo.provinceId){
this.getCityData()
}
//
if(personalFileList.length != 0){
personalFileList.map(e =>{
this.$set(e, 'subjectList', this.subjectList);
if(e.disciplineId){
this.$get(this.api.queryCourseProfessionalClass, { disciplineId: e.disciplineId }).then(res => {
this.$set(e, 'ProfessionalClassList', res.list);
}).catch(res => {});
}
if(e.professionalClassId){
this.$get(this.api.queryCourseProfessional,{ professionalClassId: e.professionalClassId }).then(res => {
this.$set(e, 'ProfessionalList', res.list);
}).catch(res => {});
}
})
}
this.archivesList = personalFileList
let schoolId = userInfo.schoolId
this.form = Object.assign(userInfo,res.result.userAccountList[0])
this.form.schoolId = schoolId
this.form.accountId = userInfo.id
this.originAccount = this.form.account
this.archivesList = res.result.personalFileList
this.$nextTick(() => {
if(this.form.provinceId){
this.getCityData(1)
}
if(this.archivesList.length != 0){
this.archivesList.forEach((e,k) =>{
this.$set(e, 'subjectList', this.subjectList);
this.$set(e, 'disciplineId', e.disciplineId ? e.disciplineId : '');
this.$set(e, 'disciplineName', e.disciplineName ? e.disciplineName : '');
this.$set(e, 'professionalClassId', e.professionalClassId ? e.professionalClassId : '');
this.$set(e, 'professionalClassName', e.professionalClassName ? e.professionalClassName : '');
this.$set(e, 'professionalId', e.professionalId ? e.professionalId : '');
this.$set(e, 'professionalName', e.professionalName ? e.professionalName : '');
this.$set(e, 'schoolId', e.schoolId ? e.schoolId : '');
this.$set(e, 'schoolName', e.schoolName ? e.schoolName : '');
if(e.disciplineId){
this.$get(this.api.queryCourseProfessionalClass, { disciplineId: e.disciplineId }).then(res => {
this.$set(e, 'ProfessionalClassList', res.list);
}).catch(res => {});
}else{
this.$set(e, 'ProfessionalClassList', []);
}
if(e.professionalClassId){
this.$get(this.api.queryCourseProfessional,{ professionalClassId: e.professionalClassId }).then(res => {
this.$set(e, 'ProfessionalList', res.list);
}).catch(res => {});
}else{
this.$set(e, 'ProfessionalList', []);
}
})
}else{
this.concatArch(1)
}
});
//
let platformList = res.result.platformList
platformList.map(e =>{
this.regionOption.map((r,index) =>{
if(r.regionId == e.platformId){
@ -645,9 +667,25 @@ export default {
})
this.platformList = platformList
}).catch((res) => {})
}
},
methods: {
},
concatArch() {
this.archivesList = this.archivesList.concat({
isNew: true,
personalCareerId: '',
schoolId: '',
schoolName: '',
subjectList: this.subjectList,
disciplineId: '',
disciplineName: '',
ProfessionalClassList: [],
professionalClassId: '',
professionalClassName: '',
ProfessionalList: [],
professionalId: '',
professionalName: '',
personalFileId: ''
})
},
getCity(){
if(this.form.provinceId){
this.getCityData()
@ -658,19 +696,8 @@ export default {
this.cityList = res.list
}).catch(res => {});
},
//
schoolitemChange(item){
if(item){
this.archivesList.map(e =>{
if(e.schoolId == item){
let obj = {};
obj = this.schoolList.find(r =>{
return r.schoolId === item;
});
e.schoolName = obj.schoolName
}
})
}
getSchoolName(id,index){
this.archivesList[index].schoolName = this.schoolList[id-1].schoolName
},
//
getSchoolData(){

Loading…
Cancel
Save