| | |
| | | prop="description" |
| | | label="工艺路线描述" |
| | | sortable="custom" |
| | | /> |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.description">{{ row.description }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="enable" |
| | | label="使用状态" |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.enable==='Y'">是</div> |
| | | <div v-if="row.enable==='N'">否</div> |
| | | <div v-if="row.enable==='Y'"> |
| | | <svg-icon icon-class="circleYes" style="margin-right: 2px" /> |
| | | 是 |
| | | </div> |
| | | <div v-if="row.enable==='N'"> |
| | | <svg-icon icon-class="circleNo" style="margin-right: 2px" /> |
| | | 否 |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | <template slot-scope="{row}"> |
| | | <div class="operationClass"> |
| | | <el-tooltip class="item" effect="dark" content="预览" placement="top"> |
| | | <i class="el-icon-view" style="margin-right:15px;cursor: pointer;color:#42b983 " @click="edit('edit',row)" /> |
| | | <i |
| | | class="el-icon-view" |
| | | style="margin-right:15px;cursor: pointer;color:#42b983 " |
| | | @click="edit('edit',row)" |
| | | /> |
| | | </el-tooltip> |
| | | <el-tooltip v-del-tab-index class="item" effect="dark" content="删除" placement="top"> |
| | | <i class="el-icon-delete" @click="del(row)" /> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="工艺描述" prop="description"> |
| | | <el-input v-model="dialogForm.description" :disabled="operation==='edit'" type="textarea" style="width: 220px" /> |
| | | <el-input |
| | | v-model="dialogForm.description" |
| | | :disabled="operation==='edit'" |
| | | type="textarea" |
| | | style="width: 220px" |
| | | /> |
| | | </el-form-item> |
| | | </div> |
| | | <el-form-item label="工艺设置" prop="Data" style="margin-top: 30px"> |
| | |
| | | zIndex:tag.label===selectedName?0:2 |
| | | }" |
| | | > |
| | | {{ index+1 }} |
| | | {{ index + 1 }} |
| | | </div> |
| | | |
| | | <!-- <el-tooltip--> |
| | |
| | | } |
| | | }, |
| | | // 工艺设置 下拉获取所有 |
| | | async getStepSelectArr() { |
| | | async getStepSelectArr() { |
| | | const { data: res } = await StepSelect() |
| | | this.routeArr = res |
| | | }, |
| | |
| | | if (this.clickSelected === '' || this.clickSelected === this.dynamicTags.length) { |
| | | seq = this.dynamicTags.length + 1 |
| | | this.dynamicTags.push( |
| | | { editDisabled: true, seq: seq, stepname: '', effect: 'light', stepcode: ('Step' + (seq.toString().length === 2 ? seq : '0' + seq)) } |
| | | { |
| | | editDisabled: true, |
| | | seq: seq, |
| | | stepname: '', |
| | | effect: 'light', |
| | | stepcode: ('Step' + (seq.toString().length === 2 ? seq : '0' + seq)) |
| | | } |
| | | ) |
| | | } else { |
| | | // 2.第二种情况 当选中某个tag 将在tag后面添加 |
| | |
| | | this.getStepSelectArr() |
| | | }, |
| | | // 工艺路线预览 |
| | | async edit(operation, row) { |
| | | async edit(operation, row) { |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | |
| | |
| | | border-radius: 0; |
| | | color: $main_color; |
| | | } |
| | | |
| | | ::v-deep .el-button--success:disabled { |
| | | background-color:#eeeeee; |
| | | background-color: #eeeeee; |
| | | color: $main_color; |
| | | } |
| | | |
| | |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .autocompleteClass{ |
| | | .el-autocomplete-suggestion li{ |
| | | .autocompleteClass { |
| | | .el-autocomplete-suggestion li { |
| | | //color: red; |
| | | } |
| | | } |
| | |
| | | <!--公共页面样式--> |
| | | <style lang="scss" scoped> |
| | | $main_color: #42b983; |
| | | .el-icon-share ,.el-icon-delete,.el-icon-edit-outline{ |
| | | .el-icon-share, .el-icon-delete, .el-icon-edit-outline { |
| | | color: $main_color; |
| | | cursor: pointer; |
| | | } |
| | | .el-icon-edit-outline{ |
| | | |
| | | .el-icon-edit-outline { |
| | | margin-right: 15px; |
| | | } |
| | | |
| | |
| | | background-color: #f8f8fa; |
| | | } |
| | | |
| | | ::v-deep .el-table__body .el-table__row.hover-row td{ |
| | | background-color: #eaecef ; |
| | | ::v-deep .el-table__body .el-table__row.hover-row td { |
| | | background-color: #eaecef; |
| | | } |
| | | |
| | | ::v-deep .el-form--inline .el-form-item__label { |
| | |
| | | .body ::v-deep .el-form-item { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .userDialogVisible ::v-deep .el-form-item { |
| | | margin-bottom: 0; |
| | | } |