From 65cd94b74a6dd5bae9bc2c3a98bc781d97099cb6 Mon Sep 17 00:00:00 2001 From: zouyu <2723363702@qq.com> Date: 星期五, 10 十一月 2023 19:18:10 +0800 Subject: [PATCH] modified: src/views/technology/routing/routing-form.vue --- src/views/technology/routing/routing-form.vue | 228 +++++++++++++++++++++++--------------------------------- 1 files changed, 93 insertions(+), 135 deletions(-) diff --git a/src/views/technology/routing/routing-form.vue b/src/views/technology/routing/routing-form.vue index e4d0294..6bba25d 100644 --- a/src/views/technology/routing/routing-form.vue +++ b/src/views/technology/routing/routing-form.vue @@ -494,139 +494,92 @@ ></rich-text> </div> </el-tab-pane> - <el-tab-pane label="宸ュ簭鍙傛暟" style="height: 100%"> - <el-card class="params-template"> - <div slot="header"> - <span>鍙傛暟闆�</span> - <el-button - style="float: right; padding: 3px 0" - type="text" - size="medium" - v-if="editable && dataForm.operations.length > 0" - @click="openTempalteDialog" - >娣诲姞 - </el-button> - </div> - <el-table - ref="templateTable" - :data="operationTemplateList" - class="l-mes" - height="600" - highlight-current-row - @row-click="templateRowClick" - > - <el-table-column - label="鍚嶇О" - prop="operationTemplateName" - align="center" - > - </el-table-column> - <el-table-column - label="绫诲瀷" - prop="operationTemplateType" - align="center" - > - </el-table-column> - <el-table-column label="鎿嶄綔" align="center"> - <template slot-scope="scope"> + <el-tab-pane v-if="dataForm.id!=null" label="宸ュ簭鍙傛暟" style="height: 100%;"> + <el-row :gutter="10"> + <el-col :span="9"> + <el-card class="params-template"> + <div slot="header"> + <span>鍙傛暟闆�</span> <el-button + style="float: right; padding: 3px 0" type="text" - size="mini" + size="medium" v-if="editable && dataForm.operations.length > 0" - @click.stop=" - handleTemplateDelete(scope.row, scope.$index) - " - >鍒犻櫎 + @click="openTempalteDialog" + >娣诲姞 </el-button> - </template> - </el-table-column> - </el-table> - </el-card> - <el-card class="template-param"> - <div slot="header"> - <span>鍙傛暟</span> - <div style="float: right;"> - <el-button - style="padding: 3px 0" - type="text" - size="medium" - v-if="editable && routingTemplateId != null" - @click="saveAllParamChange" - >淇濆瓨 - </el-button> - <el-button - style="padding: 3px 0" - type="text" - size="medium" - v-if="editable && routingTemplateId != null" - @click="openTempalteParamDialog" - >娣诲姞 - </el-button> - </div> - </div> - <div> - <!-- <paramMergeTemplate :key="isShowTree" :tableTreeData="paramData" :routingTemplateId="routingTemplateId"/> --> - <component - :is="paramMergeTemplate" - :key="isShowTree" - :tableTreeData="paramData" - :routingTemplateId="routingTemplateId" - ></component> - </div> - <!-- <paramMergeTemplate - :tableData="paramData" - :page="{}" - > - </paramMergeTemplate> --> - <!-- <component - :is="paramMergeTemplate" - :key="isShowTree" - :tableData="paramData" - :routingTemplateId="routingTemplateId" - ></component> --> - <!-- <el-table :data="paramData" class="l-mes" height="600"> - <el-table-column - label="鍙傛暟椤�" - prop="parameterItem" - align="center" - > - <template slot-scope="scope"> - <span - >{{ scope.row.parameterItem }}({{ - scope.row.unit - }})</span + </div> + <el-table + ref="templateTable" + :data="operationTemplateList" + class="l-mes" + height="600" + highlight-current-row + @row-click="templateRowClick" + > + <el-table-column + label="鍚嶇О" + prop="operationTemplateName" + align="center" > - </template> - </el-table-column> - <el-table-column - label="鍙傛暟绫诲瀷" - prop="type" - align="center" - :formatter="getParam" - > - </el-table-column> - <el-table-column label="鍊�" prop="paramValue" align="center"> - <template slot-scope="scope"> - <el-input - v-model="scope.row.paramValue" - placeholder="鍊�" - :disabled="!editable" - ></el-input> - </template> - </el-table-column> - <el-table-column label="鎿嶄綔" align="center"> - <template slot-scope="scope"> - <el-button - type="text" - size="mini" - v-if="editable && routingTemplateId != null" - @click.stop="handleParamDelete(scope.row, scope.$index)" - >鍒犻櫎 - </el-button> - </template> - </el-table-column> - </el-table> --> - </el-card> + </el-table-column> + <el-table-column + label="绫诲瀷" + prop="operationTemplateType" + align="center" + > + </el-table-column> + <el-table-column label="鎿嶄綔" align="center"> + <template slot-scope="scope"> + <el-button + type="text" + size="mini" + v-if="editable && dataForm.operations.length > 0" + @click.stop=" + handleTemplateDelete(scope.row, scope.$index) + " + >鍒犻櫎 + </el-button> + </template> + </el-table-column> + </el-table> + </el-card> + </el-col> + <el-col :span="15"> + <el-card class="template-param"> + <div slot="header"> + <span>鍙傛暟</span> + <div style="float: right;"> + <el-button + style="padding: 3px 0" + type="text" + size="medium" + v-if="editable && routingTemplateId != null" + @click="saveAllParamChange" + >淇濆瓨 + </el-button> + <el-button + style="padding: 3px 0" + type="text" + size="medium" + v-if="editable && routingTemplateId != null" + @click="openTempalteParamDialog" + >娣诲姞 + </el-button> + </div> + </div> + <div> + <component + :is="paramMergeTemplate" + :key="isShowTree" + :tableTreeData="paramData" + :routingTemplateId="routingTemplateId" + :handleParamDelete="handleParamDelete" + ></component> + </div> + </el-card> + </el-col> + </el-row> </el-tab-pane> </el-tabs> </div> @@ -1089,7 +1042,6 @@ }else{ this.isShowTree=true } - console.log(this.isShowTree); this.paramData=[] this.getRoutingTemplateParam(row.id) }, @@ -1443,13 +1395,23 @@ // 鍒犻櫎鍙傛暟 handleParamDelete(row, index) { - this.$confirm('鏄惁纭鍒犻櫎鍙傛暟椤逛负' + row.parameterItem, '鎻愮ず', { + this.$confirm('鏄惁纭鍒犻櫎鍙傛暟椤逛负銆�' + row.paramItem +'銆戠殑鏁版嵁?', '鎻愮ず', { confirmButtonText: '纭畾', cancelButtonText: '鍙栨秷', type: 'warning' }) .then(function() { - return deleteRoutingTemplateParam(row.id) + let id = null + if(row.treeId && row.treeId!='null'){ + id = row.treeId + }else{ + if(row.twoId && row.twoId!='null'){ + id = row.twoId + }else{ + id = row.oneId + } + } + return deleteRoutingTemplateParam(id) }) .then((response) => { const data = response.data @@ -1643,18 +1605,14 @@ } .params-template { - float: left; background-color: #fff; - width: 40%; height: 687px; padding: 10px 0px; border: 1px solid #ddd; } .template-param { - float: right; background-color: #fff; - width: calc(60% - 10px); height: 687px; padding: 10px 0px; border: 1px solid #ddd; -- Gitblit v1.9.3