From 6c4d4b494ef9c8fb134ece79e3993038a0358639 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期五, 14 四月 2023 18:29:03 +0800 Subject: [PATCH] 对象建模更新 --- Source/UBCS-WEB/src/views/modeling/original.vue | 368 +++++++++++++++++++++------------------------------- 1 files changed, 149 insertions(+), 219 deletions(-) diff --git a/Source/UBCS-WEB/src/views/modeling/original.vue b/Source/UBCS-WEB/src/views/modeling/original.vue index 8a35740..f21eb03 100644 --- a/Source/UBCS-WEB/src/views/modeling/original.vue +++ b/Source/UBCS-WEB/src/views/modeling/original.vue @@ -1,81 +1,35 @@ <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"> - <template slot-scope="{row,index,type}" slot="hideboxForm"> - <avue-form :option="option.codomainoption"></avue-form> - <div v-if="tablefalge"> - <el-input style="width: 140px;margin-left: 300px"></el-input> - <el-button style="margin-left: 15px" type="primary">鎼滅储</el-button> - <el-table - ref="multipleTable" - :data="tableData" - tooltip-effect="dark" - style="width: 100%" - max-height="510" - @selection-change="handleSelectionChange"> - <el-table-column - type="selection" - width="55"> - </el-table-column> - - <el-table-column - prop="name" - label="涓氬姟绫诲瀷鍚�" - > - </el-table-column> - <el-table-column - prop="label" - label="鏍囩" - show-overflow-tooltip> - </el-table-column> - <el-table-column - prop="father" - label="鐖剁被" - show-overflow-tooltip> - </el-table-column> - <el-table-column - prop="rules" - label="鐗堟湰瑙勫垯" - show-overflow-tooltip> - </el-table-column> - <el-table-column - prop="cycle" - label="鐢熷懡鍛ㄦ湡" - show-overflow-tooltip> - </el-table-column> - </el-table> - <el-button style="margin-left: 320px;margin-top: 13px" type="primary">纭畾</el-button> - <el-button>鍙栨秷</el-button> + <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"> + <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> - <div v-if="!tablefalge"> - <el-input style="width: 140px;margin-left: 300px"></el-input> - <el-button style="margin-left: 15px" type="primary">鎼滅储</el-button> - <el-table - :data="tableDatas" - stripe - style="width: 100%"> - <el-table-column - type="selection" - width="55"> - </el-table-column> - <el-table-column - prop="name" - label="閾炬帴绫诲瀷"> - </el-table-column> - </el-table> - <el-button style="margin-left: 320px;margin-top: 13px" type="primary">纭畾</el-button> - <el-button>鍙栨秷</el-button> - </div> - -<!-- <div v-if="tablefalge">--> -<!-- <el-button style="margin-left: 320px;margin-top: 13px" type="primary">纭畾</el-button>--> -<!-- <el-button>鍙栨秷</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-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"> + <el-button @click="Linkdialoghandelfalse">鍙� 娑�</el-button> + <el-button type="primary" @click="Linkdialoghandeltrue">纭� 瀹�</el-button> + </span> + </el-dialog> </basic-container> </template> @@ -84,91 +38,23 @@ name: "passwords.vue", data() { return { - tablefalge:false, - tableDatas: [ { - name: 'input', - }, { - name: 'checkbox', - }, { - name: 'switch', - }], - tableData: [{ - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' + rouname:"", + // 涓氬姟绫诲瀷瀵硅瘽妗� + packageBox:false, + //閾炬帴绫诲瀷瀵硅瘽妗� + packageLinkBox:false, + //鍊煎煙涓嬫媺妗嗘暟鎹� + Typelist:[], + //鐗堟湰鏁版嵁 + banList:[], + form:{ + text:"" }, - { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - }, - { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - }, - { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - }, - { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - }, - { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - }, - { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - }, - { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - }, { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - }, - - { - name: 'abc', - label: '瀹㈡埛', - father:'瀹㈡埛', - rules:'瑙勫垯', - cycle:'cba' - },], - form:{}, page: { pageSize: 10, currentPage: 1, total: 100 }, - appflage:true, data: [ { name:"a", @@ -197,52 +83,11 @@ ], option:{ selection: true, - dialogType:'drawer', headerAlign: 'center', border: true, index: true, rowKey:'id', tabs: true, - codomainoption:{ - submitBtn: false, - emptyBtn: false, - column: [ - { - placeholder:"璇烽�夋嫨鍊煎煙", - span:24, - label: '鍊煎煙', - prop: 'select', - type:"select", - value:0, - change:this.selectChange, - dicData:[ - { - label:"涓氬姟绫诲瀷", - value:0 - }, - { - label:"閾炬帴绫诲瀷", - value:1 - }, - ]}, - { - label: "閫夋嫨鐗堟湰", - prop:"banben", - type:'select', - display:false, - dicData: [ - { - label: '褰撳墠鐗堟湰娆�', - value:0 - }, - { - label: '鏈�鏂扮増鏈', - value:1 - } - ] - } - ] - }, column:[ { label: '灞炴�у悕', @@ -392,11 +237,54 @@ label: '鍊煎煙', column:[ { - prop: 'hidebox', - formsolt:true, - hide: true, - span:24, + placeholder:"璇烽�夋嫨鍊煎煙", + span:12, + label: '鍊煎煙', + prop: 'range', + value:0, + type:"select", + change:this.selectChange, + dicData:[ + { + label:"涓氬姟绫诲瀷", + value:0 + }, + { + label:"閾炬帴绫诲瀷", + value:1 + }, + ]}, + { + prop:"selInput", + placeholder: false, + readonly:true, + display: true, + formslot: true, }, + { + label: "閫夋嫨鐗堟湰", + prop:"banben", + type:'select', + value:0, + change: this.selchange, + display: true, + dicData: [ + { + label: '褰撳墠鐗堟湰娆�', + value:0 + }, + { + label: '鏈�鏂扮増鏈', + value:1 + } + ] + }, + { + //榛樿琛ㄦ牸鎻掓Ы + prop:"default", + span:24, + display: false + } ] }, { @@ -463,30 +351,71 @@ created() { }, methods:{ - selectChange(val){ - console.log(val) - this.tablefalge=!this.tablefalge - if(val.value == 0){ - this.tablefalge=true - this.option.codomainoption.column[1].display=false - }else if(val.value == null || val.value == 1){ - this.tablefalge=false; - this.option.codomainoption.column[1].display=true + rowLinkchange(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 } }, - beforeOpen (done, type) { - if (['view', 'edit'].includes(type)) { - // 鏌ョ湅鍜岀紪杈戦�昏緫 - console.log("缂栬緫") - } else { - //鏂板閫昏緫 - this.tablefalge=false - console.log(this.tablefalge) - console.log("鏂板") - } - done(); + // 鍊煎煙涓氬姟绫诲瀷瀵硅瘽妗嗗彇娑� + dialoghandelfalse() { + this.packageBox=false; + this.form.text="" + }, + //鍊煎煙涓氬姟绫诲瀷瀵硅瘽妗嗙‘瀹� + dialoghandeltrue(){ + this.packageBox=false + }, + // 鍊煎煙閾炬帴绫诲瀷瀵硅瘽妗嗗彇娑� + Linkdialoghandelfalse(){ + this.packageLinkBox=false; + this.form.text="" + }, + //鍊煎煙閾炬帴绫诲瀷瀵硅瘽妗嗙‘瀹� + Linkdialoghandeltrue(){ + 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 + } + }, + selchange(val){ + this.banList=val + }, + // beforeOpen (done, type) { + // if (['view', 'edit'].includes(type)) { + // // 鏌ョ湅鍜岀紪杈戦�昏緫 + // console.log("缂栬緫") + // } else { + // //鏂板閫昏緫 + // console.log(this.Typelist) + // console.log(this.banList) + // + // console.log("鏂板") + // } + // done(); + // + // } + }, + // rowDel(row){ // this.$confirm("纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?", { // confirmButtonText: "纭畾", @@ -540,10 +469,11 @@ // // this.data=res.data.data.records // // }) // } - } + // } } </script> <style lang="scss"> + </style> -- Gitblit v1.9.3