This commit is contained in:
wangjinlei
2023-05-17 13:21:01 +08:00
parent 5ed3073b6e
commit f087543b0f
77 changed files with 10625 additions and 4542 deletions

View File

@@ -7,110 +7,310 @@
</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="container">
<!-- 基本信息 -->
<h2 class="infor_title" style="margin: 0 0 25px 0;">Essential Information</h2>
<div class="container" style="padding: 30px 20px;">
<el-row :gutter="30" style="min-width: 1000px;">
<el-col :span="6">
<div class="consumer">
<div class="portrait" @click="coreVisible=true">
<img src="../../assets/img/userImg.jpg" alt="" style="cursor: pointer;">
<div class="ptmark">Upload avatar</div>
</div>
<p style="font-size: 26px;font-weight: bold;margin-top: 20px;">{{coreTable.account}}</p>
<p style="margin-top: 10px;">{{coreTable.realname}}</p>
<p style="margin-top: 10px;">{{coreTable.email}}</p>
<el-button type="primary" plain @click="coreVisible=true" size="mini" style="margin-top: 15px;">
<i class="el-icon-setting"></i>
Personal settings
</el-button>
</div>
<!-- 统计数据 -->
<div class="numeric">
<!-- <div class="numerItem">
<b @click="JumpPage(1)">456</b>
<p>Index</p>
</div> -->
<div class="numerItem">
<b @click="JumpPage(2)">86</b>
<p>Published articles</p>
</div>
<div class="numerItem">
<b @click="JumpPage(3)">40</b>
<p>Accepted articles</p>
</div>
<!-- <div class="numerItem">
<b @click="JumpPage(4)">456</b>
<p>Review volume</p>
</div>
<div class="numerItem">
<b @click="JumpPage(5)">456</b>
<p>Number of references</p>
</div> -->
</div>
<!-- H指数信息 -->
<div class="exponent">
<h2>H-index Information</h2>
<div>
<div class="expTit">
H Index :
</div>
<div class="expInde">
<b style="font-size: 20px;color: #006699;">5</b>
</div>
<br clear="both">
</div>
<div>
<div class="expTit">
Google account :
</div>
<div class="expInde">
<!-- <b class="el-icon-check"
style="font-size: 20px;font-weight: bold;color: #2a9916;margin-right: 5px;"></b>
<a class="webLink">Personal homepage</a> -->
<el-button type="success" @click="H_Index" plain size="mini">Binding</el-button>
</div>
<br clear="both">
</div>
</div>
</el-col>
<el-col :span="18">
<!-- 审稿人信息 -->
<div class="chunking" :class="this.usercap.includes('reviewer')?'':'chunkGrey'"
style="margin-top: 25px;">
<!-- <el-divider></el-divider> -->
<h2 class="infor_title" v-if="this.usercap.includes('reviewer')">As Reviewer</h2>
<h2 class="infor_title" v-if="!this.usercap.includes('reviewer')">No Reviewer identity</h2>
<el-button type="primary" @click="reviewPoint(1)" v-if="this.usercap.includes('reviewer')"
size="mini" class="infor_edit">
<i class="el-icon-edit"></i>
Edit Reviewer Information
</el-button>
<el-button type="warning" @click="reviewPoint(2)" v-if="!this.usercap.includes('reviewer')"
size="mini" class="infor_edit">
<i class="el-icon-plus"></i>
Apply Reviewer
</el-button>
<div class="chunkPiece">
<div style="margin: 20px 0 30px 55px;line-height:24px;font-size: 14px;">
<div v-if="this.usercap.includes('reviewer')">
<p>
You are already the reviewer of the Journal of
<b v-for="index in items_journal" style="margin-left: 3px;">
{{index.title}} ,
</b>
</p>
<p>You can modify the following information.</p>
<p style="margin-top: 5px;">
<b class="depresBtn" @click="JumpPage(6)">{{reviewTable.count}}</b>
manuscripts reviewed.
</p>
</div>
</div>
</div>
</div>
<!-- 编委信息 -->
<div :class="this.usercap.includes(',board')?'':'chunkGrey'" class="chunking"
style="margin-top: 50px;">
<h2 class="infor_title" v-if="this.usercap.includes(',board')">As Editorial Board Member</h2>
<h2 class="infor_title" v-if="!this.usercap.includes(',board')">No Editorial Board Member
identity</h2>
<el-button type="warning" size="mini" class="infor_edit" @click="boardPoint(2)"
v-if="!this.usercap.includes(',board')">
<i class="el-icon-plus"></i>
Apply Editorial Board Member
</el-button>
<div class="chunkPiece">
<div style="margin: 20px 0 30px 55px;line-height:24px;font-size: 14px;">
</div>
</div>
</div>
<!-- 主编信息 -->
<div :class="this.usercap.includes('chief')?'':'chunkGrey'" class="chunking"
style="margin-top: 50px;">
<h2 class="infor_title" v-if="this.usercap.includes('chief')">As Editor-in-Chief</h2>
<h2 class="infor_title" v-if="!this.usercap.includes('chief')">No Editor-in-Chief identity</h2>
<el-button type="warning" size="mini" class="infor_edit" @click="chiefPoint(2)"
v-if="!this.usercap.includes('chief')">
<i class="el-icon-plus"></i>
Apply Editor-in-Chief
</el-button>
<div class="chunkPiece">
<div style="margin: 20px 0 30px 55px;line-height:24px;font-size: 14px;">
</div>
</div>
</div>
</el-col>
</el-row>
</div>
<!-- 修改密码弹出框 -->
<el-dialog title="Change Password" :visible.sync="pwdVisible" width="500px">
<el-form :model="pwdForm" :rules="rules" ref="pwd_form" label-width="150px">
<el-form-item label="Old password :" prop="password">
<el-input type="password" placeholder="Please enter..." v-model="pwdForm.password"></el-input>
</el-form-item>
<el-form-item label="New password :" prop="new_password">
<el-input type="password" placeholder="Please enter..." v-model="pwdForm.new_password">
</el-input>
</el-form-item>
<el-form-item label="Confirm password :" prop="re_password">
<el-input type="password" placeholder="Please enter..." v-model="pwdForm.re_password">
</el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="pwdVisible = false">Cancel</el-button>
<el-button type="primary" @click="save_pwd(pwdForm)">OK</el-button>
</span>
</el-dialog>
<!-- 绑定谷歌账号弹出框 -->
<el-dialog title="Bind Google account" :visible.sync="bindVisible" width="550px">
<p style="padding:0 0 20px 5px;font-weight: bold;">
Please select one and press the OK button.</p>
<div v-for="item in geogleList" :class="bindForm.g_author == item.author_id?'gugeList gu_col':'gugeList'"
@click="choseGego(item)">
<p style="font-weight: bold;letter-spacing: -0.5px;">{{item.name}}</p>
<p>
<font>Email :</font>{{item.email}}
</p>
<p>
<font>Affiliations :</font>{{item.affiliations}}
</p>
<p><a :href="item.link" target="_blank">{{item.link}}</a></p>
<i class="kuangGeo"></i>
<b class="el-icon-check"></b>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="bindVisible = false">Cancel</el-button>
<el-button type="primary" @click="save_bind(bindForm)">OK</el-button>
</span>
</el-dialog>
<!-- 个人信息弹出框 -->
<el-dialog title="Change Essential Information" :visible.sync="coreVisible" width="600px">
<el-form :model="coreForm" :rules="rules" ref="core_Form" label-width="140px">
<el-form-item label="Account :" prop="account">
<span>{{coreForm.account}}</span>
</el-form-item>
<el-form-item label="Email :" prop="email">
<el-form-item label="Email :">
<span>{{coreForm.email}}</span>
</el-form-item>
<el-form-item label="Realname :" prop="realname">
<el-input type="text" placeholder="Please enter..." v-model="coreForm.realname" style="width: 320px;"></el-input>
<el-form-item label="head portrait :">
<el-upload class="avatar-uploader" :action="baseUrl+'master/Journal/up_topic_file'"
:show-file-list="false" name="journaltopic" :on-success="handleAvatarSuccess"
:on-error="handleAvatarError" :before-upload="beforeAvatarUpload">
<img v-if="pictureUrl" :src="pictureUrl" class="avatar" accept=".png,.jpg">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
<!-- <el-form-item label="Gender :" prop="gender">
<el-radio-group v-model="coreForm.gender">
<el-form-item label="Change Password :">
<el-button type="success" @click="psw_word" plain>Change Password</el-button>
</el-form-item>
<el-form-item label="Realname :" prop="realname">
<el-input type="text" placeholder="Please enter..." v-model="coreForm.realname"></el-input>
</el-form-item>
<el-form-item label="Gender :" prop="gender">
<el-radio-group v-model="coreTable.gender">
<el-radio :label="1">Male</el-radio>
<el-radio :label="2">Female</el-radio>
</el-radio-group>
</el-form-item> -->
<el-form-item label="Change Password :">
<el-button type="warning" @click="psw_word" plain>Change Password</el-button>
</el-form-item>
<el-form-item label="Phone :" prop="phone">
<el-input type="text" placeholder="Please enter..." v-model="coreForm.phone" style="width: 320px;"></el-input>
<el-input type="text" placeholder="Please enter..." v-model="coreForm.phone">
</el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit_core(coreForm)">Modify and save</el-button>
</el-form-item>
</el-form>
<!-- 审稿人信息 -->
<div style="margin-top: 50px;" v-if="this.usercap.includes('reviewer')">
<el-divider></el-divider>
<h2 class="infor_title" style=" margin: 35px 0 25px 0;">As Reviewer Information</h2>
<p style="margin: 0 0 30px 0;line-height:22px;font-size: 14px;">
You are already the reviewer of the Journal of
<b v-for="index in items_journal"> {{index.title}} ,</b><br>
You can modify the following information.
</p>
<el-form :model="reviewForm" :rules="rules" ref="review_Form" label-width="140px">
<el-form-item label="Title :" prop="title">
<el-select v-model="reviewForm.title" filterable placeholder="Please select a title" value-key="groupID" style="width: 320px;">
<el-option v-for="item in df_technical" :key="item.label" :label="item.label" :value="item.label"></el-option>
</el-select>
</el-form-item>
<el-form-item label="Country :" prop="country">
<el-select v-model="reviewForm.country" filterable placeholder="Please select a country" value-key="groupID"
style="width: 320px;">
<el-option v-for="item in df_country" :label="item.en_name" :key="item.en_name" :value="item.en_name"></el-option>
</el-select>
</el-form-item>
<el-form-item label="Major :" prop="maj_cn">
<el-cascader v-model="reviewForm.maj_cn" :options="jl_major" :props="defaultParams" placeholder="Please select major"
@change="ched_id" style="width: 440px;"></el-cascader>
</el-form-item>
<el-form-item label="Field :" prop="field">
<el-input v-model="reviewForm.field" type="textarea" style="width: 600px;"></el-input>
</el-form-item>
<el-form-item label="Orcid :">
<el-input v-model="reviewForm.orcid" style="width: 600px;"></el-input>
</el-form-item>
<el-form-item label="Introduction :">
<el-input v-model="reviewForm.introduction" type="textarea" style="width: 600px;"></el-input>
</el-form-item>
<el-form-item label="Institution :">
<el-input v-model="reviewForm.company" style="width: 600px;"></el-input>
</el-form-item>
<!-- 简历 -->
<el-form-item label="CV. :" prop="Qualifications">
<el-upload class="upload-demo" :action="baseUrl+'api/Reviewer/up_cv_file'" :on-success="handleFileSuccess1" name="reviewerCV"
type="reviewerCV" :on-error="handleFileError" :on-preview="handlePreview" :on-remove="handleRemove"
:before-remove="beforeRemove" :on-change="handleChange1" accept=".pdf" :on-exceed="handleExceed" :file-list="fileL_pdf1"
ref="upload">
<el-button type="text" style="font-weight: bolder;"><b class="el-icon-lx-top" style="font-weight: bolder;"></b>upload</el-button>
</el-upload>
<span style="font-size: 12px; color: #aaa;">Only compressed files can be uploaded(.pdf)</span>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit_review(reviewForm)">Modify and save</el-button>
</el-form-item>
</el-form>
</div>
</div>
<!-- 修改密码弹出框 -->
<el-dialog title="Change Password" :visible.sync="pass_word" width="500px">
<el-form :model="pwdform" :rules="rules" ref="pwd_form" label-width="150px">
<el-form-item label="Old password :" prop="password">
<el-input type="password" placeholder="Please enter..." v-model="pwdform.password"></el-input>
</el-form-item>
<el-form-item label="New password :" prop="new_password">
<el-input type="password" placeholder="Please enter..." v-model="pwdform.new_password"></el-input>
</el-form-item>
<el-form-item label="Confirm password :" prop="re_password">
<el-input type="password" placeholder="Please enter..." v-model="pwdform.re_password"></el-input>
<el-form-item label="H Index :">
<el-input-number :min="0" v-model="coreForm.Hindex"></el-input-number>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="pass_word = false">Cancel</el-button>
<el-button type="primary" @click="save_pwd(pwdform)">OK</el-button>
<el-button @click="coreVisible = false">Cancel</el-button>
<el-button type="primary" @click="onSubmit_core(coreForm)">Save</el-button>
</span>
</el-dialog>
<!-- 审稿人弹出框 -->
<el-dialog title="Change Reviewer Information" :visible.sync="reviewVisible" width="650px">
<el-form :model="reviewForm" :rules="rules" ref="review_Form" label-width="120px">
<el-form-item label="Title :" prop="title">
<el-select v-model="reviewForm.title" filterable placeholder="Please select a title"
value-key="groupID" style="width: 320px;">
<el-option v-for="item in df_technical" :key="item.label" :label="item.label"
:value="item.label"></el-option>
</el-select>
</el-form-item>
<el-form-item label="Country :" prop="country">
<el-select v-model="reviewForm.country" filterable placeholder="Please select a country"
value-key="groupID" style="width: 320px;">
<el-option v-for="item in df_country" :label="item.en_name" :key="item.en_name"
:value="item.en_name"></el-option>
</el-select>
</el-form-item>
<el-form-item label="Major :" prop="maj_cn">
<el-cascader v-model="reviewForm.maj_cn" :options="jl_major" :props="defaultParams"
placeholder="Please select major" @change="ched_id" style="width: 450px;"></el-cascader>
</el-form-item>
<el-form-item label="Field :" prop="field">
<el-input v-model="reviewForm.field" type="textarea" style="width: 450px;"></el-input>
</el-form-item>
<el-form-item label="Orcid :">
<el-input v-model="reviewForm.orcid" style="width: 450px;"></el-input>
</el-form-item>
<el-form-item label="Introduction :">
<el-input v-model="reviewForm.introduction" type="textarea" style="width: 450px;">
</el-input>
</el-form-item>
<el-form-item label="Affiliation :">
<el-input v-model="reviewForm.company" style="width: 450px;"></el-input>
</el-form-item>
<!-- 简历 -->
<el-form-item label="CV. :" prop="Qualifications">
<el-upload class="upload-demo" :action="baseUrl+'api/Reviewer/up_cv_file'"
:on-success="handleFileSuccess1" name="reviewerCV" type="reviewerCV" :on-error="handleFileError"
:on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove"
:on-change="handleChange1" accept=".pdf" :on-exceed="handleExceed" :file-list="fileL_pdf1"
ref="upload">
<el-button type="text" style="font-weight: bolder;"><b class="el-icon-lx-top"
style="font-weight: bolder;"></b>upload</el-button>
</el-upload>
<span style="font-size: 12px; color: #aaa;">Only compressed files can be
uploaded(.pdf)</span>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="reviewVisible = false">Cancel</el-button>
<el-button type="primary" @click="onSubmit_review(reviewForm)">Save</el-button>
</span>
</el-dialog>
<!-- 申请编委弹出框 -->
<el-dialog title="Apply Editorial board member" :visible.sync="boardVisible" width="650px">
<el-form :model="boardForm" :rules="rules" ref="board_Form" label-width="120px">
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="boardVisible = false">Cancel</el-button>
<el-button type="primary" @click="onSubmit_board(boardForm)">Save</el-button>
</span>
</el-dialog>
<!-- 申请主编弹出框 -->
<el-dialog title="Apply Editor-in-Chief" :visible.sync="chiefVisible" width="650px">
<el-form :model="chiefForm" :rules="rules" ref="chief_Form" label-width="120px">
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="chiefVisible = false">Cancel</el-button>
<el-button type="primary" @click="onSubmit_chief(chiefForm)">Save</el-button>
</span>
</el-dialog>
</div>
</template>
@@ -124,14 +324,26 @@
username: localStorage.getItem('U_name'),
userrole: localStorage.getItem('U_status'),
usercap: localStorage.getItem('U_role'),
imageUrl: '',
coreTable: {},
reviewTable: {},
reviewVisible: false,
coreVisible: false,
bindVisible: false,
boardVisible: false,
chiefVisible: false,
coreForm: {},
pwdform: {
reviewForm: {},
bindForm: {},
boardForm: {},
chiefForm: {},
pwdForm: {
account: localStorage.getItem("U_name"),
password: '',
new_password: '',
re_password: ''
},
reviewForm: {},
geogleList: [],
items_journal: [],
jl_major: [],
df_country: [],
@@ -152,7 +364,7 @@
value: 'major_id',
children: 'children'
},
pass_word: false,
pwdVisible: false,
rules: {
email: [{
required: true,
@@ -242,7 +454,8 @@
})
.then(res => {
if (res.code == 0) {
this.coreForm = res.data.user;
this.coreTable = JSON.parse(JSON.stringify(res.data.user))
this.coreForm = JSON.parse(JSON.stringify(res.data.user))
} else {
this.$message.error(res.msg);
}
@@ -278,23 +491,64 @@
.catch((err) => {
console.log(err);
});
this.$api
.post('api/Reviewer/getReviewerListHistory', {
user_id: this.user_id,
pageIndex: 1,
pageSize: 10
})
.then(res => {
if (res.code == 0) {
this.reviewTable.count = res.data.count || 0;
this.$forceUpdate()
} else {
this.$message.error(res.msg);
}
})
.catch(err => {
this.$message.error(err);
});
}
},
// 统计图跳转
JumpPage(e) {
if (e == 2) {
this.$router.push({
path: 'articleList'
});
} else if (e == 3) {
this.$router.push({
path: 'articleList'
});
} else if (e == 4) {
this.$router.push({
path: 'perhistory'
});
} else if (e == 6) {
this.$router.push({
path: 'peerewer'
});
}
},
// 点击修改密码
psw_word() {
this.pass_word = true;
this.pwdVisible = true;
},
// 点击提交密码
save_pwd(pwdform) {
save_pwd(pwdForm) {
this.$refs.pwd_form.validate((valid) => {
if (valid) {
if (pwdform.new_password == pwdform.re_password) {
if (pwdForm.new_password == pwdForm.re_password) {
this.$api
.post('master/Admin/changepasswd', this.pwdform)
.post('master/Admin/changepasswd', this.pwdForm)
.then(res => {
if (res.code == 0) {
this.$message.success('Password modified successfully!');
this.pass_word = false;
this.pwdVisible = false;
} else {
this.$message.error(res.msg);
}
@@ -312,17 +566,29 @@
});
},
// 点击绑定谷歌账号
H_Index() {
this.bindVisible = true
},
// 选择谷歌账号
choseGego(e) {
this.bindForm.g_author = e.author_id
this.bindForm.g_website = e.link
this.$forceUpdate()
},
// 点击提交个人基本信息
onSubmit_core(coreForm) {
onSubmit_core(coreTable) {
this.$refs.core_Form.validate((valid) => {
if (valid) {
// 二次确认删除
// 二次确认
this.$confirm('Are you sure you want to modify your basic personal information', 'Tips', {
type: 'warning'
})
.then(() => {
// this.$api
// .post('master/Admin/editAdminBase', this.coreForm)
// .post('master/Admin/editAdminBase', this.coreTable)
// .then(res => {
// if (res.code == 0) {
// this.$message.success('Personal information modified successfully');
@@ -343,11 +609,16 @@
});
},
// 审稿人弹出框
reviewPoint(e) {
this.reviewVisible = true
},
// 点击提交审稿人信息
onSubmit_review(reviewForm) {
onSubmit_review(reviewTable) {
this.$refs.review_Form.validate((valid) => {
if (valid) {
// 二次确认删除
// 二次确认
this.$confirm('Are you sure you want to modify reviewer information', 'Tips', {
type: 'warning'
})
@@ -362,6 +633,25 @@
});
},
// 编委弹出框
boardPoint() {
this.boardVisible = true
},
// 点击提交编委信息
onSubmit_board(boardForm) {
},
// 主编弹出框
chiefPoint() {
this.chiefVisible = true
},
// 点击提交主编信息
onSubmit_chief(chiefForm) {
},
// 下拉级联添加
ched_id(event) {
this.reviewForm.major = event[0];
@@ -376,6 +666,34 @@
this.reviewForm.cmajor = event[1];
},
//上传图片
handleAvatarSuccess(res, file) {
if (res.code == 0) {
this.addForm.icon = res.upurl;
} else {
this.$message.error(res.msg);
}
this.pictureUrl = URL.createObjectURL(file.raw);
},
handleEditSuccess(res, file) {
if (res.code == 0) {
this.editForm.icon = res.upurl;
} else {
this.$message.error(res.msg);
}
this.pictureUrl = URL.createObjectURL(file.raw);
},
handleAvatarError(res, file) {
// this.$message.error(res);
},
beforeAvatarUpload(file) {
const isLt2M = file.size / 1024 / 1024 < 1;
if (!isLt2M) {
this.$message.error('Picture size cannot exceed 1M!');
}
return isLt2M;
},
// 上传文件
handleChange1(file, fileList) {
if (fileList.length > 0) {
@@ -411,11 +729,6 @@
</script>
<style scoped>
.infor_title {
font-size: 18px;
}
.join_bth {
color: #fff;
text-align: center;
@@ -426,4 +739,243 @@
background-color: #006699;
font-size: 20px;
}
.consumer {
text-align: center;
color: #40485b;
}
.consumer .portrait {
width: 200px;
height: 200px;
border-radius: 110px;
border: 4px solid #EEE;
margin: 0 auto;
cursor: pointer;
position: relative;
}
.consumer .portrait .ptmark {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #00000033;
color: #fff;
border-radius: 110px;
font-size: 20px;
line-height: 208px;
display: none;
}
.consumer .portrait:hover .ptmark {
display: block;
}
.consumer img {
width: 200px;
height: 200px;
border-radius: 110px;
}
.consumer>p {}
.numeric {
margin-bottom: 50px;
display: flex;
}
.numeric .numerItem {
width: 50%;
font-size: 16px;
text-align: center;
margin-top: 30px;
}
.numeric .numerItem>b {
color: #066999;
font-size: 20px;
margin-bottom: 15px;
display: block;
}
.numeric .numerItem>b:hover {
text-decoration: underline;
cursor: pointer;
}
.numeric .numerItem>p {
font-size: 14px;
color: #40485b;
}
.exponent h2 {
font-size: 16px;
border-bottom: 1px solid #DCE3E8;
padding-bottom: 10px;
margin-bottom: 10px;
}
.exponent>div {
line-height: 25px;
margin-bottom: 5px;
}
.exponent .expTit {
float: left;
margin-right: 10px;
color: #606266;
font-size: 14px;
}
.exponent .expInde {
float: left;
}
.chunking {
position: relative;
}
.chunking .infor_title {
position: absolute;
background-color: #fff;
border: 2px solid rgba(0, 102, 153, 0.15);
padding: 8px 15px;
font-size: 15px;
letter-spacing: -0.5px;
border-radius: 5px;
top: -16px;
left: 50px;
}
.chunking .infor_edit {
position: absolute;
top: 20px;
right: 20px;
}
.chunking .chunkPiece {
background-color: #f8fbff;
border: 2px solid rgba(0, 102, 153, 0.15);
border-radius: 10px;
padding-top: 40px;
}
.chunking .chunkPiece .chunkItem {
overflow: auto;
font-size: 14px;
line-height: 32px;
margin-bottom: 18px;
}
.chunking .chunkPiece .depresBtn {
cursor: pointer;
color: #006699;
font-size: 20px;
margin-right: 5px;
}
.chunking .chunkPiece .depresBtn:hover {
text-decoration: underline;
}
.chunkGrey .infor_title {
color: #999;
border: 2px solid rgba(124, 124, 124, 0.15);
}
.chunkGrey .chunkPiece {
background-color: #f9f9f9;
border: 2px solid rgba(124, 124, 124, 0.15);
}
.gugeList {
font-size: 14px;
border: 2px dashed #eee;
cursor: pointer;
margin: 0 5px 20px 5px;
padding: 10px 30px 10px 15px;
position: relative;
}
.gugeList:hover {
background-color: #fdfdfd;
}
.gugeList>p {
margin-bottom: 5px;
line-height: 20px;
}
.gugeList>p>font {
margin-right: 5px;
color: #999;
}
.gugeList>p>a {
color: #006699;
}
.gugeList>p>a:hover {
text-decoration: underline;
}
.gugeList>b {
display: none;
}
.gugeList>.kuangGeo {
display: block;
position: absolute;
width: 15px;
height: 15px;
border: 2px solid #eee;
top: 10px;
right: 10px;
}
.gugeList.gu_col {
border: 2px solid #006699;
background-color: #ebf4f9;
position: relative;
}
.gugeList.gu_col>b {
display: block;
position: absolute;
top: 5px;
right: 5px;
color: #069;
font-weight: 700;
font-size: 25px;
}
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
width: 140px;
height: 140px;
}
.avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 140px;
height: 140px;
line-height: 140px;
text-align: center;
}
</style>