From b03d0d157d871c532909f9f70cbf49fd6d80504d Mon Sep 17 00:00:00 2001
From: lihang <lihang@vci-tech.com>
Date: 星期四, 20 四月 2023 10:19:05 +0800
Subject: [PATCH] 元数据页面修正
---
Source/UBCS-WEB/src/views/modeling/original.vue | 503 ++++++++++++++++++++++++++++---------------------------
1 files changed, 253 insertions(+), 250 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/modeling/original.vue b/Source/UBCS-WEB/src/views/modeling/original.vue
index f21eb03..6e408a7 100644
--- a/Source/UBCS-WEB/src/views/modeling/original.vue
+++ b/Source/UBCS-WEB/src/views/modeling/original.vue
@@ -1,10 +1,18 @@
<template>
<basic-container>
- <avue-crud v-model="form" :option="option" :data="data" ref="crud" :before-open="beforeOpen" @on-load="onLoad" @row-save="rowSave" @row-update="rowUpdate" @row-del="rowDel" :page.sync="page">
+ <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-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>
@@ -34,21 +42,45 @@
</template>
<script>
+import {
+ getList,
+ remove,
+ add,
+ update, getPage
+} from "@/api/omd/OmdAttribute";
+
+import {
+ getDictionary
+} from "@/api/omd/dictbiz";
+
export default {
- name: "passwords.vue",
+ name: "original.vue",
data() {
return {
- rouname:"",
+ datas:[],
+ formAtrr:{},
+ rouname: "",
// 涓氬姟绫诲瀷瀵硅瘽妗�
- packageBox:false,
+ packageBox: false,
//閾炬帴绫诲瀷瀵硅瘽妗�
- packageLinkBox:false,
+ packageLinkBox: false,
//鍊煎煙涓嬫媺妗嗘暟鎹�
- Typelist:[],
+ Typelist: [],
//鐗堟湰鏁版嵁
- banList:[],
- form:{
- text:""
+ banList: [],
+ // 灞炴�х被鍨嬩笅鎷夋鏁版嵁
+ typeSelectList : [
+ {
+ label: "鍝堝搱鍝�",
+ value:0
+ },],
+ // 鏄惁涓虹┖
+ nullable : [],
+ form: {
+ text: ""
+ },
+ detailForm: {
+ text: ""
},
page: {
pageSize: 10,
@@ -56,233 +88,205 @@
total: 100
},
data: [
- {
- name:"a",
- prop:"VTstring",
- admin:"榛樿",
- desc:"娴嬭瘯A"
- },
- {
- name:"b",
- prop:"VTstring",
- admin:"榛樿",
- desc:"娴嬭瘯B"
- },
- {
- name:"c",
- prop:"VTstring",
- admin:"榛樿",
- desc:"娴嬭瘯C"
- },
- {
- name:"d",
- prop:"VTstring",
- admin:"榛樿",
- desc:"娴嬭瘯D"
- }
+
],
- option:{
+ option: {
selection: true,
headerAlign: 'center',
border: true,
index: true,
- rowKey:'id',
+ rowKey: 'id',
tabs: true,
- column:[
+ column: [
{
- label: '灞炴�у悕',
- prop: 'name',
+ label: '灞炴�х紪鍙�',
+ prop: 'key',
align: 'left',
- display:false
+ display: false
+ }, {
+ label: '灞炴�у悕绉�',
+ prop: 'label',
+ align: 'left',
+ display: false
},
{
label: '鏍囩',
- prop: 'tag',
- hide:true,
+ prop: 'hashtag',
+ // hide: true,
display: false
},
{
label: '鏄惁浣跨敤鏋氫妇',
- prop: 'isnot',
+ prop: 'usingDict',
type: 'switch',
- hide:true,
+ // hide: true,
labelWidth: 132,
display: false,
- dicData:[{
- label:'鏄�',
- value:0
- },{
- label:'鍚�',
- value:1
+ dicData: [{
+ label: '鏄�',
+ value: 0
+ }, {
+ label: '鍚�',
+ value: 1
}]
},
{
label: '灞炴�х被鍨�',
- prop: 'prop',
- type:"select",
+ prop: 'typeValue',
display: false,
- dicData:[
- {
- label:"娴嬭瘯1",
- value:0
- },
- {
- label:"娴嬭瘯2",
- value:1
- },
- {
- label:"娴嬭瘯3",
- value:2
- }
- ]
+ // hide: true
},
{
label: '榛樿鍊�',
- prop: 'admin',
+ prop: 'defaultValue',
display: false
},
{
label: '鍏佽涓虹┖',
- prop: 'isDefault',
+ prop: 'nullable',
type: 'switch',
display: false,
- hide:true,
+ hide: true,
labelWidth: 132,
- dicData:[{
- label:'涓嶅厑璁�',
- value:0
- },{
- label:'鍏佽',
- value:1
- }]
+ dicData: [{
+ label: '鍚�',
+ value: 1
+ }, {
+ label: '鏄�',
+ value: 0
+ }]
},
{
label: "闀垮害",
- prop: "length",
+ prop: "maxLength",
hide: true,
display: false
},
{
label: '鎻忚堪',
- prop: 'desc',
- type:"textarea",
+ prop: 'description',
+ type: "textarea",
display: false
},
],
- group:[
+ group: [
{
label: '灞炴�ч」',
- prop:"index",
+ prop: "index",
column: [
{
- label: '灞炴�у悕',
- prop: 'name',
+ label: '灞炴�х紪鐮�',
+ prop: 'key',
+ align: 'left',
+ },
+ {
+ label: '灞炴�у悕绉�',
+ prop: 'label',
align: 'left',
},
{
label: '鏍囩',
- prop: 'tag',
- hide:true
+ prop: 'hashtag',
+ hide: true
+ },{
+ label: '灞炴�х被鍨嬪瓧鍏哥爜',
+ prop: 'typeCode',
+ display: false,
+ value: 'attributeType'
},
{
label: '灞炴�х被鍨�',
- prop: 'prop',
- type:"select",
- dicData:[
+ prop: 'typeKey',
+ type: "select",
+ dicUrl: '/api/ubcs-omd/dict-biz/dictionary?code=attributeType',
+ dicType: 'String',
+ props: {
+ label: 'dictValue',
+ value: 'dictKey'
+ },
+ rules: [
{
- label:"娴嬭瘯1",
- value:0
- },
- {
- label:"娴嬭瘯2",
- value:1
- },
- {
- label:"娴嬭瘯3",
- value:2
+ required: true,
+ message: "璇烽�夋嫨灞炴�х被鍨�",
+ trigger: "click"
}
]
},
{
label: '榛樿鍊�',
- prop: 'admin',
+ prop: 'defaultValue',
},
{
label: '鍏佽涓虹┖',
- prop: 'isDefault',
+ prop: 'nullable',
type: 'switch',
- hide:true,
+ hide: true,
labelWidth: 132,
- dicData:[{
- label:'涓嶅厑璁�',
- value:0
- },{
- label:'鍏佽',
- value:1
- }]
+ dicData: this.nullable
},
{
label: "闀垮害",
- prop: "length",
+ prop: "maxLength",
hide: true
},
{
label: '鎻忚堪',
- prop: 'desc',
- type:"textarea"
+ prop: 'description',
+ type: "textarea"
},
]
},
{
label: '鍊煎煙',
- column:[
+ column: [
{
- placeholder:"璇烽�夋嫨鍊煎煙",
- span:12,
+ placeholder: "璇烽�夋嫨鍊煎煙",
+ span: 12,
label: '鍊煎煙',
prop: 'range',
- value:0,
- type:"select",
- change:this.selectChange,
- dicData:[
+ value: 0,
+ type: "select",
+ change: this.selectChange,
+ dicData: [
{
- label:"涓氬姟绫诲瀷",
- value:0
+ label: "涓氬姟绫诲瀷",
+ value: 0
},
{
- label:"閾炬帴绫诲瀷",
- value:1
+ label: "閾炬帴绫诲瀷",
+ value: 1
},
- ]},
+ ]
+ },
{
- prop:"selInput",
+ prop: "selInput",
placeholder: false,
- readonly:true,
+ readonly: true,
display: true,
formslot: true,
},
{
label: "閫夋嫨鐗堟湰",
- prop:"banben",
- type:'select',
- value:0,
+ prop: "banben",
+ type: 'select',
+ value: 0,
change: this.selchange,
display: true,
dicData: [
{
label: '褰撳墠鐗堟湰娆�',
- value:0
+ value: 0
},
{
label: '鏈�鏂扮増鏈',
- value:1
+ value: 1
}
]
},
{
//榛樿琛ㄦ牸鎻掓Ы
- prop:"default",
- span:24,
+ prop: "default",
+ span: 24,
display: false
}
]
@@ -294,30 +298,30 @@
label: '鏄惁浣跨敤鏋氫妇',
prop: 'isnot',
type: 'switch',
- hide:true,
+ hide: true,
labelWidth: 132,
- span:8,
- dicData:[{
- label:'鏄�',
- value:0
- },{
- label:'鍚�',
- value:1
+ span: 8,
+ dicData: [{
+ label: '鍚�',
+ value: 1
+ }, {
+ label: '鏄�',
+ value: 0
}]
},
{
- prop:'text',
- type:'input',
- placeholder:'璇疯緭鍏ュ唴瀹�',
- hide:true,
- display:false
+ prop: 'text',
+ type: 'input',
+ placeholder: '璇疯緭鍏ュ唴瀹�',
+ hide: true,
+ display: false
},
{
prop: 'enumerationSelect',
type: 'select',
placeholder: '璇烽�夋嫨',
hide: true,
- span:12,
+ span: 12,
dicData: [
{
label: 'a',
@@ -336,141 +340,140 @@
{
label: '鎻忚堪',
prop: 'endesc',
- type:"textarea",
+ type: "textarea",
labelWidth: 132,
},
]
}
]
},
-
}
},
created() {
},
- methods:{
- rowLinkchange(row){
- this.form.text=row.name
+ methods: {
+ rowLinkchange(row) {
+ this.form.text = row.name
},
- rowchange(row){
- this.form.text=row.name
+ rowchange(row) {
+ this.form.text = row.name
},
//鍊煎煙绫诲瀷閫夋嫨
addHandle() {
- this.packageBox=true
- if(this.Typelist.value == 0){
- this.packageBox=true
- this.packageLinkBox=false
- }else if(this.Typelist.value == 1){
- this.packageBox=false
- this.packageLinkBox=true
+ this.packageBox = true
+ if (this.Typelist.value == 0) {
+ this.packageBox = true
+ this.packageLinkBox = false
+ } else if (this.Typelist.value == 1) {
+ this.packageBox = false
+ this.packageLinkBox = true
}
},
// 鍊煎煙涓氬姟绫诲瀷瀵硅瘽妗嗗彇娑�
dialoghandelfalse() {
- this.packageBox=false;
- this.form.text=""
+ this.packageBox = false;
+ this.form.text = ""
},
//鍊煎煙涓氬姟绫诲瀷瀵硅瘽妗嗙‘瀹�
- dialoghandeltrue(){
- this.packageBox=false
+ dialoghandeltrue() {
+ this.packageBox = false
},
// 鍊煎煙閾炬帴绫诲瀷瀵硅瘽妗嗗彇娑�
- Linkdialoghandelfalse(){
- this.packageLinkBox=false;
- this.form.text=""
+ Linkdialoghandelfalse() {
+ this.packageLinkBox = false;
+ this.form.text = ""
},
//鍊煎煙閾炬帴绫诲瀷瀵硅瘽妗嗙‘瀹�
- Linkdialoghandeltrue(){
- this.packageLinkBox=false
+ Linkdialoghandeltrue() {
+ this.packageLinkBox = false
},
- selectChange(val){
- this.Typelist=val
+ 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
- }
- },
- selchange(val){
- this.banList=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
+ }
},
- // beforeOpen (done, type) {
- // if (['view', 'edit'].includes(type)) {
- // // 鏌ョ湅鍜岀紪杈戦�昏緫
- // console.log("缂栬緫")
- // } else {
- // //鏂板閫昏緫
- // console.log(this.Typelist)
- // console.log(this.banList)
- //
- // console.log("鏂板")
- // }
- // done();
- //
- // }
+ selchange(val) {
+ this.banList = val
},
+ refreshChange() {
+ this.onLoad(this.pageParent, this.query);
+ },
+ beforeOpen(done, type) {
+ if (['view', 'edit'].includes(type)) {
+ // 鏌ョ湅鍜岀紪杈戦�昏緫
+ console.log("缂栬緫")
+ } else {
+ //鏂板閫昏緫
+ console.log(this.Typelist)
+ console.log(this.banList)
- // rowDel(row){
- // this.$confirm("纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?", {
- // confirmButtonText: "纭畾",
- // cancelButtonText: "鍙栨秷",
- // type: "warning"
- // })
- // .then(() => {
- // return getremove(row.id);
- // })
- // .then(() => {
- // this.$message({
- // type: "success",
- // message: "鎿嶄綔鎴愬姛!"
- // });
- // this.onLoad();
- // });
- // },
- // rowSave(row,done){
- // getadd(row).then(()=>{
- // this.$message({
- // type: "success",
- // message: "鎿嶄綔鎴愬姛!"
- // });
- // done(row)
- // this.onLoad()
- // }).catch((res)=>{
- // this.$message({
- // type: "success",
- // message:res
- // });
- // })
- // },
- // rowUpdate(row,index,done){
- // getupdata(row).then(()=>{
- // this.onLoad()
- // this.$message({
- // type: "success",
- // message: "淇敼鎴愬姛!"
- // });
- // done(row)
- // })
- // },
- // onLoad(page, params = {}) {
- // // this.loading = true;
- // // getPage(this.page.currentPage, this.page.pageSize, Object.assign(params, this.query)).then(res => {
- // // // const data = res.data.data;
- // // // this.page.total = data.total;
- // // // this.data = data.records;
- // // // this.loading = false;
- // // // this.selectionClear();
- // // this.data=res.data.data.records
- // // })
- // }
- // }
+ console.log("鏂板")
+ console.log(this.typeSelectList)
+ }
+ done();
+ },
+ rowDel(row) {
+ this.$confirm("纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ })
+ .then(() => {
+ return remove(row.id);
+ })
+ .then(() => {
+ this.$message({
+ type: "success",
+ message: "鎿嶄綔鎴愬姛!"
+ });
+ this.onLoad();
+ });
+ },
+ rowSave(row, done) {
+ add(row).then(() => {
+ this.$message({
+ type: "success",
+ message: "鎿嶄綔鎴愬姛!"
+ });
+ done(row)
+ this.onLoad()
+ }).catch((res) => {
+ this.$message({
+ type: "success",
+ message: res
+ });
+ })
+ },
+ rowUpdate(row, index, done) {
+ update(row).then(() => {
+ this.onLoad()
+ this.$message({
+ type: "success",
+ message: "淇敼鎴愬姛!"
+ });
+ done(row)
+ })
+ },
+ onLoad(page, params = {}) {
+ this.loading = true;
+ getPage(this.page.currentPage, this.page.pageSize, Object.assign(params, this.query)).then(res => {
+ const data = res.data.data;
+ this.page.total = data.total;
+ this.data = data.records;
+ this.loading = false;
+ this.data = res.data.data.records
+ })
+ },
+ },
}
</script>
--
Gitblit v1.9.3