HelloGithub/hellogithub-vue
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
landaiqing
2023-07-10 22:04:49 +08:00
parent df89d8df5c
commit c7841414db
12 changed files with 484 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
src/components/System/Manage/projectManage.vue
View File

@@ -96,6 +96,7 @@
:inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949"
@change="handleChangeStatus($event,scope.row.projectId)"
>
</el-switch>
</template>
@@ -116,58 +117,60 @@
<el-dialog title="编辑" :visible.sync="dialogVisible" width="45%"
append-to-body
:close-on-click-modal="false"
:before-close="closeDialog"
>
<el-form ref="ruleForm" class="login_container" :model="form" status-icon label-width="70px">
<el-form-item label="ID" prop="projectId">
<el-input v-model="form.projectId" placeholder='ID' clearable disabled></el-input>
</el-form-item>
<el-form-item label="用户名" prop="userId">
<el-input v-model="form.userId" placeholder='用户ID' clearable></el-input>
<el-input v-model="form.userId" placeholder='用户ID' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="项目名称" prop="projectTitle">
<el-input v-model="form.projectName"
:disabled="isEdit"
placeholder='项目名称'
clearable></el-input>
</el-form-item>
<el-form-item label="项目地址" prop="projectIco">
<el-input v-model="form.projectUrl" placeholder='项目地址' clearable></el-input>
<el-input v-model="form.projectUrl" placeholder='项目地址' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="项目图标" prop="projectIco">
<el-input v-model="form.projectIco" placeholder='项目图标' clearable></el-input>
<el-input v-model="form.projectIco" placeholder='项目图标' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="标题" prop="projectTitle">
<el-input v-model="form.projectTitle" placeholder='标题' clearable></el-input>
<el-input v-model="form.projectTitle" placeholder='标题' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="项目描述" prop="projectDescription">
<el-input type="textarea" v-model="form.projectDescription" placeholder="项目描述" :rows="5"></el-input>
<el-input type="textarea" v-model="form.projectDescription" placeholder="项目描述" :rows="5" :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="点赞数" prop="startNum">
<el-input v-model="form.startNum" placeholder='点赞数' clearable></el-input>
<el-input v-model="form.startNum" placeholder='点赞数' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="提交时间" prop="submitTime">
<el-input v-model="form.submitTime" placeholder='提交时间' clearable></el-input>
<el-input v-model="form.submitTime" placeholder='提交时间' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="标签" prop="categoryId">
<el-input v-model="form.categoryId" placeholder='标签' clearable></el-input>
<el-input v-model="form.categoryId" placeholder='标签' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="文件地址" prop="fileAddress">
<el-input v-model="form.fileAddress" placeholder='文件地址' clearable></el-input>
<el-input v-model="form.fileAddress" placeholder='文件地址' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="期刊" prop="periodicals">
<el-input v-model="form.periodicals" placeholder='期刊' clearable></el-input>
<el-input v-model="form.periodicals" placeholder='期刊' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="查看数" prop="lookCount">
<el-input v-model="form.lookCount" placeholder='查看数' clearable></el-input>
<el-input v-model="form.lookCount" placeholder='查看数' clearable :disabled="isEdit"></el-input>
</el-form-item>
<el-form-item label="是否有效" prop="isValid">
<el-radio-group v-model="form.isValid">
<el-radio-group v-model="form.isValid" :disabled="isEdit">
<el-radio :label="1">有效</el-radio>
<el-radio :label="0">无效</el-radio>
</el-radio-group>
@@ -175,7 +178,7 @@
<el-form-item>
<div style="display: flex;flex-direction: row;align-items: center;flex-wrap: nowrap;justify-content: space-between">
<el-button @click="resetForm('ruleForm')">重置</el-button>
<el-button @click="editForm()">编辑</el-button>
<el-button @click="submit('ruleForm')" type="primary" style=";margin-top:10px">提交</el-button>
</div>
</el-form-item>
@@ -195,6 +198,7 @@ export default {
data(){
return {
dataTable:[],
isEdit:true,
dialogVisible:false,
form:{
projectId:'',
@@ -216,6 +220,89 @@ export default {
}
},
methods:{
handleChangeStatus($event, id){
if ($event === 1) { // 这里判断一下
// 启用
this.$confirm('确认启用吗？', '操作确认', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(async () => {
axios({
method: 'post',
// 请求的地址
url: 'http://localhost:8082/helloGithub_war_exploded/updateisValid_project',
// URL 中的查询参数
params: {
projectId:id,
isValid:$event
}
}).then(function (res) {
if (res.data.code === 200) {
Vue.prototype.$notify({
title: '成功',
message: ('i', {style: 'color: teal'}, res.data.msg),
type: 'success',
offset: 50
});
} else {
Vue.prototype.$notify.error({
title: '错误',
message: res.data.msg,
offset: 50
});
}
})
})
.catch(() => {})
} else {
// 禁用
this.$confirm('确认禁用吗？', '操作确认', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(async () => {
axios({
method: 'post',
// 请求的地址
url: 'http://localhost:8082/helloGithub_war_exploded/updateisValid_project',
// URL 中的查询参数
params: {
projectId:id,
isValid:$event
}
}).then(function (res) {
if (res.data.code === 200) {
Vue.prototype.$notify({
title: '成功',
message: ('i', {style: 'color: teal'}, res.data.msg),
type: 'success',
offset: 50
});
} else {
Vue.prototype.$notify.error({
title: '错误',
message: res.data.msg,
offset: 50
});
}
})
})
.catch(() => {})
}
},
editForm(){
this.isEdit=false;
},
closeDialog() {
// 先重置
this.getAllProject();
// 后关闭
this.dialogVisible = false;
this.isEdit=true;
},
getAllProject(){
var that=this;
axios({