| | |
| | | </el-tree> |
| | | </div> |
| | | </div> |
| | | <div style="width: 80%; |
| | | width: 80%; |
| | | height: 100%; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | overflow: auto;"> |
| | | <div style="display:flex;justify-content:space-between;align-items: center"> |
| | | <el-breadcrumb separator="/"> |
| | | <div class="right_menu subpage_Div"> |
| | | <div style="display:flex;justify-content:right;align-items: center;padding-bottom: 14px"> |
| | | <el-breadcrumb separator="/" style="display: none"> |
| | | <el-breadcrumb-item :to="{ path: '/' }">{{ |
| | | $t('dataManage.dictionaryManageObj.particulars') |
| | | }}</el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | |
| | | <div> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | |
| | | >{{$t('operatManage.menuSetObj.moveDown')}}</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="dividing-line" style="margin-top: 20px"></div> |
| | | <div class="dividing-line"></div> |
| | | <div class="form_box"> |
| | | <!-- <el-divider class="eldivider" />--> |
| | | <el-form |
| | | style="margin-top: 25px; position: relative;" |
| | | <el-form label-width="130px" |
| | | :model="itemdetail" |
| | | ref="itemdetail" |
| | | :rules="rules" |
| | |
| | | style="max-width: 400px;" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <div |
| | | class="btnBox" |
| | | v-if="menuStatus.update" |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="updDep('itemdetail')" |
| | | >{{ $t('common.submit') }}</el-button> |
| | | <el-button |
| | | size="small" |
| | | @click="reset('itemdetail')" |
| | | >{{ |
| | | $t('common.cancel') |
| | | }}</el-button> |
| | | <div v-if="menuStatus.update"> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="updDep('itemdetail')" |
| | | >{{ $t('common.submit') }}</el-button> |
| | | <el-button |
| | | size="small" |
| | | @click="reset('itemdetail')" |
| | | >{{ |
| | | $t('common.cancel') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | |
| | | </div> |
| | | |
| | | <el-dialog |
| | | |
| | | top="2vh" |
| | | :title="$t('common.append')" |
| | | :visible.sync="dialogFormVisible" |
| | | :before-close="handleClose" |
| | | > |
| | | <div style="height: 500px; overflow: auto"> |
| | | <el-form |
| | |
| | | v-model="ruleForm.name" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.name')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.sname" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.abbreviation')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.code" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.unitCode')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.uncode" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.organizationCode')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.addr" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.cmpanyAddress')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.contact" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.continformation')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.fax" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.fax')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.email" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.EMail')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.post" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.postalCode')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.website" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.WebsiteAddress')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | v-model="ruleForm.bak" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.orgManageObj.remarks')" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | // console.log(node); |
| | | }, |
| | | resetForm(formName) { |
| | | this.dialogFormVisible = false; |
| | | this.$nextTick(() => { |
| | | this.ruleForm = {}; |
| | | this.$refs[formName].resetFields(); |
| | | }); |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.dialogFormVisible = false; |
| | | this.$nextTick(() => { |
| | | this.ruleForm = {}; |
| | | this.$refs[formName].resetFields(); |
| | | }); |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | submitForm(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | |
| | | } |
| | | } |
| | | }, |
| | | handleClose() { |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.dialogFormVisible = false |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.getMenuTree(); |
| | |
| | | } |
| | | .left_Tree { |
| | | width: 15%; |
| | | height: 91%; |
| | | |
| | | //height: 94%; |
| | | height: 100%; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | overflow-y: auto; |
| | | border-right: 1px solid #dcdfe6; |
| | | } |
| | | .right_menu { |
| | | width: 80%; |
| | | height: 91%; |
| | | |
| | | //height: 91%; |
| | | height: 98%; |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | overflow: auto; |
| | | |
| | | .el-input { |
| | | width: 400px; |
| | | .form_box { |
| | | box-sizing: border-box; |
| | | padding-top: 22px; |
| | | width: 100%; |
| | | .el-input { |
| | | width: 400px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .btnBox{ |
| | | margin-left: 150px; |
| | | //position: absolute; |
| | | //bottom: 0; |
| | | //right: 0; |