From e55cf23dc536ce06b9a8b14edd889215956c1eda Mon Sep 17 00:00:00 2001
From: ludc
Date: 星期五, 21 四月 2023 19:30:16 +0800
Subject: [PATCH] 增加弹窗界面，以及代码整合
---
Source/UBCS-WEB/src/views/modeling/original.vue | 274 ++++++++++++++++++++++++++++++++++--------------------
1 files changed, 174 insertions(+), 100 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/modeling/original.vue b/Source/UBCS-WEB/src/views/modeling/original.vue
index f73bedd..8597d3e 100644
--- a/Source/UBCS-WEB/src/views/modeling/original.vue
+++ b/Source/UBCS-WEB/src/views/modeling/original.vue
@@ -1,44 +1,89 @@
<template>
- <basic-container>
- <avue-crud v-model="form" :option="option" :data="data" ref="crud"
- @on-load="onLoad"
- @row-save="rowSave"
- @row-update="rowUpdate"
- :before-open="beforeOpen"
- @row-del="rowDel"
- :page.sync="page"
- @refresh-change="refreshChange"
- >
- <template slot-scope="{row,index,type}" slot="selInputForm">
- <div style="margin-left: 75px">
- <el-input v-model="form.text" :size="size"
- style="width: 210px" :readonly="true"></el-input>
- <el-button type="primary" style="margin-left: 10px" @click="addHandle">閫夋嫨</el-button>
- <el-button type="info">鍙栨秷</el-button>
- </div>
- </template>
- </avue-crud>
- <el-dialog :visible.sync="packageBox"
- append-to-body
- title="鏌ョ湅涓氬姟绫诲瀷"
- width="1000px">
- <original-range @rowchange="rowchange"></original-range>
- <span slot="footer" class="dialog-footer">
+ <el-container>
+ <el-main>
+ <basic-container>
+ <avue-crud v-model="form" :option="option" :data="data" ref="crud" @on-load="onLoad" @row-save="rowSave"
+ @row-update="rowUpdate" :before-open="beforeOpen" @row-del="rowDel" :page.sync="page"
+ @refresh-change="refreshChange" @row-click="rowClick">
+ <template slot-scope="{row,index,type}" slot="selInputForm">
+ <div style="margin-left: 75px">
+ <el-input v-model="form.text" :size="size" style="width: 210px" :readonly="true" @focus="selectBtmType" :disabled="referType.disable"></el-input>
+ <!-- <el-button type="primary" style="margin-left: 10px" @click="addHandle">閫夋嫨</el-button> -->
+ <!-- <el-button type="info">鍙栨秷</el-button> -->
+ </div>
+ </template>
+ </avue-crud>
+ <el-dialog :visible.sync="referType.display" append-to-body :title="referType.title" width="1000px">
+ <original-range @rowchange="rowchange"></original-range>
+ <span slot="footer" class="dialog-footer">
<el-button @click="dialoghandelfalse">鍙� 娑�</el-button>
<el-button type="primary" @click="dialoghandeltrue">纭� 瀹�</el-button>
- </span>
- </el-dialog>
- <el-dialog :visible.sync="packageLinkBox"
- append-to-body
- title="鏌ョ湅閾炬帴绫诲瀷"
- width="1000px">
- <original-link @rowLinkchange="rowLinkchange"></original-link>
- <span slot="footer" class="dialog-footer">
+ </span>
+ </el-dialog>
+ <!-- <el-dialog :visible.sync="packageLinkBox" append-to-body title="鏌ョ湅閾炬帴绫诲瀷" width="1000px">
+ <original-link @rowLinkchange="rowLinkchange"></original-link>
+ <span slot="footer" class="dialog-footer">
<el-button @click="Linkdialoghandelfalse">鍙� 娑�</el-button>
<el-button type="primary" @click="Linkdialoghandeltrue">纭� 瀹�</el-button>
- </span>
- </el-dialog>
- </basic-container>
+ </span>
+ </el-dialog> -->
+ </basic-container>
+ </el-main>
+ <el-aside>
+ <basic-container class="itemForm">
+ <el-tabs v-model="activeName" @tab-click="handleClick">
+ <el-tab-pane label="灞炴�ч」" name="attrTab">
+ <el-form ref="form" :model="itemData" label-width="80px" style="height: 656px;">
+ <el-form-item label="灞炴�х紪鐮�">
+ <el-input v-model="itemData.key" :disabled="true"></el-input>
+ </el-form-item>
+ <el-form-item label="灞炴�у悕绉�">
+ <el-input v-model="itemData.label" :disabled="true"></el-input>
+ </el-form-item>
+ <el-form-item label="灞炴�х被鍨�">
+ <el-input v-model="itemData.typeValue" :disabled="true"></el-input>
+ </el-form-item>
+ <el-form-item label="鏍囩">
+ <el-input v-model="itemData.hashtag" :disabled="true"></el-input>
+ </el-form-item>
+ <el-form-item label="榛樿鍊�">
+ <el-input v-model="itemData.defaultValue" :disabled="true"></el-input>
+ </el-form-item>
+ <el-form-item label="鍏佽涓虹┖">
+ <el-switch v-model="itemData.nullable" :disabled="true"></el-switch>
+ </el-form-item>
+ <el-form-item label="闀垮害">
+ <el-input v-model="itemData.maxLength" :disabled="true"></el-input>
+ </el-form-item>
+ <el-form-item label="鎻忚堪">
+ <el-input v-model="itemData.description" :disabled="true"></el-input>
+ </el-form-item>
+ </el-form>
+ </el-tab-pane>
+ <el-tab-pane label="鍙傜収" name="valueTab">
+ <el-form ref="form" :model="itemData" label-width="80px" style="height: 656px;">
+ <el-form-item label="鍙傜収绫诲瀷">
+ <el-input v-model="itemData.referTypeValue" :disabled="true"></el-input>
+ </el-form-item>
+ <el-form-item label="鍙傜収鍚嶇О">
+ <el-input v-model="itemData.referToName" :disabled="true"></el-input>
+ </el-form-item>
+ </el-form>
+ </el-tab-pane>
+ <el-tab-pane label="鏋氫妇" name="enumTab">
+ <el-form ref="form" :model="itemData" label-width="80px" style="height: 656px;">
+ <el-form-item label="浣跨敤鏋氫妇">
+ <el-switch v-model="itemData.usingDict" :disabled="true"></el-switch>
+ </el-form-item>
+ <el-form-item label="鏋氫妇绫诲瀷">
+ <el-input v-model="form.dictCode" :disabled="true"></el-input>
+ </el-form-item>
+ </el-form>
+ </el-tab-pane>
+ </el-tabs>
+ </basic-container>
+ </el-aside>
+ </el-container>
</template>
<script>
@@ -49,33 +94,37 @@
update, getPage
} from "@/api/omd/OmdAttribute";
-import {
- getDictionary
-} from "@/api/omd/dict";
+import { getDictionary } from "@/api/omd/dict";
export default {
- name: "original.vue",
+ name: "original",
data() {
return {
- datas:[],
- formAtrr:{},
+ datas: [],
+ itemData: {},
+ activeName: 'attrTab',
+ formAtrr: {},
rouname: "",
- // 涓氬姟绫诲瀷瀵硅瘽妗�
- packageBox: false,
- //閾炬帴绫诲瀷瀵硅瘽妗�
- packageLinkBox: false,
+ referType: {
+ code: 'referType',
+ key: '',
+ value: '',
+ display: false,
+ title: '',
+ disable: true
+ },
//鍊煎煙涓嬫媺妗嗘暟鎹�
Typelist: [],
//鐗堟湰鏁版嵁
banList: [],
// 灞炴�х被鍨嬩笅鎷夋鏁版嵁
- typeSelectList : [
+ typeSelectList: [
{
label: "鍝堝搱鍝�",
- value:0
+ value: 0
},],
// 鏄惁涓虹┖
- nullable : [],
+ nullable: [],
form: {
text: ""
},
@@ -91,6 +140,7 @@
],
option: {
+ height: "550px",
selection: true,
headerAlign: 'center',
border: true,
@@ -119,7 +169,7 @@
label: '鏄惁浣跨敤鏋氫妇',
prop: 'usingDict',
type: 'switch',
- // hide: true,
+ hide: true,
labelWidth: 132,
display: false,
dicData: [{
@@ -149,12 +199,12 @@
hide: true,
labelWidth: 132,
dicData: [{
- label: '鍚�',
- value: 1
- }, {
- label: '鏄�',
- value: 0
- }]
+ label: '鍚�',
+ value: 1
+ }, {
+ label: '鏄�',
+ value: 0
+ }]
},
{
label: "闀垮害",
@@ -188,7 +238,7 @@
label: '鏍囩',
prop: 'hashtag',
hide: true
- },{
+ }, {
label: '灞炴�х被鍨嬪瓧鍏哥爜',
prop: 'typeCode',
display: false,
@@ -222,7 +272,13 @@
type: 'switch',
hide: true,
labelWidth: 132,
- dicData: this.nullable
+ dicData: [{
+ label: '鍚�',
+ value: 1
+ }, {
+ label: '鏄�',
+ value: 0
+ }]
},
{
label: "闀垮害",
@@ -237,25 +293,31 @@
]
},
{
- label: '鍊煎煙',
+ label: '鍙傜収',
column: [
{
- placeholder: "璇烽�夋嫨鍊煎煙",
+ label: '鍙傜収绫诲埆',
+ prop: 'referTypeCode',
+ display: false,
+ hide: true
+ },{
span: 12,
- label: '鍊煎煙',
- prop: 'range',
- value: 0,
+ label: '鍙傜収绫诲埆',
+ prop: 'referTypeKey',
type: "select",
change: this.selectChange,
- dicData: [
+ dicUrl: '/api/ubcs-omd/dict-biz/dictionary?code=referType',
+ dicType: 'String',
+ props: {
+ label: 'dictValue',
+ value: 'dictKey'
+ },
+ rules: [
{
- label: "涓氬姟绫诲瀷",
- value: 0
- },
- {
- label: "閾炬帴绫诲瀷",
- value: 1
- },
+ required: true,
+ message: "璇烽�夋嫨鍙傜収绫诲埆",
+ trigger: "click"
+ }
]
},
{
@@ -265,24 +327,24 @@
display: true,
formslot: true,
},
- {
- label: "閫夋嫨鐗堟湰",
- prop: "banben",
- type: 'select',
- value: 0,
- change: this.selchange,
- display: true,
- dicData: [
- {
- label: '褰撳墠鐗堟湰娆�',
- value: 0
- },
- {
- label: '鏈�鏂扮増鏈',
- value: 1
- }
- ]
- },
+ // {
+ // label: "閫夋嫨鐗堟湰",
+ // prop: "banben",
+ // type: 'select',
+ // value: 0,
+ // change: this.selchange,
+ // display: true,
+ // dicData: [
+ // {
+ // label: '褰撳墠鐗堟湰娆�',
+ // value: 0
+ // },
+ // {
+ // label: '鏈�鏂扮増鏈',
+ // value: 1
+ // }
+ // ]
+ // },
{
//榛樿琛ㄦ牸鎻掓Ы
prop: "default",
@@ -352,6 +414,8 @@
created() {
+ const column =this.findObject(this.option.group,"referTypeKey")
+ console.log(column);
},
methods: {
rowLinkchange(row) {
@@ -390,18 +454,22 @@
this.packageLinkBox = false
},
selectChange(val) {
- this.Typelist = val
-
- if (val.value == 0) {
- this.option.group[1].column[2].display = false
- } else if (val.value == 1) {
- this.option.group[1].column[2].display = true
- } else if (val.column.value == 0) {
- this.option.group[1].column[2].display = false
+ console.log(val);
+ this.referType.key = val.value
+ if (val.value == 'businessType'){
+ this.referType.value = '涓氬姟绫诲瀷'
}
+ if (val.value == 'linkType'){
+ this.referType.value = '閾炬帴绫诲瀷'
+ }
+ if(val.value){
+ this.referType.disable = false
+ }
+ console.log(this.referType.disable)
},
selchange(val) {
this.banList = val
+ console.log(val);
},
refreshChange() {
this.onLoad(this.pageParent, this.query);
@@ -471,12 +539,18 @@
this.data = data.records;
this.loading = false;
this.data = res.data.data.records
+ this.itemData = this.data[0];
})
},
+ rowClick(row) {
+ this.itemData = row
+ }
+ ,selectBtmType(){
+ this.referType.display = true;
+ this.referType.title = "璇烽�夋嫨" + this.referType.value
+ }
},
}
</script>
-<style lang="scss">
-
-</style>
+<style lang="scss"></style>
--
Gitblit v1.9.3