| | |
| | | <template> |
| | | <div class="common-status"> |
| | | <div v-if="showButton" style="margin-left: 30px"> |
| | | <el-button v-if="isValidateClick" plain size="mini" @click="validateClick">验证</el-button> |
| | | <el-button v-if="isValidateClick" plain size="mini" @click="validateClick" :disabled="isCancel">验证</el-button> |
| | | <el-button v-if="showOther" plain size="mini" @click="delClick" :disabled="isDelClick">删除</el-button> |
| | | <el-button v-if="showCancel" plain size="mini" @click="btnCancel">取消</el-button> |
| | | <el-button v-if="showOther" plain size="mini" disabled>打印</el-button> |
| | |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | isCancel:{ |
| | | type:Boolean, |
| | | default:false, |
| | | }, |
| | | isValidateClick: { |
| | | type: Boolean, |
| | | default: false |
| | |
| | | }, |
| | | // 状态 |
| | | getStatus(val) { |
| | | return val === 1 ? "草稿" : val === 3 ? "就绪" : "完成" |
| | | return val === 1 ? "草稿" : val === 3 ? "就绪" :val===4? "完成": "取消" |
| | | } |
| | | } |
| | | } |
| | |
| | | <i class="el-icon-s-tools"></i> |
| | | <span>动作</span> |
| | | </span> |
| | | <el-button v-if="showEdit" plain size="mini" style="margin-left: 15px" @click="editClick">编辑</el-button> |
| | | <el-button v-if="showEdit" :disabled="this.editConfig.infomation.status===5" plain size="mini" style="margin-left: 15px" @click="editClick">编辑</el-button> |
| | | </div> |
| | | </div> |
| | | <!-- 内容 --> |
| | |
| | | :showButton="showButton" |
| | | :isValidateClick="isValidateClick" |
| | | :isDelClick="isDelClick" |
| | | :isCancel="isCancel" |
| | | :list="list" |
| | | :showCancel="showCancel" |
| | | @delClick="delClick" |
| | |
| | | companyOptions: [], // 公司 |
| | | memberOptions: [{ id: 1, name: "管理员" }], |
| | | toLocationOptions: [], // 源位置 仓库位置 |
| | | list: [ |
| | | { label: "草稿", status: "todo", value: 1 }, |
| | | { label: "正在等待", status: "todo", value: 2 }, |
| | | { label: "就绪", status: "todo", value: 3 }, |
| | | { label: "完成", status: "todo", value: 4 }, |
| | | { label: "已取消", status: "todo", value: 5 } |
| | | ], |
| | | showButton: true, |
| | | activeName: "first", |
| | | productTableList: {}, |
| | |
| | | isNoProduct: true, // 添加明细行时是否有产品未选择 |
| | | showEdit: false, // 是否显示编辑按钮 |
| | | isDelClick: false, // 删除按钮是否可点击 |
| | | isCancel:false, //验证按钮是否可点击 |
| | | showFooter: false, // 是否显示取消保存 |
| | | currentState: "todo", // 当前状态 |
| | | detailTableList: {}, |
| | |
| | | logisticWeight:0, |
| | | }, |
| | | showCancel:false, // 取消是否可以显示 |
| | | list:[], |
| | | } |
| | | }, |
| | | created() { |
| | | this.setStatusList() |
| | | this.setTableForm() |
| | | this.setBottonView() |
| | | this.setDetailTableForm() |
| | |
| | | this.getLogisticCompanyList() |
| | | }, |
| | | methods: { |
| | | setStatusList(){ |
| | | console.log(this.editConfig.infomation,"edit") |
| | | if(this.editConfig.infomation.status===5){ |
| | | this.list=[ |
| | | { label: "草稿", status: "todo", value: 1 }, |
| | | { label: "正在等待", status: "todo", value: 2 }, |
| | | { label: "就绪", status: "todo", value: 3 }, |
| | | { label: "完成", status: "todo", value: 4 }, |
| | | { label: "已取消", status: "todo", value: 5 } |
| | | ] |
| | | }else{ |
| | | this.list=[ |
| | | { label: "草稿", status: "todo", value: 1 }, |
| | | { label: "正在等待", status: "todo", value: 2 }, |
| | | { label: "就绪", status: "todo", value: 3 }, |
| | | { label: "完成", status: "todo", value: 4 } |
| | | ] |
| | | } |
| | | }, |
| | | // 获取公司列表 |
| | | async getCompanyList() { |
| | | await getCompanyList().then((res) => { |
| | |
| | | }else if(this.editConfig.infomation.status === 3){ |
| | | this.isValidateClick = true |
| | | this.showCancel=true |
| | | }else if(this.editConfig.infomation.status===5){ |
| | | this.isCancel=true |
| | | this.isValidateClick=true |
| | | }else{ |
| | | this.isValidateClick = true |
| | | |
| | | } |
| | | } else if (this.editConfig.infomation.status === 4 || this.editConfig.infomation.status === "完成") { |
| | | this.showButton = true |
| | |
| | | this.showFooter = false |
| | | this.isValidateClick = false |
| | | } else if (this.editConfig.infomation.status === 5) { |
| | | this.isCancel=true |
| | | this.showButton = true |
| | | this.showEdit = false |
| | | this.showFooter = false |
| | |
| | | <template> |
| | | <div class="rightContent"> |
| | | <div class="label-fixed-element"> |
| | | <!-- <div class="label-fixed-element"> |
| | | <span>{{ params.name }}</span> |
| | | </div> |
| | | </div> --> |
| | | <div class="top"> |
| | | <SearchCommonView |
| | | :add-title="'新建'" |
| | |
| | | <template slot-scope="scope"> |
| | | <el-button @click="tableRowClick(scope.row, '查看')" type="text" size="small">查看</el-button> |
| | | <el-button |
| | | v-if="scope.row.status !== 4" |
| | | v-if="scope.row.status !== 4&&scope.row.status !== 5" |
| | | @click="tableRowClick(scope.row, '编辑')" |
| | | type="text" |
| | | size="small" |
| | |
| | | searchOptions: [], |
| | | commonDetail: { |
| | | visible: false, |
| | | title: "新建", |
| | | title: "新建" |
| | | , |
| | | infomation: {} |
| | | }, |
| | | editConfig: { |
| | |
| | | addBtnClick() { |
| | | this.editConfig.title = "新建" |
| | | this.addName = this.params.name |
| | | console.log(this.params, "ss刷新") |
| | | this.editConfig.operationTypeId = this.params.id |
| | | this.editConfig.code = this.params.code |
| | | this.editConfig.infomation = {} |
| | |
| | | }, |
| | | // 状态 |
| | | getStatus(val) { |
| | | return val === 1 ? "草稿" : val === 3 ? "就绪" : val === 4 ? "完成" : "" |
| | | return val === 1 ? "草稿" : val === 3 ? "就绪" : val === 4 ? "完成" :val === 5 ? "取消" : "" |
| | | }, |
| | | // 删除搜索状态 |
| | | delSelectClick() { |
| | |
| | | <span style="cursor: pointer">4 延期</span> |
| | | </div> --> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="right_status" @click.stop="statusClick(item, 5)"> |
| | | <span style="cursor: pointer">{{ item.cancelCount + " 已取消" }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | } |
| | | } |
| | | .right { |
| | | width: 50%; |
| | | width: 25%; |
| | | .right_status { |
| | | margin-top: 5px; |
| | | } |