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