<template>
<div style="height: 100%">
<!-- 标题 -->
<div>
<BiaoTi biaoti="工程管理 > 新建工程"></BiaoTi>
</div>
<!-- 卡片区域 -->
<el-card class="tbevsdvsd box-card">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<h3 class="h3sdva">工程信息</h3>
<div class="text item">
<el-row :gutter="20">
<el-col :span="24">
<div class="grid-content bg-purple">
<el-form-item label="工程名称" placeholder="请输入工程名称" prop="projectName">
<el-input v-model="ruleForm.projectName"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="电压等级" prop="voltageLevel">
<el-select v-model="ruleForm.voltageLevel" placeholder="请选择">
<el-option v-for="item in ruleForm.voltageLevel_sl" :key="item.label"
:label="item.label" :value="item.label">
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="专业类型" prop="projectType">
<el-select v-model="ruleForm.projectType" placeholder="请选择">
<el-option v-for="item in ruleForm.projectType_type" :key="item.label"
:label="item.label" :value="item.label">
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="项目经理" prop="projectManager">
<el-input v-model="ruleForm.projectManager"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="联系电话" prop="projectManagerPhone">
<el-input v-model="ruleForm.projectManagerPhone"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="项目总工" prop="projectChiefEngineer">
<el-input v-model="ruleForm.projectChiefEngineer"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="项目安全员" prop="projectSecurityOfficer">
<el-input v-model="ruleForm.projectSecurityOfficer"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="项目质检员" prop="projectQualityInspector">
<el-input v-model="ruleForm.projectQualityInspector"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="项目技术员" prop="projectTechnician">
<el-input v-model="ruleForm.projectTechnician"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="计划开竣工时间" class="wvcaevsd" prop="jihua_time">
<el-date-picker v-model="ruleForm.jihua_time" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="实际开竣工时间" class="wvcaevsd" prop="shiji_time">
<el-date-picker v-model="ruleForm.shiji_time" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目地址" prop="projectAddress">
<el-input v-model="ruleForm.projectAddress" @focus="Di_Tu"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="业主单位" prop="proprietorUnit">
<el-input v-model="ruleForm.proprietorUnit"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="监理单位" prop="supervisorUnit">
<el-input v-model="ruleForm.supervisorUnit"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<div class="grid-content bg-purple">
<el-form-item label="工程简介" prop="projectInfo">
<el-input v-model="ruleForm.projectInfo" type="textarea" :rows="3"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<div class="grid-content bg-purple">
<el-form-item label="路径/变电效果图" class="wvcaevsd" prop="name">
<el-upload
:limit="2"
action="http://192.168.3.210:18080/common/file/uploads"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
multiple
:on-success="upload_success"
:on-exceed="exceed_lj"
:file-list="fileList" name="multipartFile">
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="" />
</el-dialog>
</el-form-item>
</div>
</el-col>
<el-col :span="10">
<div class="grid-content bg-purple">
<el-form-item label="工程计划" class="wvcaevsd" prop="name">
<el-upload
:limit="1"
action="http://192.168.3.210:18080/common/file/uploads"
name="multipartFile"
:on-success="upload_success_jh"
:on-remove="remove_jihua"
:file-list="fileLists"
list-type="picture-card"
:on-exceed="exceed_jh"
:on-preview="handlePictureCardPreview">
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="" />
</el-dialog>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="当前项目状态" class="wvcaevsd">
<el-radio v-model="ruleForm.status" label="1">开工</el-radio>
<el-radio v-model="ruleForm.status" label="2">停工</el-radio>
<el-radio v-model="ruleForm.status" label="3">竣工</el-radio>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<div class="grid-content bg-purple">
<el-form-item label="备注" prop="remark">
<el-input v-model="ruleForm.remark" type="textarea" :rows="2"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
</div>
<h3 class="h3sdva">塔位信息</h3>
<div>
</div>
<div class="box_table" v-if="wenjian_shangchuan">
<el-table :data="tableData_biaoge" max-height="350" style="width: 100%" border>
<el-table-column prop="towerPosition" label="塔位" width="443" align="center">
</el-table-column>
<el-table-column prop="towerExtents" label="塔间区段" width="443" align="center">
</el-table-column>
<el-table-column prop="towerDistance" width="443" label="塔位间距离" align="center">
</el-table-column>
</el-table>
</div>
<el-row :gutter="20">
<el-col :span="6" :offset="18">
<div class="grid-content bg-purple">
<el-button @click="btn_tj('ruleForm')" type="primary">提交</el-button>
<el-button @click="btn_qx">取消</el-button>
</div>
</el-col>
</el-row>
</el-form>
</el-card>
<MapVue v-if="BianJKaiGuan" @chuanzhi="fuzhi_info" :BianJKaiGuan="BianJKaiGuan" :BianJiID="BianJiID"
@Guan="Tian_Jia_Guan($event)">
</MapVue>
</div>
</template>
<script>
// 标题
import BiaoTi from "../../zhujian/biaoti.vue";
import MapVue from "./Map.vue";
import { uploads_delete } from '@/api/Shangchuan'
import { getDictDataList } from '@/api/XiTongSheZhi/zhidian'
import { xinjian_gongcheng, excel_info, Chakan, img_info, xiugai_info } from '@/api/FGSgcxxgl'
export default {
components: {
BiaoTi,
MapVue,
},
data() {
return {
gongchengtu:'',//最后提交的工程图
jihuatu:'',//存储计划图
imgRes:[],//存储半路径
gongcheng_img_ban:[], //存储工程图半路径和全路径
abb: '',
ass: '',
arr: [],
att: [],
dataOne: null,
dataTow: null,
dataThree: null,
list: null,
ploadOne: '',
key: '',
url_lj_one: [],//路径/变电效果图
url_jh_one: [],//工程计划图
wenjian_shangchuan: true,
tableData_biaoge: [],
BianJKaiGuan: false,
plannedCommencementTime: '',//计划开工时间
plannedCompletionTime: '',//计划竣工时间
actualCommencementTime: '',//实际开工时间
actualCompletionTime: '',//实际竣工时间
ruleForm: {
projectName: '',//工程名称
voltageLevel: '',//电压等级
// 电压等级
voltageLevel_sl: [],
projectType: '',//专业类型
// 专业类型
projectType_type: [],
projectManager: '',//项目经理
projectManagerPhone: '',//联系电话
projectChiefEngineer: '',//项目总工
projectSecurityOfficer: '',//项目安全员
projectQualityInspector: '',//项目质检员
projectTechnician: '',//项目技术员
jihua_time: '',//计划开竣工时间
shiji_time: '',//实际开竣工时间
projectAddress: '',//项目地址
proprietorUnit: '',//业主单位
supervisorUnit: '',//监理单位
projectInfo: '',//工程简介
status: '1',//当前项目状态
remark: '',//备注
longitudeLongitude: null,//坐标经度
coordinateLatitude: null,//坐标经度度
},
dialogImageUrl: "",
dialogVisible: false,
fileList: [],
fileLists: [],
rules: {
projectName: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
voltageLevel: [
{ required: true, message: "请输入内容", trigger: "change" }
],
projectType: [
{ required: true, message: "请输入内容", trigger: "change" }
],
projectManager: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
projectManagerPhone: [
{ required: true, message: "请输入内容", trigger: "blur" },
{ min: 11, max: 11, message: '格式不正确', trigger: 'blur' },
// {type:'number',min:11,max:11,message:'输入格式不正确',trigger:'blur'}
{ pattern: /^[0-9]*$/, message: '手机号不正确', trigger: 'blur' }
],
projectChiefEngineer: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
projectSecurityOfficer: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
projectQualityInspector: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
projectTechnician: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
jihua_time: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
shiji_time: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
projectAddress: [
{ required: true, message: "请输入内容", trigger: "change" }
],
proprietorUnit: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
supervisorUnit: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
projectInfo: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
remark: [
{ required: true, message: "请输入内容", trigger: "blur" }
],
},
// 添加开关
TianJKaiGuan: false,
// 编辑开关
BianJKaiGuan: false,
// 编辑id
BianJiID: "",
// 详情开关
XiangQKaiGuan: false,
// 筛选 / 分页器
shaixuan: {
pageNum: 1,
// pageSize: 10,
Zhong: null,
deptName: "",
visible: "",
},
};
},
methods: {
// 数据回显
async getUserLIsts() {
const { data } = await Chakan(this.$route.query.projectId)
this.list = data.data
console.log(this.list);
this.abb = this.list.projectPlan
this.ass = this.list.pathPlot
this.ruleForm.projectName = this.list.projectName //工程名称
this.ruleForm.voltageLevel = this.list.voltageLevel //电压等级
this.ruleForm.projectType = this.list.projectType //专业类型
this.ruleForm.projectManager = this.list.projectManager //项目经理
this.ruleForm.projectManagerPhone = this.list.projectManagerPhone //联系电话
this.ruleForm.projectChiefEngineer = this.list.projectChiefEngineer //项目总工
this.ruleForm.projectSecurityOfficer = this.list.projectSecurityOfficer //项目安全员
this.ruleForm.projectQualityInspector = this.list.projectQualityInspector //项目质检员
this.ruleForm.projectTechnician = this.list.projectTechnician //项目技术员
// 计划开竣工----------------------------------------------------
const jihuatime = []
jihuatime.push(this.list.plannedCommencementTime, this.list.plannedCompletionTime)
this.ruleForm.jihua_time = jihuatime //计划开竣工
// 实际开竣工----------------------------------------------------
const shijitime = []
shijitime.push(this.list.actualCommencementTime, this.list.actualCompletionTime)
this.ruleForm.shiji_time = shijitime //实际开竣工
this.ruleForm.projectAddress = this.list.projectAddress //项目地址
this.ruleForm.proprietorUnit = this.list.proprietorUnit //业主单位
this.ruleForm.supervisorUnit = this.list.supervisorUnit //监理单位
this.ruleForm.projectInfo = this.list.projectInfo //工程简介
// 路径、变电效果图 计划图
// 项目状态
this.ruleForm.status = this.list.status
this.ruleForm.remark = this.list.remark //备注
// 表格
this.tableData_biaoge = this.list.towers
// 如果是一个图片 直接赋值给imgRes 是字符串
if(this.list.pathPlot) {
if(this.list.pathPlot.indexOf(',') === -1){
this.list.pathPlot = this.list.pathPlot
// 存储半路径
this.imgRes.push(this.list.pathPlot)
const img_1 = await img_info(
{ filePath: this.imgRes[0] }
)
// 存储到展示数组中
this.fileList.push({
url:img_1.request.responseURL
})
// 半+全存储到数组中 以便于删除、增加
this.gongcheng_img_ban.push({
img:img_1.request.responseURL,
im:this.imgRes[0]
})
// 判断 如果是两个图片 赋值给this.imgRes并且转换成数组
}else {
// 存储半路径
this.imgRes = this.list.pathPlot.split(',')
console.log(this.imgRes,'this.imgRes');
const img_1_1 = await img_info(
{ filePath: this.imgRes[0] }
)
const img_2 = await img_info(
{ filePath: this.imgRes[1] }
)
// 存储到展示数组中
this.fileList.push({
url:img_1_1.request.responseURL
},
{
url:img_2.request.responseURL
})
// 半+全存储到数组中 以便于删除、增加
this.gongcheng_img_ban.push({
img:img_1_1.request.responseURL,
im:this.imgRes[0]
},{
img:img_2.request.responseURL,
im:this.imgRes[1]
})
}
console.log(this.imgRes,'this.gongcheng_img_ban+++++');
}
// 工程计划图
if(this.list.projectPlan){
let img_jh_1 = await img_info(
{ filePath: this.list.projectPlan}
)
this.fileLists.push({
url:img_jh_1.request.responseURL
})
console.log(this.fileLists,'this.fileLists');
}
this.jihuatu = this.list.projectPlan
// this.list.pathPlot.split(",")
// this.imgRes.push(this.list.pathPlot.split(","))
// console.log(imgRes, 'asdasdas');
// const imgsrc = await img_info({
// filePath: imgRes[0][0]
// })
// console.log(imgsrc, 'img');
// this.att.push({
// img: imgsrc.request.responseURL,
// im: imgRes[0][0]
// })
// this.dataOne = imgsrc.request.responseURL
// this.fileList.push({
// url: imgsrc.request.responseURL
// })
// console.log(imgRes[0][1], 'imgRes[0][1]');
// if (imgRes[0][1] !== 'undefined') {
// const imgsrc2 = await img_info(
// { filePath: imgRes[0][1] }
// )
// this.dataTow = imgsrc2.request.responseURL
// this.att.push({
// img: imgsrc2.request.responseURL,
// im: imgRes[0][1]
// })
// this.fileList.push({
// url: imgsrc2.request.responseURL
// })
// }
// console.log(this.att, 'att');
// // 计划图
// const imgsrc3 = await img_info(
// { filePath: this.list.projectPlan })
// this.dataThree = imgsrc3.request.responseURL
// this.fileLists.push({
// url: imgsrc3.request.responseURL
// })
// // this.srcList.push(imgsrc3.request.responseURL)
// const arrSRC = this.list.pathPlot.split(',')
// const arrArr = []
// arrSRC.forEach(item => {
// arrArr.push(item)
// })
// console.log(arrArr, 'arrArr');
},
// 路径、变电效果图增加
async upload_success(response, file, fileList){
this.imgRes.push(response.data[0])
const xrt = await img_info(
{ filePath: response.data[0] }
)
this.gongcheng_img_ban.push({
img:xrt.request.responseURL,
im:response.data[0]
})
console.log(this.imgRes, '上传成功');
},
// 路径、变电效果图删除
handleRemove(file,fileList){
// file表示被删除的图片
// fileList表示未被删除的图片
console.log(file,'file');
console.log(this.gongcheng_img_ban.length,'changdu');
// 如果是一个图片
if(this.gongcheng_img_ban.length === 1){
this.imgRes=[]
console.log(this.imgRes,'1');
}else {
// 如果是两个图片
let xiabiao_gongcheng = this.gongcheng_img_ban.findIndex(item=>{
console.log(item,'item');
return item.img === file.url
})
this.imgRes.splice(xiabiao_gongcheng,1)
this.gongcheng_img_ban.splice(xiabiao_gongcheng,1)
console.log(xiabiao_gongcheng,'xiabiao_gongcheng');
console.log(this.imgRes,'imgRes');
console.log( this.gongcheng_img_ban,' this.gongcheng_img_ban');
}
},
// 工程计划图增加
upload_success_jh(event, file, fileList) {
this.jihuatu = event.data[0]
console.log(this.jihuatu, '上传成功');
},
// 工程计划图删除
remove_jihua(file, fileList) {
this.jihuatu = ''
console.log(this.jihuatu,'this.jihuatu');
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
handleExceedTW(files, fileList) {
this.$message.warning(
`只能上传一个文件`
);
},
exceed_lj(files, fileList) {
this.$message.warning(
`只能上传2张图片`
);
},
exceed_jh(files, fileList) {
this.$message.warning(
`只能上传1张图片`
);
},
// 字典管理--电压等级
async getDictDataList() {
const { data } = await getDictDataList({ key: 'voltage_level' })
this.ruleForm.voltageLevel_sl = data.data
console.log(this.voltageLevel_sl, 'voltageLevel_sl');
},
// 字典管理--专业类型
async getDictDataList_type() {
const { data } = await getDictDataList({ key: 'project_type' })
this.ruleForm.projectType_type = data.data
console.log(this.projectType_type, 'projectType_type');
},
Di_Tu() {
this.BianJKaiGuan = true;
},
// 添加 / 编辑 / 详情 关闭
Tian_Jia_Guan(e) {
this.TianJKaiGuan = e;
this.XiangQKaiGuan = e;
this.BianJKaiGuan = e;
// 菜单列表
this.getUserList();
},
// 分页器跳转
Fen_Ye_Tiao(e) {
this.shaixuan.pageSize = e;
// 菜单列表
this.getUserList();
},
Fen_Ye_Ye(e) {
this.shaixuan.pageNum = e;
// 菜单列表
this.getUserList();
},
fuzhi_info(i, e) {
this.BianJKaiGuan = false
this.ruleForm.projectAddress = i
this.longitudeLongitude = e[0]
this.coordinateLatitude = e[1]
console.log(i, 'i');
console.log(e, 'e');
},
btn_qx() {
this.$router.push('/fgsgcgl')
},
// 提交
btn_tj(formName) {
console.log(this.imgRes.length,'this.imgRes.length');
// --------------------------------------------------------------
this.$refs[formName].validate(async (valid) => {
if (this.att.length > 1) {
this.ass = this.att[0].im + ',' + this.att[1].im
console.log(this.att.length, '>1');
} else if (this.att.length === 1) {
this.ass = this.att[0].im
} else {
this.ass = ''
console.log(this.url_lj_one, '0');
console.log(this.url_lj_one[1], '1');
if (this.url_lj_one.length > 0) {
this.ass = this.url_lj_one[0] + ',' + this.url_lj_one[1]
} else {
console.log('000');
this.ass = this.url_lj_one[0]
}
console.log(this.ass, 'ass');
}
console.log(this.url_lj_one, 'url_lj_one');
console.log(this.ass, 'asssssssssssssssss');
// --------------------------------------------------------------
if (valid) {
// 计划时间
this.plannedCommencementTime = this.ruleForm.jihua_time[0]
this.plannedCompletionTime = this.ruleForm.jihua_time[1]
// 实际时间
this.actualCommencementTime = this.ruleForm.shiji_time[0]
this.actualCompletionTime = this.ruleForm.shiji_time[1]
// 项目状态
if (this.ruleForm.status === 1) {
this.ruleForm.status = '开工'
}
else if (this.ruleForm.status === 2) {
this.ruleForm.status = '停工'
}
else if (this.ruleForm.status === 3) {
this.ruleForm.status = '竣工'
}
// 路径、变电
const pload = this.url_lj_one[0]
if (this.url_lj_one.length > 0) {
const ploadTow = this.url_lj_one[1]
this.ploadOne = pload + ',' + ploadTow
}
// 计划
// this.abb = this.url_jh_one[0]
console.log(this.imgRes.length,'this.imgRes.length');
if(this.imgRes.length>1){
this.gongchengtu = this.imgRes[0]+','+this.imgRes[1]
}else {
this.gongchengtu = this.imgRes[0]
}
const arrArr = {
actId: this.$route.query.actId,
actTaskId: this.$route.query.actTaskId,
approvalStatus: this.$route.query.approvalStatus,
createBy: this.$route.query.createBy,
createTime: this.$route.query.createTime,
delFlag: this.$route.query.delFlag,
updateBy: this.$route.query.updateBy,
corpId: this.$route.query.corpId,
projectId: this.$route.query.projectId,//
projectPlan: this.jihuatu,// 计划图
plannedCommencementTime: this.plannedCommencementTime,//计划开工时间
plannedCompletionTime: this.plannedCompletionTime,//计划竣工时间
actualCommencementTime: this.actualCommencementTime,//实际开工时间
actualCompletionTime: this.actualCompletionTime,//实际竣工时间
projectName: this.ruleForm.projectName,//工程名称
voltageLevel: this.ruleForm.voltageLevel,//电压等级
projectType: this.ruleForm.projectType,//专业类型
projectManager: this.ruleForm.projectManager,//项目经理
projectManagerPhone: this.ruleForm.projectManagerPhone,//联系电话
projectChiefEngineer: this.ruleForm.projectChiefEngineer,//项目总工
projectSecurityOfficer: this.ruleForm.projectSecurityOfficer,//项目安全员
projectQualityInspector: this.ruleForm.projectQualityInspector,//项目质检员
projectTechnician: this.ruleForm.projectTechnician,//项目技术员
projectAddress: this.ruleForm.projectAddress,//项目地址
coordinateLatitude: this.list.coordinateLatitude,//坐标纬度
longitudeLongitude: this.list.longitudeLongitude,//坐标经度
proprietorUnit: this.ruleForm.proprietorUnit,//业主单位
supervisorUnit: this.ruleForm.supervisorUnit,//监理单位
projectInfo: this.ruleForm.projectInfo,//工程简介
status: this.ruleForm.status,//当前项目状态
remark: this.ruleForm.remark,//备注
// key: this.key,
pathPlot: this.gongchengtu,// 路径图/变电效果图
}
console.log(this.ruleForm);
const res = await xiugai_info(arrArr)
console.log(res.data.code, 'res');
if (JSON.parse(res.data.code) === 0) {
this.$message({
message: '修改成功',
type: 'success'
});
this.$router.push('/fgsgcgl')
} else {
this.$message.error('修改失败,请确认内容');
}
} else {
this.$message.error('修改失败,请确认内容');
return false;
}
})
},
},
created() {
this.getDictDataList()
this.getDictDataList_type()
this.getUserLIsts()
},
};
</script>
<style lang="less" scoped>
.h3sdva {
font-size: 20px;
margin-bottom: 15px;
}
::v-deep {
.tbevsdvsd {
height: 780px;
overflow: hidden;
overflow: auto;
overflow-x: hidden;
// cursor: pointer;
}
.tbevsdvsd::-webkit-scrollbar {
width: 4px;
}
.tbevsdvsd::-webkit-scrollbar-thumb {
border-radius: 10px;
opacity: 0.2;
background: #ccc;
}
.tbevsdvsd::-webkit-scrollbar-track {
border-radius: 0;
}
.geeewvsvs .el-input {
width: 137%;
}
.qweqweqwe .el-input {
width: 100%;
}
.revdasvg {
margin-top: 15px;
}
.rgwfewgetrwa {
margin-top: 15px;
margin-bottom: 15px;
}
.wvcaevsd .el-form-item__label {
width: 91px !important;
line-height: 22px;
}
.wvcaevsdss .el-form-item__label {
width: 91px !important;
line-height: 38px;
}
.el-card {
margin-top: 20px;
}
}
.box_table {
width: 81.4%;
margin: 30px auto !important;
}
</style>