From 875be114d48b0591186030819233fdcc20a8cd0a Mon Sep 17 00:00:00 2001 From: wang1 <844966816@qq.com> Date: 星期四, 20 七月 2023 14:09:47 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/UBCS-WEB/src/components/work/BusinessWork.vue | 113 +++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 95 insertions(+), 18 deletions(-) diff --git a/Source/UBCS-WEB/src/components/work/BusinessWork.vue b/Source/UBCS-WEB/src/components/work/BusinessWork.vue index 783f534..e30e6dd 100644 --- a/Source/UBCS-WEB/src/components/work/BusinessWork.vue +++ b/Source/UBCS-WEB/src/components/work/BusinessWork.vue @@ -1,6 +1,6 @@ <template> <div> - <el-button @click="HandlerRend" size="small" type="primary">淇濆瓨</el-button> + <el-button @click="HandlerSave" v-if="hasEditor" size="small" type="primary" style="margin-bottom: 20px">淇濆瓨</el-button> <el-table v-loading="isLoading" :data="tableData" @@ -8,7 +8,6 @@ style="" @cell-click="handleCellClick" > - <el-table-column fixed type="selection" width="55"> </el-table-column> <el-table-column fixed label="搴忓彿" type="index" width="55"> </el-table-column> <el-table-column @@ -22,17 +21,31 @@ :show-overflow-tooltip="true" align="center" > - <!-- 缂栬緫鍜屽睍绀洪�昏緫 --> - <!-- <template slot-scope="{ row }">--> - <!-- <el-input v-if="editingRow === row && editShow== item.prop" v-model="row[item.prop]" @blur="saveRow"></el-input>--> - <!-- <span v-else>{{row[item.prop]}}</span>--> - <!-- <el-switch--> - <!-- v-if="editShow === 'true'"--> - <!-- v-model="row[item.prop]"--> - <!-- active-color="#13ce66"--> - <!-- inactive-color="#ff4949">--> - <!-- </el-switch>--> - <!-- </template>--> + <template slot-scope="{ row }"> + <el-input v-if="editingRow === row && editShow== item.prop && item.edit == 'text'" v-model="row[item.prop]" + @blur="editingRows=null"></el-input> + <el-input-number size="small" controls-position="right" v-if="editingRow === row && editShow== item.prop && item.edit == 'number'" v-model="row[item.prop]" + @blur="editingRows=null" :style="{width:(item.width-10)+'px'}"></el-input-number> + <el-select v-model="row[item.prop]" filterable allow-create default-first-option slot="prepend" v-if="editingRow === row && editShow== item.prop && item.edit == 'select' " @blur="editingRows=null"> + <el-option + v-for="optionItem in item.dicData" + :key="optionItem.dictValue" + :label="optionItem.dictValue" + :value="optionItem.dictValue"> + </el-option> + </el-select> + <el-switch + v-if="item.edit === 'switch' || item.edit === 'truefalse'" v-model="row[item.prop]" active-value="true" + inactive-value="false"> + </el-switch> + <vciWebRefer v-if="editingRow === row && editShow== item.prop && item.edit == 'refer'" + :referConfig="item.referConfig || {}" + :value="row[item.referConfig.field] || row[item.prop]" + :text="row[item.referConfig.showField]" + @setReferValue="setReferValue" + ></vciWebRefer> + <span v-else v-html="formatter(row,item)"></span> + </template> </el-table-column> </el-table> </div> @@ -40,10 +53,14 @@ <script> import {businese} from '@/api/work/businese' -import {FlowTable} from "@/api/GetItem"; +import {FlowTable, batchUpdateCode} from "@/api/GetItem"; import {validatenull} from "@/util/validate"; +import {getDictionary} from "@/api/system/dict"; +import vciWebRefer from "../refer/vciWebRefer.vue"; + export default { name: "BusinessWork", + components: { vciWebRefer }, props:['ids','templateId',"taskId","modelKey","codeClassifyOid"], data() { return { @@ -54,12 +71,16 @@ editingRow: null, editShow: "", editAttr: "", + hasEditor:false, columnType: { text: "input", combox: "select", truefalse: "switch", number: "number", + textarea: "textarea", datetime: "datetime", + date: "date", + refer: "refer" } } }, @@ -78,8 +99,16 @@ mounted() { }, methods:{ - HandlerRend(){ + HandlerSave(){ this.editingRow = null; + //淇濆瓨 + batchUpdateCode(this.tableData).then(res => { + console.log(res) + if(res.data.data.success){ + this.$message.success("淇濆瓨鎴愬姛"); + } + + }) }, //琛ㄦ牸澶存覆鏌� CrudHeaderRend() { @@ -95,6 +124,7 @@ 'modelKey': this.modelKey, 'codeClassifyOid': this.codeClassifyOid }).then((res) => { + this.hasEditor=res.data.tableDefineVO.hasEditor; this.options = res.data.tableDefineVO.seniorQueryColumns; this.List = res.data.tableDefineVO.cols[0]; this.tableHeadData=[]; @@ -104,7 +134,8 @@ prop: item.field, type: this.columnType[item.type], sortable: item.sort, - width: item.minWidth + width: item.minWidth, + edit:this.columnType[item.edit] }; if(item.field == 'id' && validatenull(item.templet)){ //浼佷笟缂栫爜鐨勯粯璁ゆ坊鍔犺秴閾炬帴,鏆傛湭瀹炵幇 @@ -117,8 +148,29 @@ return row[column.property] == 'true' || row[column.property] == '1' ? '鏄�' : '鍚�' } } + } - this.tableHeadData.push(columnItem) + if(validatenull(item.edit)) { + if (typeof item.editConfig == "string") { + columnItem.editConfig = eval("(" + item.editConfig + ")"); + } else { + columnItem.editConfig = item.editConfig + } + if (item.edit == 'select') { + //闇�瑕佽幏鍙栦笅鎷夋鏁版嵁 + columnItem.dicData = columnItem.editConfig.comboxConfig.data || this.geDictData(columnItem.editConfig.comboxConfig.comboxKey) + } + if (item.edit == 'refer') { + columnItem.referConfig = { + title: item.title, + showField: item.showField || item.field, + field: item.field, + options: columnItem.editConfig.referConfig + } + } + } + + this.tableHeadData.push(Object.assign(item, columnItem)) }); }); } @@ -132,11 +184,36 @@ this.tableData = res.data.data; }) }, + // 寮傛鑾峰彇瀛楀吀鏁版嵁 + geDictData(dictKey) { + getDictionary({code: dictKey}).then((res) => { + if (res.data && res.data.code === 200) { + return (res.data.data || []).map((itm) => { + itm.value = itm.dictValue; + itm.key = itm.dictKey; + return itm; + }); + } + }); + }, // 鐩戝惉鍗曞厓鏍肩偣鍑讳簨浠跺苟瀛樺偍姝e湪缂栬緫鐨勮 - handleCellClick(row, column) { + handleCellClick(row, column, cell, event) { this.editingRow = row; this.editShow = column.property; }, + formatter(row, column){ + if(column.formatter){ + return column.formatter(row,column) + }else{ + return row[column.prop] + } + }, + setReferValue(data) { + if (data.field) { + this.editingRow[data.field] = data.value || ""; + this.editingRow[data.showField] = data.text || ""; + } + } } } </script> -- Gitblit v1.9.3