From b2c4ac24fb6e0d9de7f0169c3a06d65b9f861d5b Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期日, 04 十二月 2022 17:21:56 +0800 Subject: [PATCH] 项目管理页面添加及接口对接 --- src/views/datamanage/projectManage.vue | 828 +++++++++++++++++++++++----------------------------------- 1 files changed, 334 insertions(+), 494 deletions(-) diff --git a/src/views/datamanage/projectManage.vue b/src/views/datamanage/projectManage.vue index c50676b..03202b0 100644 --- a/src/views/datamanage/projectManage.vue +++ b/src/views/datamanage/projectManage.vue @@ -9,345 +9,238 @@ <el-divider /> <div class="verSionContent"> <div class="verSion_leftTree"> - <ver-dir-tree></ver-dir-tree> + <el-tree + ref="tree" + :props="defaultProps" + node-key="id" + :data="dirList" + :expand-on-click-node="false" + :default-expand-all="false" + draggable + @node-click="handleNodeClick" + > + </el-tree> </div> <div class="verSion_rightContent"> - <el-form ref="ruleForm" :model="ruleForm" :inline="true"> - <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name"> - <el-input - v-model="ruleForm.name" - :placeholder="$t('common.pleaseInput')" - /> - </el-form-item> + <el-form :inline="true" class="demo-form-inline"> <el-form-item> <el-button - @click="onSubmit('ruleForm')" - icon="el-icon-search" - size="small" - class="primary" - >{{ $t('common.iquery') }}</el-button - > - <el-button - type="success" v-if="btnStatus.insert" - @click="(InsertFormdialog = true), getSelectdirTab()" icon="el-icon-plus" - size="small" + @click="insertProject" + :disabled="count != null ? true : false" + type="success" >{{ $t('common.append') }}</el-button > <el-button - type="info" - @click="resetForm('ruleForm')" + v-if="btnStatus.delete" + @click="deleteProject" icon="el-icon-delete" - size="small" - >{{ $t('common.empty') }}</el-button + :disabled="count != null ? false : true" + type="danger" + >{{ $t('common.delete') }}</el-button + > + <el-button + v-if="btnStatus.update" + @click="EditProject" + icon="el-icon-edit" + :disabled="count != null ? false : true" + type="info" + >{{ $t('common.update') }}</el-button > </el-form-item> </el-form> <el-divider class="eldivider" /> - <div style="height: 80%"> - <el-table :data="tableData" style="width: 100%" height="99%"> - <el-table-column - align="center" - type="index" - :label="$t('dataManage.vmobj.index')" - width="70px" - /> - <el-table-column align="center" prop="id" v-if="false" /> - <el-table-column - align="center" - prop="name" - :label="$t('common.versionName')" - /> - <el-table-column - align="center" - prop="depName" - :label="$t('dataManage.vmobj.catalogue')" - /> - <el-table-column - align="center" - prop="descr" - :label="$t('dataManage.vmobj.describe')" - /> - <el-table-column - align="center" - prop="createUser" - :label="$t('dataManage.vmobj.createonuser')" - /> - <el-table-column - align="center" - prop="createTime" - :label="$t('dataManage.vmobj.createontime')" - :formatter="formatTime" - /> - <el-table-column - align="center" - prop="UpdateUser" - :label="$t('dataManage.vmobj.updateonuser')" - /> - <el-table-column - align="center" - prop="updateTime" - :label="$t('dataManage.vmobj.updateontime')" - :formatter="formatTime" - /> - <el-table-column min-width="150" :label="$t('common.operate')"> - <template slot-scope="scope"> - <el-button - v-if="btnStatus.update" - @click=" - handleEdit(scope.$index, scope.row); - getSelectdirTab(); - " - type="warning" - size="small" - >{{ $t('common.update') }}</el-button - > - <el-button - v-if="btnStatus.delete" - @click="handleDelete(scope.$index, scope.row)" - type="danger" - size="small" - >{{ $t('common.delete') }}</el-button - > - </template> - </el-table-column> - </el-table> - <div - style="margin-top: 20px; margin-left: 200px" - class="pagination_box" + <div style="height: 82%; padding: 1%; overflow: auto"> + <el-form + class="projFrom" + ref="form" + :model="projectFrom" + label-width="200px" > - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 30, 40]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" + <el-form-item :label="$t('dataManage.projectObj.projname')"> + <el-input + :disabled="true" + v-model="projectFrom.projname" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.projtype')"> + <el-input + :disabled="true" + v-model="projectFrom.projtype" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.location')"> + <el-input + :disabled="true" + v-model="projectFrom.location" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.province')"> + <el-input + :disabled="true" + v-model="projectFrom.province" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.country')"> + <el-input + :disabled="true" + v-model="projectFrom.country" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.corpname')"> + <el-input + :disabled="true" + v-model="projectFrom.corpname" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.department')"> + <el-input + :disabled="true" + v-model="projectFrom.department" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.conperiod')"> + <el-input + :disabled="true" + v-model="projectFrom.conperiod" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.contents')"> + <el-input + :disabled="true" + v-model="projectFrom.contents" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.projstate')"> + <el-input + :disabled="true" + v-model="projectFrom.projstate" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.remarks')"> + <el-input + :disabled="true" + v-model="projectFrom.remarks" + ></el-input> + </el-form-item> + </el-form> + </div> + </div> + </div> + <el-dialog + :title=" + behavior == '鏂板椤圭洰' + ? `${$t('dataManage.projectObj.newProj')}` + : `${$t('dataManage.projectObj.editProj')}` + " + :visible.sync="outerVisible" + :before-close="outerClose" + > + <el-dialog + width="60%" + :title="$t('dataManage.projectObj.location')" + :visible.sync="innerVisible" + append-to-body + :before-close="innerClose" + > + <div style="height: 540px"> + <project-ol v-if="showMap"></project-ol> + </div> + </el-dialog> + <div style="height: 540px; overflow: auto; padding: 1%"> + <el-form + class="editFrom1" + ref="form" + :model="editFrom" + label-width="200px" + > + <el-form-item :label="$t('dataManage.projectObj.projname')"> + <el-input v-model="editFrom.projname"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.projtype')"> + <el-input v-model="editFrom.projtype"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.location')"> + <el-input :disabled="true" v-model="editFrom.location"></el-input> + <el-link + @click="ShowInner" + style="color: white; margin-left: 20px" + icon="el-icon-plus" > - </el-pagination> - </div> - </div> + </el-link> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.province')"> + <el-input v-model="editFrom.province"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.country')"> + <el-input v-model="editFrom.country"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.corpname')"> + <el-input v-model="editFrom.corpname"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.department')"> + <el-input v-model="editFrom.department"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.conperiod')"> + <el-input v-model="editFrom.conperiod"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.contents')"> + <el-input v-model="editFrom.contents"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.projstate')"> + <el-input v-model="editFrom.projstate"></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.projectObj.remarks')"> + <el-input v-model="editFrom.remarks"></el-input> + </el-form-item> + </el-form> </div> - </div> - <el-dialog - :title="$t('dataManage.vmobj.editVersion')" - :visible.sync="dialogFormVisible" - > - <el-form :model="upform"> - <el-form-item - :label="$t('dataManage.vmobj.name')" - :label-width="formLabelWidth" - > - <el-input v-model="upform.name" autocomplete="off"></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.vmobj.catalogue')" - :label-width="formLabelWidth" - > - <el-cascader - style="width: 300px" - v-model="upform.dirid" - :options="editcatalogOption" - @change="upCatalogChange" - :props="cascader" - ></el-cascader> - </el-form-item> - <el-form-item - :label="$t('dataManage.vmobj.describe')" - :label-width="formLabelWidth" - > - <el-input v-model="upform.descr" autocomplete="off"></el-input> - </el-form-item> - </el-form> - <div slot="footer" type="info" class="dialog-footer"> - <el-button @click="editFromDataClose">{{ - $t('common.close') - }}</el-button> - <el-button @click="editFromData" class="primary">{{ - $t('common.confirm') - }}</el-button> - </div> - </el-dialog> - - <el-dialog - :title="$t('dataManage.vmobj.addVersion')" - :visible.sync="InsertFormdialog" - width="30%" - > - <el-form :model="insertform"> - <el-form-item - :label="$t('dataManage.vmobj.name')" - :label-width="formLabelWidth" - > - <el-input - style="width: 300px" - v-model="insertform.name" - autocomplete="off" - ></el-input> - </el-form-item> - <el-form-item - :label="$t('dataManage.vmobj.catalogue')" - :label-width="formLabelWidth" - > - <el-cascader - style="width: 300px" - v-model="insertform.path" - :options="catalogOption" - @change="catalogChange" - :props="cascader" - ></el-cascader> - </el-form-item> - - <el-form-item - :label="$t('dataManage.vmobj.describe')" - :label-width="formLabelWidth" - > - <el-input - style="width: 300px" - v-model="insertform.descr" - autocomplete="off" - ></el-input> - </el-form-item> - </el-form> <div slot="footer" class="dialog-footer"> - <el-button @click="insertFromDataClose" type="info">{{ - $t('common.close') - }}</el-button> - <el-button @click="insertFromData" class="primary">{{ + <el-button + type="info" + :disabled="behavior != '鏂板椤圭洰' ? true : false" + @click="setRestEditFrom" + >{{ $t('common.reset') }}</el-button + > + <el-button class="primary" @click="insertEditFrom">{{ $t('common.confirm') }}</el-button> </div> </el-dialog> - - <!-- <div class="searchComp"> - <el-form ref="ruleForm" :model="ruleForm" :inline="true"> - <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name"> - <el-input - v-model="ruleForm.name" - :placeholder="$t('common.pleaseInput')" - /> - </el-form-item> - <el-form-item> - <el-button - @click="onSubmit('ruleForm')" - icon="el-icon-search" - size="small" - >{{ $t('common.iquery') }}</el-button - > - <el-button - v-if="btnStatus.insert" - @click="InsertFormdialog = true" - icon="el-icon-plus" - size="small" - >{{ $t('common.append') }}</el-button - > - <el-button - @click="resetForm('ruleForm')" - icon="el-icon-delete" - size="small" - >{{ $t('common.empty') }}</el-button - > - </el-form-item> - </el-form> - </div> - <div class="bottom"> - <div class="leftTree"> - <ver-dir-tree></ver-dir-tree> - </div> - <div class="rightTable"> - <div class="table_box"> - - </div> - - </div> - </div> - <div class="infoBox" v-show="showinfoBox"> - <el-card class="box-card"> - <div slot="header" class="clearfix"> - <span>璇︾粏淇℃伅</span> - <div style="float: right; cursor: pointer"> - <i class="el-icon-close"></i> - </div> - </div> - <div class="contentBox"> - <p>鏁版嵁鍚嶇О锛歿{ itemdetail.name }}</p> - <el-divider></el-divider> - <p>鎵�灞炵洰褰曪細{{ itemdetail.path }}</p> - <el-divider></el-divider> - <p>鍒涘缓鏃堕棿锛歿{ itemdetail.create_time }}</p> - <el-divider></el-divider> - <p>鍒涘缓浜哄憳锛歿{ itemdetail.create_user }}</p> - <el-divider></el-divider> - <p>涓婁紶鍗曚綅锛歿{ itemdetail.up_unit }}</p> - <el-divider></el-divider> - <p>鏁版嵁鐘舵�侊細{{ itemdetail.status }}</p> - <el-divider></el-divider> - <p>鏁版嵁鐗堟湰锛歿{ itemdetail.version }}</p> - </div> - </el-card> - </div> - - <div class="leftTrees" v-if="showCata"> - <div class="treeBox"> - <ver-dir-trees></ver-dir-trees> - </div> - <div class="btnBox"> - <el-button type="primary" size="small" @click="selectCataName">{{ - $t('common.confirm') - }}</el-button> - <el-button type="primary" size="small" @click="showCata = false">{{ - $t('common.close') - }}</el-button> - </div> - </div> --> </div> </template> <script> import { - select_Ver_ByPageAndCount, - insertVersion, - deleteVersion, - updateVersion, - selectdirTab, + project_selectDirAll, + project_selectByDirid, + project_insert, + project_delete, + project_update, } from '../../api/api'; -import verDirTree from './verDirTree.vue'; +import ProjectOl from '../../components/ProjectOl.vue'; import MyBread from '../../components/MyBread.vue'; -import verDirTrees from './verDirTrees.vue'; import moment from 'moment'; + export default { name: 'versionManage', - components: { MyBread, verDirTree, verDirTrees }, + components: { MyBread, ProjectOl }, data() { return { - catalogOption: [], - editcatalogOption: [], - showCata: false, - formLabelWidth: '100px', - dialogFormVisible: false, - InsertFormdialog: false, - showinfoBox: false, - itemdetail: {}, - upform: {}, - ruleForm: {}, - insertform: {}, - tableData: [], - count: 0, - rowFlag: null, - listData: { - name: null, - depName: null, - pageIndex: 1, - pageSize: 10, - }, - cascader: { - label: 'name', - value: 'id', + behavior: null, + outerVisible: false, + innerVisible: false, + showMap: false, + count: null, + projectFrom: {}, + editFrom: { location: ' ' }, + dirId: null, + elProject: [], + dirList: [], //el鏍戞暟鎹� + defaultProps: { children: 'children', - checkStrictly: true, - emitPath: false, + label: 'name', }, btnStatus: { select: false, @@ -360,46 +253,118 @@ }; }, created() { - this.getRoleTabelData(); this.showPermsBtn(); + this.getSelectdirTab(); }, - computed: { - pathId() { - return this.$store.state.cataNode.id; - }, - }, + computed: {}, methods: { - //鐩綍鍒囨崲 - catalogChange(value) { - this.insertform.dirid = value; + showPermsBtn() { + let currentPerms = this.$store.state.currentPerms; + let permsEntity = this.$store.state.permsEntity; + permsEntity + .filter((item) => item.perms == currentPerms) + .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); }, - upCatalogChange(val) { - this.upform.dirid == val; + ShowInner() { + this.innerVisible = true; + this.showMap = true; + }, + outerClose(done) { + this.$confirm('纭鍏抽棴锛�') + .then((_) => { + this.setRestEditFrom(); + this.getSelectProject(); + done(); + }) + .catch((_) => {}); + }, + innerClose() { + this.showMap = false; + this.innerVisible = false; + this.editFrom.location = this.$store.state.projeOl; + }, + async insertEditFrom() { + if (this.behavior == '鏂板椤圭洰') { + this.editFrom.dirid = this.dirId; + const data = await project_insert(this.editFrom); + if (data.code != 200) { + this.$message.error('椤圭洰鏂板澶辫触'); + return; + } + this.outerVisible = false; + } else { + const data = await project_update(this.editFrom); + if (data.code != 200) { + this.$message.error('椤圭洰淇敼澶辫触'); + return; + } + this.outerVisible = false; + } + + this.getSelectProject(); + this.setRestEditFrom(); + }, + setRestEditFrom() { + this.editFrom = { location: ' ' }; + this.$store.state.projeOl = null; + }, + + //鍒犻櫎椤圭洰 + async deleteProject() { + const data = await project_delete({ gid: this.projectFrom.gid }); + if (data.code != 200) { + this.$message.error('椤圭洰鍒犻櫎澶辫触'); + return; + } + this.getSelectProject(); + }, + //淇敼椤圭洰 + EditProject() { + this.behavior = '淇敼椤圭洰'; + this.outerVisible = true; + this.editFrom = this.projectFrom; + this.$store.state.projeOl = this.projectFrom.location; + }, + //鏂板椤圭洰 + insertProject() { + if (this.dirId == null) { + this.$message.error('璇烽�夋嫨闇�瑕佹柊澧炵殑鐩綍'); + return; + } + this.behavior = '鏂板椤圭洰'; + this.outerVisible = true; + }, + //鐩綍鏍戠偣鍑讳簨浠� + handleNodeClick(data) { + //鑾峰彇鐩綍ID + this.dirId = data.id; + this.getSelectProject(); + }, + + //鍒楄〃鏁版嵁鑾峰彇 + async getSelectProject() { + const data = await project_selectByDirid({ dirid: this.dirId }); + if (data.code != 200) { + this.$message.error('鍒楄〃鑾峰彇澶辫触'); + return; + } + this.count = data.result; + + if (this.count == null) { + this.projectFrom = {}; + } else { + this.projectFrom = data.result; + } }, //鐩綍鍒楄〃鑾峰彇 async getSelectdirTab() { - const res = await selectdirTab(); + const res = await project_selectDirAll(); if (res.code != 200) { this.$message.error('鐩綍鍒楄〃鑾峰彇澶辫触'); return; } - this.insertform.name = this.getYMD(); - this.insertform.path = 1; - this.insertform.dirid = 1; - this.upform.dirid == 1; - this.catalogOption = this.treeData(res.result); - this.editcatalogOption = this.treeData(res.result); - }, - getYMD() { - let myDate = new Date(); - let myYear = myDate.getFullYear(); //鑾峰彇瀹屾暣鐨勫勾浠�(4浣�,1970-????) - let myMonth = myDate.getMonth() + 1; //鑾峰彇褰撳墠鏈堜唤(0-11,0浠h〃1鏈�) - let myToday = myDate.getDate(); //鑾峰彇褰撳墠鏃�(1-31) - myMonth = myMonth > 9 ? myMonth : '0' + myMonth; - myToday = myToday > 9 ? myToday : '0' + myToday; - let nowDate = 'V' + myYear + myMonth + myToday; - return nowDate; + this.dirList = this.treeData(res.result); }, //鏍戝垪琛ㄧ敓鎴� @@ -412,152 +377,8 @@ return father.pid == 0; // 杩斿洖涓�绾ц彍鍗� }); }, - showPermsBtn() { - let currentPerms = this.$store.state.currentPerms; - let permsEntity = this.$store.state.permsEntity; - permsEntity - .filter((item) => item.perms == currentPerms) - .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); - }, - resetForm() { - this.ruleForm = {}; - this.$store.state.verCateNode = {}; - this.$bus.$emit('clearTressLabel', true); - this.getRoleTabelData(); - }, - onSubmit() { - this.listData.pageIndex = 1; - this.listData.pageSize = 10; - this.getRoleTabelData(); - }, - async getRoleTabelData() { - if (this.listData.tab == '') { - delete this.listData.tab; - } - - this.listData.name = this.ruleForm.name; - this.listData.depName = this.$store.state.verCateNode.name; - - const data = await select_Ver_ByPageAndCount(this.listData); - - if (data.code != 200) { - this.$message.error('鍒楄〃璋冪敤澶辫触'); - } - this.tableData = data.result; - this.count = data.count; - }, - handleSizeChange(val) { - this.listData.pageSize = val; - this.getRoleTabelData(); - }, - handleCurrentChange(val) { - this.listData.pageIndex = val; - this.getRoleTabelData(); - }, - showVerTree(res) { - this.showCata = true; - this.rowFlag = res; - }, - selectCataName() { - this.showCata = false; - if (this.rowFlag == 3) { - this.insertform.path = this.$store.state.verCateNodes.name; - this.insertform.dirid = this.$store.state.verCateNodes.id; - } else if (this.rowFlag == 2) { - this.upform.depName = this.$store.state.verCateNodes.name; - this.upform.dirid = this.$store.state.verCateNodes.id; - } - }, - editFromDataClose() { - this.dialogFormVisible = false; - this.upform = {}; - }, - async editFromData() { - if (this.upform.depName == null) { - this.$message({ - message: '璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�', - type: 'warning', - }); - return; - } - const data = await updateVersion(this.upform); - if (data.code == 200) { - this.dialogFormVisible = false; - this.upform = {}; - this.$message({ - message: '淇敼鎴愬姛锛�', - type: 'success', - }); - this.getRoleTabelData(); - } else { - this.$message({ - message: '淇敼澶辫触锛�', - type: 'warning', - }); - } - }, - insertFromDataClose() { - this.InsertFormdialog = false; - this.insertform = {}; - }, - async insertFromData() { - if (this.insertform.dirid == null) { - this.$message({ - message: '璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�', - type: 'warning', - }); - return; - } - const data = await insertVersion(this.insertform); - if (data.code == 200) { - this.InsertFormdialog = false; - this.insertform = {}; - this.$message({ - message: '娣诲姞鎴愬姛锛�', - type: 'success', - }); - this.getRoleTabelData(); - } else { - this.$message({ - message: '娣诲姞澶辫触锛�', - type: 'warning', - }); - } - }, - formatTime(row, column) { - let date = row[column.property]; - if (date === undefined || date === null) { - return ''; - } - return moment(parseInt(date)).format('YYYY-MM-DD HH:mm:ss'); - }, - async handleDelete(index, row) { - const data = await deleteVersion(row.id); - if (data.code == 200) { - this.InsertFormdialog = false; - this.$message({ - message: '鍒犻櫎鎴愬姛锛�', - type: 'success', - }); - this.getRoleTabelData(); - } else { - this.$message({ - message: '鍒犻櫎澶辫触锛�', - type: 'warning', - }); - } - }, - handleEdit(index, row) { - this.dialogFormVisible = true; - this.upform = row; - }, }, - watch: { - pathId: { - immediate: true, - handler(val) {}, - }, - }, + watch: {}, }; </script> <style lang="less" scoped> @@ -589,9 +410,27 @@ padding: 1%; overflow-y: auto; } + .projectli { + height: 46px; + padding: 12px 12px; + font-size: 14px; + color: white; + border-bottom: 1px solid white; + line-height: 46px; + } } .eldivider { margin-top: 0px; + } + .projFrom { + .el-input { + width: 800px; + } + } + .editFrom1 { + .el-input { + width: 600px; + } } .primary { background: #409eff; @@ -705,22 +544,23 @@ background-color: #216fe6; } } - /deep/ .el-dialog { - background: #303030; - } - /deep/.el-range-editor.is-active, - .el-range-editor.is-active:hover, - .el-select .el-input.is-focus .el-input__inner { - border: 1px solid; - } - /deep/.el-dialog__title { - color: white; - } - /deep/ .el-select .el-input__inner { - border-color: #fff !important; - } - /deep/.el-cascader .el-input__inner { - border-color: #fff !important; - } +} +/deep/ .el-dialog { + background: #303030; +} +/deep/.el-range-editor.is-active, +.el-range-editor.is-active:hover, +.el-select .el-input.is-focus .el-input__inner { + border: 1px solid; +} +/deep/.el-dialog__title { + color: white; +} +/deep/ .el-select .el-input__inner { + border-color: #fff !important; +} +/deep/.el-cascader .el-input__inner { + border-color: #fff !important; } </style> +<style scoped></style> -- Gitblit v1.9.3