Skip to content

liangzhen / framework-tools-web

Go to a project
Commit b5916621 by 史敦盼
Options

bug修复

1 parent d0d7be7c
Inline Side-by-side
Showing with 1386 additions and 915 deletions
src/views/archiEleRela/index.vue
This diff could not be displayed because it is too large.
src/views/batchPlanManagement/Add.vue
...@@ -63,8 +63,8 @@ export default { ...@@ -63,8 +63,8 @@ export default {
prop: 'createMan', // 字段名 prop: 'createMan', // 字段名
element: 'el-input', // 指定elementui组件 element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值 initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性 // placeholder: '请输入内容', // elementui组件属性
rules: [], readonly: true,
}, },
{ {
label: '创建时间', // label文字 label: '创建时间', // label文字
...@@ -74,6 +74,7 @@ export default { ...@@ -74,6 +74,7 @@ export default {
element: 'el-date-picker', // 指定elementui组件 element: 'el-date-picker', // 指定elementui组件
initValue: new Date().format('yyyy-MM-dd'), // 字段初始值 initValue: new Date().format('yyyy-MM-dd'), // 字段初始值
placeholder: '请选择', // elementui组件属性 placeholder: '请选择', // elementui组件属性
readonly: true,
}, },
{ {
label: '年度', // label文字 label: '年度', // label文字
...@@ -100,7 +101,6 @@ export default { ...@@ -100,7 +101,6 @@ export default {
element: 'el-input', // 指定elementui组件 element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性 placeholder: '请输入内容', // elementui组件属性
span: 24, span: 24,
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
}, },
] ]
}, },
......
src/views/etpManage/index.vue
...@@ -5,64 +5,166 @@ ...@@ -5,64 +5,166 @@
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">专家库名称</span> <span class="search_title">专家库名称</span>
<el-input v-model="searchParams.talentPoolName" placeholder="请输入内容" class="search_item"></el-input> <el-input
v-model="searchParams.talentPoolName"
placeholder="请输入内容"
class="search_item"
></el-input>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">专家标签</span> <span class="search_title">专家标签</span>
<el-select v-model="searchParams.tagId" placeholder="请选择" clearable class="search_item"> <el-select
<el-option v-for="(item,idnex) in selectData3" :key="idnex" :label="item.label" :value="item.value" ></el-option> v-model="searchParams.tagId"
placeholder="请选择"
clearable
class="search_item"
>
<el-option
v-for="(item, idnex) in selectData3"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">专家状态</span> <span class="search_title">专家状态</span>
<el-select v-model="searchParams.state" placeholder="请选择" clearable class="search_item"> <el-select
<el-option v-for="(item,idnex) in selectData4" :key="idnex" :label="item.label" :value="item.value" ></el-option> v-model="searchParams.state"
placeholder="请选择"
clearable
class="search_item"
>
<el-option
v-for="(item, idnex) in selectData4"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="search_menu_btn_container"> <div class="search_menu_btn_container">
<div class="query_btn" @click="search_table"> <div class="query_btn" @click="search_table">
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" /> <img
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
/>
<p>查询</p> <p>查询</p>
</div> </div>
<div class="reset_btn" @click="reset"> <div class="reset_btn" @click="reset">
<img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt="" /> <img
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
/>
<p>重置</p> <p>重置</p>
</div> </div>
</div> </div>
</div> </div>
<div class="search_btn"> <div class="search_btn">
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operate('add')">新建</el-button> <el-button
<el-button type="primary" size="medium" icon="el-icon-delete" @click="operate('delMultiple')">删除</el-button> type="primary"
size="medium"
icon="el-icon-document-add"
@click="operate('add')"
>新建</el-button
>
<el-button
type="primary"
size="medium"
icon="el-icon-delete"
@click="operate('delMultiple')"
>删除</el-button
>
<!-- <el-button type="primary" size="medium" icon="el-icon-plus" @click="exportFile">导出</el-button> --> <!-- <el-button type="primary" size="medium" icon="el-icon-plus" @click="exportFile">导出</el-button> -->
</div> </div>
<el-table :height="tableHeight" :data="tableData" stripe border @selection-change="handleSelectionChange"> <el-table
:height="tableHeight"
:data="tableData"
stripe
border
@selection-change="handleSelectionChange"
>
<!-- <el-table-column type="selection" width="55" :selectable="selectInit"></el-table-column> --> <!-- <el-table-column type="selection" width="55" :selectable="selectInit"></el-table-column> -->
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column
<el-table-column prop="talentPoolName" label="专家库名称" align="center"></el-table-column> type="index"
<el-table-column prop="deptName" label="单位" width="150" align="center"></el-table-column> label="序号"
<el-table-column prop="talentName" label="专家名称" align="center"></el-table-column> width="80"
align="center"
></el-table-column>
<el-table-column
prop="talentPoolName"
label="专家库名称"
align="center"
></el-table-column>
<el-table-column
prop="deptName"
label="单位"
width="150"
align="center"
></el-table-column>
<el-table-column
prop="talentName"
label="专家名称"
align="center"
></el-table-column>
<el-table-column prop="" width="250" label="专家标签" align="center"> <el-table-column prop="" width="250" label="专家标签" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="tagName"> <div class="tagName">
<el-tag <el-tag v-for="item in scope.row.tagIdlist" :key="item.tagId">
v-for="item in scope.row.tagIdlist"
:key="item.tagId">
{{ item.name }} {{ item.name }}
</el-tag> </el-tag>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="level_" label="专家级别" align="center"></el-table-column> <el-table-column
<el-table-column prop="comments" label="专家评价" align="center"></el-table-column> prop="level_"
<el-table-column prop="state_" label="专家状态" width="150" align="center"></el-table-column> label="专家级别"
<el-table-column prop="remark" label="备注" align="center"></el-table-column> align="center"
></el-table-column>
<el-table-column
prop="comments"
label="专家评价"
align="center"
></el-table-column>
<el-table-column
prop="state_"
label="专家状态"
width="150"
align="center"
></el-table-column>
<el-table-column
prop="remark"
label="备注"
align="center"
></el-table-column>
<el-table-column label="操作" width="200" align="center"> <el-table-column label="操作" width="200" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div
<el-button type="primary" icon="el-icon-edit" size="mini" @click="operate('edit',scope.row)">编辑</el-button> style="
<el-button class="delBtn" type="primary" icon="el-icon-delete" size="mini" @click="operate('del',scope.row)">删除</el-button> display: flex;
align-items: center;
justify-content: center;
"
>
<el-button
type="primary"
icon="el-icon-edit"
size="mini"
@click="operate('edit', scope.row)"
>编辑</el-button
>
<el-button
class="delBtn"
type="primary"
icon="el-icon-delete"
size="mini"
@click="operate('del', scope.row)"
>删除</el-button
>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -75,7 +177,8 @@ ...@@ -75,7 +177,8 @@
:page-sizes="pager.sizes" :page-sizes="pager.sizes"
:page-size="pager.size" :page-size="pager.size"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total="pager.total"> :total="pager.total"
>
</el-pagination> </el-pagination>
</div> </div>
...@@ -83,62 +186,122 @@ ...@@ -83,62 +186,122 @@
:title="title" :title="title"
:visible.sync="add_dialog" :visible.sync="add_dialog"
:center="false" :center="false"
width="55%"> width="55%"
>
<div class="add_dialog_content"> <div class="add_dialog_content">
<div class="dialog_content_1"> <div class="dialog_content_1">
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">单位</div> <div class="dialog_form_item_title">单位</div>
<el-input v-model="formData.deptName" placeholder="请输入内容" class="search_item"></el-input> <el-input
v-model="formData.deptName"
placeholder="请输入内容"
class="search_item"
></el-input>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">专家库名称</div> <div class="dialog_form_item_title">专家库名称</div>
<el-select v-model="formData.talentPoolName" placeholder="请选择" clearable class="search_item"> <el-select
v-model="formData.talentPoolName"
placeholder="请选择"
clearable
class="search_item"
>
<el-input placeholder="请输入内容" v-model="add_select1_value"> <el-input placeholder="请输入内容" v-model="add_select1_value">
<div slot="append" @click="add_select1"> <div slot="append" @click="add_select1">新增</div>
新增
</div>
</el-input> </el-input>
<el-option v-for="(item,idnex) in selectData1" :key="idnex" :label="item.talentPoolName" :value="item.talentPoolName" ></el-option> <el-option
v-for="(item, idnex) in selectData1"
:key="idnex"
:label="item.talentPoolName"
:value="item.talentPoolName"
></el-option>
</el-select> </el-select>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">专家名称</div> <div class="dialog_form_item_title">专家名称</div>
<el-input v-model="formData.talentName" placeholder="请输入内容" class="search_item"></el-input> <el-input
v-model="formData.talentName"
placeholder="请输入内容"
class="search_item"
></el-input>
</div> </div>
</div> </div>
<div class="dialog_content_1"> <div class="dialog_content_1">
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">专家标签</div> <div class="dialog_form_item_title">专家标签</div>
<el-select v-model="formData.taglist" placeholder="请选择" clearable class="search_item" :multiple="true"> <el-select
<el-option v-for="(item,idnex) in selectData3" :key="idnex" :label="item.label" :value="item.value" ></el-option> v-model="formData.taglist"
placeholder="请选择"
clearable
class="search_item"
:multiple="true"
>
<el-option
v-for="(item, idnex) in selectData3"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">专家级别</div> <div class="dialog_form_item_title">专家级别</div>
<el-select v-model="formData.level" placeholder="请选择" clearable class="search_item"> <el-select
<el-option v-for="(item,idnex) in selectData2" :key="idnex" :label="item.label" :value="item.value" ></el-option> v-model="formData.level"
placeholder="请选择"
clearable
class="search_item"
>
<el-option
v-for="(item, idnex) in selectData2"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">专家评价</div> <div class="dialog_form_item_title">专家评价</div>
<el-input v-model="formData.comments" placeholder="请输入内容" class="search_item"></el-input> <el-input
v-model="formData.comments"
placeholder="请输入内容"
class="search_item"
></el-input>
</div> </div>
</div> </div>
<div class="dialog_content_1"> <div class="dialog_content_1">
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">专家状态</div> <div class="dialog_form_item_title">专家状态</div>
<el-select v-model="formData.state" placeholder="请选择" clearable class="search_item"> <el-select
<el-option v-for="(item,idnex) in selectData4" :key="idnex" :label="item.label" :value="item.value" ></el-option> v-model="formData.state"
placeholder="请选择"
clearable
class="search_item"
>
<el-option
v-for="(item, idnex) in selectData4"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">备注</div> <div class="dialog_form_item_title">备注</div>
<el-input type="textarea" :rows="2" placeholder="请输入内容" class="dialog_form_item_content" v-model="formData.remark"></el-input> <el-input
type="textarea"
:rows="2"
placeholder="请输入内容"
class="dialog_form_item_content"
v-model="formData.remark"
></el-input>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="operate('create')">保存</el-button> <el-button class="greenButton" @click="operate('create')"
>保存</el-button
>
<el-button @click="add_dialog = false">取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
...@@ -146,7 +309,6 @@ ...@@ -146,7 +309,6 @@
</template> </template>
<script> <script>
import { import {
getETPManageList, getETPManageList,
getETPManageAdd, getETPManageAdd,
...@@ -156,39 +318,36 @@ import { ...@@ -156,39 +318,36 @@ import {
getDianXingAnLiSelectData, getDianXingAnLiSelectData,
getETPManagePoolName, getETPManagePoolName,
getETPManagePoolNameAdd, getETPManagePoolNameAdd,
} from "@/api/index.js"; } from '@/api/index.js'
import $ from 'jquery'; import $ from 'jquery'
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui'
export default { export default {
name: 'etpManage', name: 'etpManage',
components: { components: {},
},
data() { data() {
return { return {
tableData: [], tableData: [],
selectList: [], selectList: [],
add_dialog: false, add_dialog: false,
add_dialog3: false, add_dialog3: false,
title: "", title: '',
openType: "", openType: '',
formData: { formData: {
deptName: "", deptName: '',
talentPoolName: "", talentPoolName: '',
talentName: "", talentName: '',
taglist: [], taglist: [],
level: "", level: '',
comments: "", comments: '',
state: "", state: '',
remark: "", remark: '',
talentId: null, talentId: null,
}, },
searchParams: { searchParams: {
talentPoolName: "", talentPoolName: '',
tagId: "", tagId: '',
state: "", state: '',
}, },
pager: { pager: {
current: 1, current: 1,
...@@ -201,229 +360,232 @@ export default { ...@@ -201,229 +360,232 @@ export default {
selectData3: [], selectData3: [],
selectData4: [], selectData4: [],
eleList: [], eleList: [],
radioName: "", radioName: '',
search_select1: [], search_select1: [],
tableHeight: null, tableHeight: null,
add_select1_value: '' add_select1_value: '',
}; }
}, },
mounted() { mounted() {
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
this.set_table_height(); this.set_table_height()
}) })
this.set_table_height(); this.set_table_height()
// 获取元素列表 // 获取元素列表
this.getSelect1(); this.getSelect1()
this.getSelect2().then(res => { this.getSelect2().then((res) => {
this.selectData2 = res; this.selectData2 = res
}); })
this.getSelect3().then(res => { this.getSelect3().then((res) => {
this.selectData3 = res; this.selectData3 = res
}); })
this.getSelect4().then(res => { this.getSelect4().then((res) => {
this.selectData4 = res; this.selectData4 = res
}); })
}, },
created() { created() {
// 初始化查询列表 // 初始化查询列表
this.getList(); this.getList()
}, },
methods: { methods: {
search_table() {//搜索 search_table() {
this.pager.current = 1; //搜索
this.getList(); this.pager.current = 1
this.getList()
}, },
// 查询列表 // 查询列表
getList() { getList() {
this.loading = true; this.loading = true
const params = { const params = {
"talentPoolName": this.searchParams.talentPoolName, talentPoolName: this.searchParams.talentPoolName,
"tagId": this.searchParams.tagId, tagId: this.searchParams.tagId,
"state": this.searchParams.state, state: this.searchParams.state,
"current": this.pager.current, current: this.pager.current,
"pageSize": this.pager.size, pageSize: this.pager.size,
}; }
getETPManageList(params).then(res => { getETPManageList(params).then((res) => {
Promise.all([ this.getSelect2(), this.getSelect4(), this.getSelect3() ]).then(res2 => { Promise.all([
res.records.map(item => { this.getSelect2(),
if(item.tagIdlist && item.tagIdlist.length > 0) { this.getSelect4(),
res2[2].forEach(item2 => { this.getSelect3(),
item.tagIdlist.map(item3 => { ]).then((res2) => {
if(item2.value == item3.tagId) { res.records.map((item) => {
item3['name'] = item2.label; if (item.tagIdlist && item.tagIdlist.length > 0) {
res2[2].forEach((item2) => {
item.tagIdlist.map((item3) => {
if (item2.value == item3.tagId) {
item3['name'] = item2.label
} }
}) })
}) })
} }
let result1 = res2[0].find(item2 => item2.value == item.level); let result1 = res2[0].find((item2) => item2.value == item.level)
let result2 = res2[1].find(item2 => item2.value == item.state); let result2 = res2[1].find((item2) => item2.value == item.state)
item['level_'] = result1 ? result1.label : ''; item['level_'] = result1 ? result1.label : ''
item['state_'] = result2 ? result2.label : ''; item['state_'] = result2 ? result2.label : ''
}); })
this.pager.current = res.current; this.pager.current = res.current
this.pager.total = res.total; this.pager.total = res.total
this.pager.size = res.size; this.pager.size = res.size
this.tableData = res.records; this.tableData = res.records
})
}) })
});
}, },
// 重置 // 重置
reset(){ reset() {
this.params = { this.params = {
talentPoolName: "", talentPoolName: '',
tagId: "", tagId: '',
state: "", state: '',
} }
}, },
// 分页事件 // 分页事件
handleSizeChange(val) { handleSizeChange(val) {
this.page.current = 1; this.pager.current = 1
this.page.size = val; this.pager.size = val
this.getList(); this.getList()
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.page.current = val; this.pager.current = val
this.getList(); this.getList()
}, },
// 所有操作 // 所有操作
operate(type,item){ operate(type, item) {
this.openType = type; this.openType = type
if (type == "add") { if (type == 'add') {
this.add_dialog = true; this.add_dialog = true
this.title = "新建专家人才库"; this.title = '新建专家人才库'
this.resetForm(); this.resetForm()
this.formData.talentId = null; this.formData.talentId = null
}else if (type == "edit") { } else if (type == 'edit') {
this.add_dialog = true; this.add_dialog = true
this.title = "编辑专家人才库"; this.title = '编辑专家人才库'
this.resetForm(); this.resetForm()
// this.formData = item; // this.formData = item;
this.formData.deptName = item.deptName; this.formData.deptName = item.deptName
this.formData.talentPoolName = Number(item.talentPoolName); this.formData.talentPoolName = Number(item.talentPoolName)
this.formData.talentName = item.talentName; this.formData.talentName = item.talentName
this.formData.state = String(item.state); this.formData.state = String(item.state)
this.formData.level = String(item.level); this.formData.level = String(item.level)
this.formData.taglist = []; this.formData.taglist = []
if(item.tagIdlist) { if (item.tagIdlist) {
item.tagIdlist.forEach(item => { item.tagIdlist.forEach((item) => {
this.formData.taglist.push(String(item.tagId)); this.formData.taglist.push(String(item.tagId))
}); })
} }
this.formData.comments = item.comments; this.formData.comments = item.comments
this.formData.remark = item.remark; this.formData.remark = item.remark
this.formData.talentId = item.talentId; this.formData.talentId = item.talentId
}else if (type == "create") { } else if (type == 'create') {
let tagIdlist_ = []; let tagIdlist_ = []
this.selectData3.forEach(item1 => { this.selectData3.forEach((item1) => {
this.formData.taglist.forEach(item2 => { this.formData.taglist.forEach((item2) => {
if (item1.value == item2) { if (item1.value == item2) {
tagIdlist_.push( tagIdlist_.push({
{
tagId: item1.value, tagId: item1.value,
} })
)
} }
}) })
}) })
const params = { ...this.formData, taglist: tagIdlist_ }; const params = { ...this.formData, taglist: tagIdlist_ }
if (this.formData.talentId) { if (this.formData.talentId) {
// 编辑保存 // 编辑保存
getETPManageUpdate(params).then(res => { getETPManageUpdate(params).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$message.success("保存成功"); this.$message.success('保存成功')
this.add_dialog = false; this.add_dialog = false
this.getList(); this.getList()
}else{ } else {
this.add_dialog = false; this.add_dialog = false
this.$message.error(res.msg); this.$message.error(res.msg)
} }
}); })
}else{ } else {
// 新建保存 // 新建保存
getETPManageAdd(params).then(res => { getETPManageAdd(params).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$message.success("保存成功"); this.$message.success('保存成功')
this.add_dialog = false; this.add_dialog = false
this.getList(); this.getList()
}else{ } else {
this.add_dialog = false; this.add_dialog = false
this.$message.error(res.msg); this.$message.error(res.msg)
} }
}); })
} }
}else if (type == "del") { } else if (type == 'del') {
// 删除 // 删除
const params = { const params = {
talentId: item.talentId, talentId: item.talentId,
delFlag: 1, delFlag: 1,
} }
this.$confirm("确认删除吗", "提示", { this.$confirm('确认删除吗', '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
confirmButtonClass: 'confirmClass', confirmButtonClass: 'confirmClass',
type: "warning" type: 'warning',
}).then(() => { })
getETPManageUpdate(params).then(res => { .then(() => {
getETPManageUpdate(params).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$message.success("删除成功"); this.$message.success('删除成功')
this.getList(); this.getList()
}else{ } else {
this.$message.error(res.msg); this.$message.error(res.msg)
} }
}); })
}).catch(() => { })
}); .catch(() => {})
}else if (type == "delMultiple") { } else if (type == 'delMultiple') {
if (this.selectList.length <= 0) { if (this.selectList.length <= 0) {
this.$message.error("请选择一项进行删除"); this.$message.error('请选择一项进行删除')
return; return
} }
let params = { let params = {
talentId: [], talentId: [],
}; }
this.selectList.map(item => { this.selectList.map((item) => {
params.talentId.push(item.talentId) params.talentId.push(item.talentId)
}) })
this.$confirm("确认批量删除吗", "提示", { this.$confirm('确认批量删除吗', '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
confirmButtonClass: 'confirmClass', confirmButtonClass: 'confirmClass',
type: "warning" type: 'warning',
}).then(() => { })
getETPManageDelBatch(params).then(res => { .then(() => {
getETPManageDelBatch(params).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$message.success("批量删除成功"); this.$message.success('批量删除成功')
this.getList(); this.getList()
}else{ } else {
this.$message.error(res.msg); this.$message.error(res.msg)
} }
}); })
}).catch(() => { })
}); .catch(() => {})
} }
}, },
// 新建清空表单 // 新建清空表单
resetForm(){ resetForm() {
this.formData = { this.formData = {
deptName: "", deptName: '',
talentPoolName: "", talentPoolName: '',
talentName: "", talentName: '',
taglist: [], taglist: [],
level: "", level: '',
comments: "", comments: '',
state: "", state: '',
remark: "", remark: '',
} }
this.labelList = []; this.labelList = []
}, },
exportFile() {//导出 exportFile() {
//导出
// getTypicalExampleExcel(this.params).then(res => { // getTypicalExampleExcel(this.params).then(res => {
// let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); // let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
// let url = URL.createObjectURL(blob); // let url = URL.createObjectURL(blob);
...@@ -433,329 +595,336 @@ export default { ...@@ -433,329 +595,336 @@ export default {
// link.click(); // link.click();
// }) // })
}, },
add_select1() {//新增专家库名称 add_select1() {
//新增专家库名称
const params = { const params = {
talentPoolName: this.add_select1_value talentPoolName: this.add_select1_value,
} }
getETPManagePoolNameAdd(params).then(res => { getETPManagePoolNameAdd(params).then((res) => {
if(res.code == 200) { if (res.code == 200) {
Message({ Message({
type: 'success', type: 'success',
message: '新增成功!' message: '新增成功!',
}); })
this.getSelect1(); this.getSelect1()
} }
}) })
}, },
getSelect1() {//专家库下来 getSelect1() {
getETPManagePoolName().then(res => { //专家库下来
if(res.code == 200) { getETPManagePoolName().then((res) => {
this.selectData1 = res.data; if (res.code == 200) {
this.selectData1 = res.data
} }
}) })
}, },
getSelect2() {//专家级别下拉 getSelect2() {
//专家级别下拉
const params = { const params = {
key: "talent_level" key: 'talent_level',
} }
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => { getDianXingAnLiSelectData(params).then((res) => {
if(res.code == 200) { if (res.code == 200) {
resolve(res.data); resolve(res.data)
} }
}) })
}) })
}, },
getSelect3() {//专家标签下拉 getSelect3() {
//专家标签下拉
const params = { const params = {
key: "talent_tag" key: 'talent_tag',
} }
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => { getDianXingAnLiSelectData(params).then((res) => {
if(res.code == 200) { if (res.code == 200) {
resolve(res.data); resolve(res.data)
} }
}) })
}) })
}, },
getSelect4() {//专家状态下拉 getSelect4() {
//专家状态下拉
const params = { const params = {
key: "talent_status" key: 'talent_status',
} }
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => { getDianXingAnLiSelectData(params).then((res) => {
if(res.code == 200) { if (res.code == 200) {
resolve(res.data); resolve(res.data)
} }
}) })
}) })
}, },
set_table_height() {//动态设置表格高度 set_table_height() {
const table_container_height = $(".table_container").height(); //动态设置表格高度
const search_menu_height = $(".search_menu").height(); const table_container_height = $('.table_container').height()
const search_btn_height = $(".search_btn").outerHeight(true); const search_menu_height = $('.search_menu').height()
this.tableHeight = table_container_height - search_menu_height - search_btn_height - 90 + 'px'; const search_btn_height = $('.search_btn').outerHeight(true)
this.tableHeight =
table_container_height -
search_menu_height -
search_btn_height -
90 +
'px'
}, },
// 表格多选 // 表格多选
handleSelectionChange(e) { handleSelectionChange(e) {
this.selectList = e; this.selectList = e
}, },
selectInit(row,index){ selectInit(row, index) {
if(row.state != "1"){ if (row.state != '1') {
return true //可勾选 return true //可勾选
}else{ } else {
return false //不可勾选 return false //不可勾选
} }
}, },
}, },
} }
</script> </script>
<style> <style>
.confirmClass{ .confirmClass {
background-color: #0D867F !important; background-color: #0d867f !important;
} }
.el-message-box__content{ .el-message-box__content {
padding: 60px 15px 60px 15px; padding: 60px 15px 60px 15px;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ .el-input-group__append{ /deep/ .el-input-group__append {
background-color: #0D867F; background-color: #0d867f;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
/deep/ .el-dialog__header{ /deep/ .el-dialog__header {
background-color: #0D867F; background-color: #0d867f;
text-align: left; text-align: left;
} }
/deep/ .el-dialog__title{ /deep/ .el-dialog__title {
color: #fff; color: #fff;
} }
/deep/ .el-dialog__close { /deep/ .el-dialog__close {
color: #fff; color: #fff;
} }
/deep/ .el-tag{ /deep/ .el-tag {
color: #0D867F; color: #0d867f;
} }
.etpManage{ .etpManage {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.dialog_content_1{ .dialog_content_1 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.el-input{ .el-input {
width: 210px; width: 210px;
} }
.el-select{ .el-select {
width: 210px; width: 210px;
} }
} }
.dialog_form_item3{ .dialog_form_item3 {
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
.dialog_form_item3_content1{ .dialog_form_item3_content1 {
display: flex; display: flex;
align-items: center; align-items: center;
.tu_biao_icon2{ .tu_biao_icon2 {
width: 20px; width: 20px;
} }
} }
} }
.search_menu{ .search_menu {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.search_menu_item_container{ .search_menu_item_container {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.search_menu_btn_container{ .search_menu_btn_container {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.search_menu_item{ .search_menu_item {
display: flex; display: flex;
align-items: center; align-items: center;
width: 344px; width: 344px;
} }
.search_title{ .search_title {
/* width: 20%; */ /* width: 20%; */
flex-shrink: 0; flex-shrink: 0;
margin-right: 15px; margin-right: 15px;
} }
.search_item{ .search_item {
width: 60%; width: 60%;
} }
.search_btn{ .search_btn {
width: 100%; width: 100%;
display: flex; display: flex;
margin-top: 50px; margin-top: 50px;
margin-bottom: 20px; margin-bottom: 20px;
.el-button--primary{ .el-button--primary {
background: rgba(13,134,127,0.1); background: rgba(13, 134, 127, 0.1);
color: #0D867F; color: #0d867f;
border: 0; border: 0;
} }
} }
.el-button--primary{ .el-button--primary {
background: rgba(13,134,127,0.1); background: rgba(13, 134, 127, 0.1);
color: #0D867F; color: #0d867f;
border: 0; border: 0;
} }
.add_btn{ .add_btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 76px; width: 76px;
height: 32px; height: 32px;
background: rgba(13,134,127,0.1); background: rgba(13, 134, 127, 0.1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F; border: 1px solid #0d867f;
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0d867f;
cursor: pointer; cursor: pointer;
} }
.version_btn{ .version_btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 104px; width: 104px;
height: 32px; height: 32px;
background: rgba(13,134,127,0.1); background: rgba(13, 134, 127, 0.1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F; border: 1px solid #0d867f;
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0d867f;
cursor: pointer; cursor: pointer;
margin-left: 15px; margin-left: 15px;
} }
.query_btn{ .query_btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 76px; width: 76px;
height: 32px; height: 32px;
background: rgba(13,134,127,1); background: rgba(13, 134, 127, 1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F; border: 1px solid #0d867f;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
}
} .reset_btn {
.reset_btn{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 76px; width: 76px;
height: 32px; height: 32px;
background: rgba(244,244,244,1); background: rgba(244, 244, 244, 1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
border: 1px solid #ccc; border: 1px solid #ccc;
font-size: 14px; font-size: 14px;
color: #666; color: #666;
cursor: pointer; cursor: pointer;
}
} .btn_icon {
.btn_icon{
margin-right: 10px; margin-right: 10px;
} }
.table_container{ .table_container {
width: 97%; width: 97%;
margin-top: 20px; margin-top: 20px;
height: calc(100% - 40px); height: calc(100% - 40px);
.tableIcon{ .tableIcon {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
.iconItem{ .iconItem {
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
} }
.delBtn{ .delBtn {
color: #DD6A15; color: #dd6a15;
background-color: #F8EBE2; background-color: #f8ebe2;
}
.stopBtn{
color: #E7A20E;
} }
.tagName{ .stopBtn {
.el-tag{ color: #e7a20e;
margin:0 5px;
} }
.tagName {
.el-tag {
margin: 0 5px;
} }
} }
.el-pagination{ }
.el-pagination {
margin-top: 50px; margin-top: 50px;
} }
.dialog_form_item{ .dialog_form_item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
.formArea{ .formArea {
width: 900px; width: 900px;
border-radius: 5px; border-radius: 5px;
border: 1px solid #0D867F; border: 1px solid #0d867f;
margin-top: 10px; margin-top: 10px;
.formLine{ .formLine {
display: flex; display: flex;
align-items: center; align-items: center;
height: 50px; height: 50px;
margin-left: 10px; margin-left: 10px;
.formItem{ .formItem {
margin-left: 15px; margin-left: 15px;
display: flex; display: flex;
align-items: center; align-items: center;
.label{ .label {
width: 70px; width: 70px;
text-align: right; text-align: right;
margin-right: 5px; margin-right: 5px;
} }
/deep/.el-select{ /deep/.el-select {
width: 140px; width: 140px;
} }
/deep/.el-input{ /deep/.el-input {
width: 140px; width: 140px;
} }
} }
.newBtn{ .newBtn {
margin-left: 15px; margin-left: 15px;
.addItem{ .addItem {
background-color: #0D867F; background-color: #0d867f;
color: #fff; color: #fff;
} }
} }
} }
} }
} }
.dialog_form_item_title{ .dialog_form_item_title {
flex-shrink: 0; flex-shrink: 0;
margin-right: 15px; margin-right: 15px;
width: 100px; width: 100px;
text-align: right; text-align: right;
.reqIcon{ .reqIcon {
color: red; color: red;
} }
} }
/deep/ .el-dialog__header{ /deep/ .el-dialog__header {
text-align: left; text-align: left;
} }
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #0D867F; background-color: #0d867f;
} }
.greenButton{ .greenButton {
background-color: #0D867F; background-color: #0d867f;
color: #fff; color: #fff;
} }
</style> </style>
src/views/typical-example-manage/index.vue
...@@ -458,7 +458,7 @@ export default { ...@@ -458,7 +458,7 @@ export default {
}) })
.then(() => { .then(() => {
let params = { let params = {
ids: [item.ktcId], ids: [item.caseId],
} }
getTypicalExampleDel(params).then((res) => { getTypicalExampleDel(params).then((res) => {
if (res.code == 200) { if (res.code == 200) {
...@@ -479,7 +479,7 @@ export default { ...@@ -479,7 +479,7 @@ export default {
ids: [], ids: [],
} }
this.selectList.map((item) => { this.selectList.map((item) => {
params.ids.push(item.ktcId) params.ids.push(item.caseId)
}) })
this.$confirm('确认批量删除吗', '提示', { this.$confirm('确认批量删除吗', '提示', {
...@@ -628,7 +628,7 @@ export default { ...@@ -628,7 +628,7 @@ export default {
padding: 60px 15px 60px 15px; padding: 60px 15px 60px 15px;
} }
</style> </style>
<style scoped> <style scoped lang="scss">
.form_item_container { .form_item_container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!