更新最后一步流程

src/api/api/view.ts

@@ -36,6 +36,15 @@ export async function updateBatchById3(params) {
     return result;
 }
 
+//试验号变更-保存视图编辑的内容-关闭流程
+export async function updateBatchById4(params) {
+    let result = {};
+    await http.post('/api/View/UpdateBatchById4', params).then((data) => {
+        result = data;
+    });
+    return result;
+}
+
 //获取物理视图
 export async function GetMaterialInfoListByTeamId(params) {
     let result = {};

src/views/half/components/EditView.vue

@@ -480,7 +480,7 @@ export default {
 					setTimeout(function () {
 						layer.close(idx);
 						layer.msg('保存成功');
-						$this.$emit('cancelClick', true, true);
+						$this.$emit('cancelClick', true, false);
 						$this.$refs.OperateLog._getPageList();
 					}, 500);
 				}

src/views/half/components/EditViewOFF.vue

@@ -0,0 +1,533 @@
+<template>
+	<lay-container fluid="true" class="content-box">
+		<!-- <FormulaView :teamId="dataInfoObj.FTeamID" :halfId="dataInfoObj.FMaterialHalfIDs"></FormulaView> -->
+		<lay-layer area="90%" v-model="showFreezingColumnSettingBox" title="固定列设置" :end="closeFreezingSetting">
+			<FreezingColumnSetting v-if="showFreezingColumnSettingBox" :columns="originalColumns"
+				:freezingColumns="freezingColumnSetting" @cancelClick="setFreezingColumnsSetting"></FreezingColumnSetting>
+		</lay-layer>
+		<lay-table id="dataTable" v-if="dataColumn.length > 0" height="320px" :columns="dataColumn" :data-source="dataList"
+			:cellStyle="cellStyle" :cellClassName="cellClassName">
+			<template v-slot:toolbar v-if="dataInfoObj.FCanEdit != 2">
+				<lay-button size="sm" @click="saveBatch" type="primary" :disabled="editColumn.length === 0">保存
+				</lay-button>
+				<lay-input :class="this.isShow ? 'isShow' : 'isHidden'" v-model="inputCodeValue" :readonly="true">
+					<template #prepend>半成品编号：</template>
+				</lay-input>
+				<lay-input :class="this.isShow ? 'isShow' : 'isHidden'" v-model="inputDescValue" :readonly="true">
+					<template #prepend>描述：</template>
+				</lay-input>
+				<lay-button size="sm" type="primary" style="float:right;" :disabled="editColumn.length === 0"
+					@click="_clickFreezingColumnSetting()">固定项
+				</lay-button>
+			</template>
+			<template v-for="item in editColumn" v-slot:[item.key]="{ data }">
+				<lay-select v-if="item.key == 'FTypeID1'" size="sm" v-model="data['FTypeID1']"
+					@change="_changeType(data, 1)" :showEmpty="false">
+					<lay-select-option v-for="(tIdv, tIdx) in typeList[0]" :key="tIdx" :value="tIdv.FID"
+						:label="tIdv.FName"></lay-select-option>
+				</lay-select>
+				<lay-select v-else-if="item.key == 'FTypeID2'" size="sm" v-model="data['FTypeID2']"
+					@change="_changeType(data, 2)" :showEmpty="false">
+					<lay-select-option v-show="data.FTypeID1 == tIdv.FParentID" v-for="(tIdv, tIdx) in typeList[1]"
+						:key="tIdx" :value="tIdv.FID" :label="tIdv.FName"></lay-select-option>
+				</lay-select>
+				<lay-select v-else-if="item.selectType" size="sm" v-model="data[item.key]" :showEmpty="false">
+					<lay-select-option v-for="(tIdv, tIdx) in selectDataMap['FType' + item.selectTypeId]" :key="tIdx"
+						:value="tIdv.FValue" :label="tIdv.FName"></lay-select-option>
+				</lay-select>
+				<lay-input v-else-if="!item.dataType" size="sm" v-model="data[item.key]"></lay-input>
+			</template>
+		</lay-table>
+		<OperateLog v-if="dataInfoObj.FTeamID" ref="OperateLog" :dataInfoObj="dataInfoObj"></OperateLog>
+	</lay-container>
+</template>
+
+<style scoped>
+.content-box {
+	margin: 30px 10px;
+	display: block;
+	position: relative;
+	clear: both;
+	float: none;
+	min-height: 740px;
+}
+
+
+.row-select td {
+	overflow: inherit;
+}
+
+.layui-select {
+	width: 100%;
+}
+
+.edit {
+	color: green;
+}
+
+:deep(.edit-item .layui-input) {
+	border-color: #5FB878 !important;
+}
+
+:deep(.edit-item .layui-input:hover) {
+	border-color: #009688 !important;
+	color: #009688;
+}
+
+.isShow {
+	width: 370px;
+	height: 30px;
+	border: none;
+}
+
+.isHidden {
+	display: none;
+}
+
+.isBomHidden {
+	display: none;
+}
+</style>
+<script>
+import {
+	ref
+} from 'vue';
+import {
+	getListByTeamId,
+	updateBatchById4
+} from "/src/api/api/view";
+import {
+	getBasicRoleList,
+	GetFreezingColumns
+} from "/src/api/api/user";
+import {
+	getDataCode,
+	commonSave
+} from "/src/api/api/common";
+
+import {
+	getInfoData,
+	changeInfoData
+} from "/src/api/api/materialType";
+import OperateLog from "./OperateLog.vue";
+import FormulaView from "./FormulaView.vue";
+import FreezingColumnSetting from './FreezingColumnSetting.vue';
+
+export default {
+	components: {
+		OperateLog,
+		FormulaView,
+		FreezingColumnSetting
+	},
+	setup() {
+		const dataColumn = ref([]);
+		const dataList = ref([]);
+		const editColumn = ref([]);
+		const selectDataMap = ref(null);
+		const typeList = ref([
+			[],
+			[]
+		]);
+		const userPower = ref([
+			[],
+			[]
+		]);
+		const cellStyle = function (row, column, rowIndex, columnIndex) {
+			let back = column.table == "TFS_ViewMaterial" ? "background:rgb(246, 246, 246)" : ""
+			return back;
+		}
+		const cellClassName = function (row, column, rowIndex, columnIndex) {
+			return column.cellClass || "";
+		}
+		const inputCodeValue = ref("");
+		const inputDescValue = ref("");
+		const visible2 = ref(false)
+		const changeVisible2 = function () {
+			visible2.value = !visible2.value
+		};
+		const showFreezingColumnSettingBox = ref(false);
+		const freezingColumnSetting = ref([]);
+		const originalColumns = ref([]);
+		const tmpDataColumn = ref([]);
+		return {
+			dataColumn,
+			dataList,
+			editColumn,
+			selectDataMap,
+			typeList,
+			userPower,
+			cellStyle,
+			cellClassName,
+			inputCodeValue,
+			inputDescValue,
+			isShow: false,
+			isBomShow: false,
+			visible2,
+			changeVisible2,
+			showFreezingColumnSettingBox,
+			freezingColumnSetting,
+			originalColumns,
+			tmpDataColumn
+		};
+	},
+	props: {
+		dataInfoObj: {
+			type: Object,
+			default: () => { },
+		},
+		viewDataList: {
+			type: Object,
+			default: () => [],
+		}
+	},
+	mounted() {
+		this.getUserPower();
+	},
+	methods: {
+		async getUserPower() {
+			if (this.dataInfoObj.FCanEdit != 2) {
+				this.userPower[0] = (await getBasicRoleList({
+					FRoleType: 84,
+					FViewType: this.dataInfoObj.FViewType
+				}) || []).map(it => parseInt(it.F2))
+				this.userPower[1] = (await getBasicRoleList({
+					FRoleType: 44,
+					FViewType: this.dataInfoObj.FViewType
+				}) || []).map(it => parseInt(it.F2))
+			}
+			this.initPage(layer.load(2));
+		},
+		async initPage(idx) {
+			let _data = await getListByTeamId({
+				teamId: this.dataInfoObj.FTeamID,
+				viewType: this.dataInfoObj.FViewType
+			});
+			console.log('_data', _data);
+			debugger
+			if (this.dataInfoObj.FViewType == 1 || this.dataInfoObj.FViewType == 10) {
+				this.inputCodeValue = _data.rows[0]?_data.rows[0].HalfCode:"";
+				this.inputDescValue = _data.rows[0]?_data.rows[0].HalfDesc:"";
+				this.isShow = true;
+			} else if (this.dataInfoObj.FViewType == 2 || this.dataInfoObj.FViewType == 3 || this.dataInfoObj.FViewType == 4) {
+				this.isBomShow = true;
+			}
+
+			this.typeList[0] = _data.types.filter(s => s.FDepth == 1) || [];
+			this.typeList[1] = _data.types.filter(s => s.FDepth != 1) || [];
+			let dataColumn = _data.columns || [];
+			
+			let editColumn = dataColumn.filter(it => {
+				let b = false;
+				if (this.dataInfoObj.FCanEdit != 2) {
+					if (it.fieldType == 7) b = this.userPower[1].indexOf(it.id) >= 0;
+					else b = this.userPower[0].indexOf(it.id) >= 0;
+					if (b) {
+						it.customSlot = it.key;
+						it.cellClass = "edit-item"
+					}
+				}
+				return b;
+			});
+
+			if (editColumn.length > 0) {
+				if (this.selectDataMap == null) {
+					let dataTypeIds = editColumn.filter(it => {
+						it.selectType = it.dataType.startsWith('select:');
+						if (it.selectType) {
+							it.selectTypeId = it.dataType.substring(7)
+						}
+						return it.selectType;
+					}).map(it => it.selectTypeId);
+					if (dataTypeIds.length > 0) {
+						this.selectDataMap = await getDataCode({
+							FType: dataTypeIds.join(",")
+						});
+					}
+				}
+				// //修改项移到前面
+				// if (this.dataInfoObj.FCanEdit != 2) {
+				// 	let tempColumn1 = dataColumn.filter(s => s.customSlot) || [];
+				// 	let tempColumn2 = dataColumn.filter(s => s.customSlot == undefined) || [];
+				// 	dataColumn = [...tempColumn1, ...tempColumn2];
+				// }
+			}
+			let columnsList = [];
+			let col7 = dataColumn.filter(s => s.fieldType == 7) || [];
+
+			_data.rows.forEach((item, i) => {
+
+				columnsList = _data.columns.map(function (items) {
+					let str = _data.infos[i][items.key + "Type"];
+					if (typeof (str) != "undefined") {
+						switch (str) {
+							case "1":
+								return items.cellClass = items.cellClass + " one";
+							case "2":
+								return items.cellClass = items.cellClass + " twe";
+							case "3":
+								return items.cellClass = items.cellClass + " three";
+							case "4":
+								return items.cellClass = items.cellClass + " four";
+						}
+					}
+
+					return items["cellClass"]="";
+				})
+				let k3Code = item.FBaseMaterialDesc;
+				if (k3Code.indexOf("@") > 0) {
+					item.FK3Code = k3Code.substr(0, k3Code.indexOf("@"));
+					item.FK3Name = k3Code.substr(k3Code.indexOf("@") + 1);
+				} else {
+					item.FK3Code = "";
+					item.FK3Name = "";
+				}
+				if (k3Code.lastIndexOf(".") > 0) {
+					item.FK3ShortCode = item.FK3Code.substr(item.FK3Code.lastIndexOf(".") + 1);
+				} else {
+					item.FK3ShortCode = "";
+				}
+				let info = _data.infos.find(s => s.FDataID == item.FMaterialID) || null;
+				if (info != null) {
+					col7.forEach((col) => {
+						item[col.key] = info[col.key] || item[col.key] || "";
+					});
+				}
+				item.FTypeID1 = (item.FTypeID1 == 0 || item.FTypeID1 == -1) ? "" : item.FTypeID1;
+				item.FTypeID2 = (item.FTypeID2 == 0 || item.FTypeID2 == -1) ? "" : item.FTypeID2;
+			});
+			let saveId = this.dataInfoObj.FViewType + "_" + this.dataInfoObj.FID;
+			localStorage.setItem('EditView' + saveId, JSON.stringify(_data.rows));
+
+			console.log('editColumn', editColumn);
+			this.editColumn = editColumn;
+			this.dataList = _data.rows;
+			this.dataColumn = dataColumn;
+			this.originalColumns = this.deepCopy(dataColumn);
+			this.getFreezingColumns();
+
+			debugger
+			this._changeType(_data.rows[0],2);
+			setTimeout(function () {
+				layer.close(idx);
+			}, 500);
+		},
+		async getFreezingColumns() {
+			let result = await GetFreezingColumns();			
+			let freezingColumns = result.FFreezingColumns
+
+			if (freezingColumns) {
+				let c_list = freezingColumns.split(",")
+				c_list.forEach(c => {
+					if(c && c.length > 0) {
+						this.freezingColumnSetting.push(c)
+					}
+				})
+			}
+
+			if (this.freezingColumnSetting && this.freezingColumnSetting.length > 0) {
+				this.dataColumn = ref([]);
+				this.setFreezingColumns();
+			}
+		},
+		cancelClick(isRefresh) {
+			isRefresh = isRefresh == undefined ? false : isRefresh;
+			this.$emit('cancelClick', isRefresh);
+		},
+		async _changeType(data, type) {
+			if (type == 1) {
+				data.FTypeID2 = -1;
+			} else {
+				if (data.FTypeID2) {
+					let result = await getInfoData({
+						"FDataID": data.FTypeID2,
+						"FType": 1
+					}) || null;
+
+					if (result != null && result.FID) {
+						let col7 = this.dataColumn.filter(s => s.fieldType == 7) || [];
+						console.log('this.typeList[0]', this.typeList[0].filter(t => t.FValue == data.FTypeID1)[0]);
+						col7.forEach((item) => {
+							if (item.table == "TFS_MaterialInfo") {
+								data[item.key] = result[item.key] || data[item.key] || "";
+							}
+						});
+						console.log('data.FTypeID1', data.FTypeID1);
+
+						let type1 = this.typeList[0].filter(t => t.FValue == data.FTypeID1)[0];
+						let typeName = type1.FName;
+
+						if (typeName.indexOf("半成品") > 0) {
+							data.FViewType = 2
+						}
+
+						if (typeName.indexOf("中间品") > 0) {
+							data.FViewType = 3
+						}
+
+						if (typeName.indexOf("香基") > 0) {
+							data.FViewType = 4
+						}
+
+						if (typeName.indexOf("原料类") > 0) {
+							data.FViewType = 5
+						}
+
+						if (typeName.indexOf("成品") > 0) {
+							data.FViewType = 1
+						}
+
+						this.dataColumn.map(function (item) {
+							let str = result[item.key + "Type"];
+
+							if (typeof (str) != "undefined") {
+								switch (str) {
+									case "1":
+										if (typeof (item.cellClass) == "undefined") {
+											return item["cellClass"] = "one";
+										}
+										return item.cellClass = item.cellClass.split(" ")[0] + " one";
+									case "2":
+										if (typeof (item.cellClass) == "undefined") {
+											return item["cellClass"] = "twe";
+										}
+										return item.cellClass = item.cellClass.split(" ")[0] + " twe";
+									case "3":
+										if (typeof (item.cellClass) == "undefined") {
+											return item["cellClass"] = "three";
+										}
+										return item.cellClass = item.cellClass.split(" ")[0] + " three";
+									case "4":
+										if (typeof (item.cellClass) == "undefined") {
+											return item["cellClass"] = "four";
+										}
+										return item.cellClass = item.cellClass.split(" ")[0] + " four";
+								}
+							}
+
+							return item["cellClass"]="";
+						})
+					}
+				}
+			}
+		},
+		async saveBatch() {
+			let idx = layer.load(2);
+			let updateObj = {
+				LogList: [],
+				FTeamID: this.dataInfoObj['FTeamID'],
+				FViewType: this.dataInfoObj.FViewType
+			};
+			let saveId = this.dataInfoObj.FViewType + "_" + this.dataInfoObj.FID;
+			let cacheDataList = JSON.parse(localStorage.getItem('EditView' + saveId));
+			console.log('cacheDataList', cacheDataList);
+			this.dataList.forEach((row, index) => {
+				let cache = cacheDataList[index];
+				let dataObj = {};
+				console.log('this.editColumn', this.editColumn);
+				for (let col of this.editColumn) {
+					let valTemp = row[col.key];
+					if (this.dataInfoObj.FViewType == 10) {
+						if (!dataObj[col.table]) {
+							dataObj[col.table] = {};
+							dataObj[col.table].FMaterialID = row["FMaterialID"];
+						}
+						dataObj[col.table][col.key] = valTemp;
+						if (col.key == "FTypeID1" || col.key == "FTypeID2") {
+							let temps = this.typeList[col.key == "FTypeID1" ? 0 : 1] || [];
+							let temp = temps.find(s => s.FID == valTemp) || null;
+							valTemp = temp == null ? "" : temp.FName;
+						}
+						updateObj.LogList.push(col.title + "：" + (valTemp == "" ? "删除" : valTemp));
+					} else if (valTemp != cache[col.key]) {
+						if (!dataObj[col.table]) {
+							dataObj[col.table] = {};
+							dataObj[col.table].FMaterialID = row["FMaterialID"];
+						}
+						dataObj[col.table][col.key] = valTemp;
+						if (col.key == "FTypeID1" || col.key == "FTypeID2") {
+							let temps = this.typeList[col.key == "FTypeID1" ? 0 : 1] || [];
+							let temp = temps.find(s => s.FID == valTemp) || null;
+							valTemp = temp == null ? "" : temp.FName;
+						}
+						updateObj.LogList.push(col.title + "：" + (valTemp == "" ? "删除" : valTemp));
+					}
+				}
+
+				console.log('dataObj', dataObj);
+
+				for (let key in dataObj) {
+					if (!updateObj[key]) updateObj[key] = [];
+					updateObj[key].push(dataObj[key]);
+				}
+			});
+			let updateLog = updateObj.LogList.join("、");
+			if (updateLog != "") {
+				delete updateObj.LogList
+				// 发送保存请求
+				debugger
+				console.log('updateObj', updateObj);
+				let _result = await updateBatchById4(updateObj);
+				if (_result.Code === 200) {
+					await commonSave({
+						teamId: updateObj.FTeamID,
+						type: this.dataInfoObj['FType'],
+						desc: updateLog
+					}, "OperateLog");
+					let $this = this;
+					//$this.initPage();
+					localStorage.setItem('EditView' + saveId, JSON.stringify(this.dataList));
+					setTimeout(function () {
+						layer.close(idx);
+						layer.msg('保存成功');
+						$this.$emit('cancelClick', true, false);
+						$this.$refs.OperateLog._getPageList();
+					}, 500);
+				}
+			} else {
+				layer.close(idx);
+				layer.msg('您没有做任何更改')
+			}
+		},
+		_clickFreezingColumnSetting() {
+			this.dataColumn = ref([]);
+			this.showFreezingColumnSettingBox = true;
+		},
+		setFreezingColumns() {
+			this.tmpDataColumn = this.deepCopy(this.originalColumns);
+			let freezingColumns = [];
+			if (this.freezingColumnSetting && this.freezingColumnSetting.length > 0) {
+				this.freezingColumnSetting.forEach(column => {
+					let colIndex = this.tmpDataColumn.findIndex(d => d.key === column);
+					if (colIndex >= 0) {
+						let fc = this.tmpDataColumn.splice(colIndex, 1)[0];
+						if (fc) {
+							fc.fixed = "left";
+							freezingColumns.push(fc);
+						}
+					}
+				})
+
+				this.dataColumn = freezingColumns.concat(this.tmpDataColumn);
+				
+			} else {
+				this.dataColumn = this.tmpDataColumn;			
+			}
+			this.$nextTick();
+		},
+		setFreezingColumnsSetting(fcs) {
+			this.freezingColumnSetting = fcs;
+			if (fcs && fcs.length > 0) {
+			} else {
+				this.dataColumn = this.originalColumns;
+			}
+			this.showFreezingColumnSettingBox = false;
+		},
+		closeFreezingSetting() {
+			this.setFreezingColumns();
+		},
+		deepCopy(arr) {
+			return JSON.parse(JSON.stringify(arr))
+		}
+	}
+}
+</script>

src/views/half/half.vue

@@ -81,8 +81,7 @@ export default {
 	components: {
 		EditMateria,
 		EditView,
-		ShowData1,
-		
+		ShowData1
 	},
 	setup() {
 		let dataColumn = [

src/views/half/route.vue

@@ -53,9 +53,14 @@
 		<lay-layer :area="modelArea[2]" v-model="showEditBox[2]" :title="编辑物料">
 			<EditMateria v-if="showEditBox[2]" :dataInfoObj="objInfoObj" @cancelClick="cancelClick"></EditMateria>
 		</lay-layer>
+		
 		<lay-layer :area="modelArea[1]" v-model="showEditBox[1]" :title="物料视图">
 			<EditView v-if="showEditBox[1]" :dataInfoObj="objInfoObj" @cancelClick="cancelClick"></EditView>
 		</lay-layer>
+		
+		<lay-layer :area="modelArea[3]" v-model="showEditBox[3]" :title="物料视图">
+			<EditViewOFF v-if="showEditBox[3]" :dataInfoObj="objInfoObj" @cancelClick="cancelClick"></EditViewOFF>
+		</lay-layer>
 	</lay-container>
 </template>
 <script>
@@ -69,13 +74,15 @@ import {
 } from "/src/api/api/common";
 import EditMateria from '../half/components/EditMateria.vue';
 import EditView from '../half/components/EditView.vue';
+import EditViewOFF from '../half/components/EditViewOFF.vue';
 import '@layui/layui-vue/es/checkbox/index.css';
 import '@layui/layui-vue/es/radio/index.css';
 
 export default {
 	components: {
 		EditMateria,
-		EditView
+		EditView,
+		EditViewOFF
 	},
 	setup() {
 		let dataColumn = [
@@ -278,27 +285,8 @@ export default {
 			for (let i = 0; i < this.showEditBox.length; i++) {
 				this.showEditBox[i] = false;
 			}
-			if (data.FType == 1) {
+			if (data.FType == 1 ||data.FType == 2) {
 				data.FBoxType = 1; //配方选择
-			} else if (data.FType == 2) {
-				data.FBoxType = 2; //BOM下载
-			} else if (data.FType == 9 || data.FType == 10) {
-				data.FBoxType = 4; //新包材新增、新子项包材申请
-			} else if ((data.FType >= 3 && data.FType <= 7) || data.FType == 11) {
-				data.FBoxType = 3; //视图编辑
-			} else if (data.FType == 8) {
-				data.FBoxType = 5; //组编号申请
-			} else if (data.FType == 12) {
-				data.FBoxType = 6; //成品视图物料组复核
-			} else if (data.FType == 13) {
-				data.FBoxType = 7; //流程确认完成
-			} else if (data.FType == 14) {
-				data.FBoxType = 8; //补充包材规格
-			} else if (data.FType == 15) {
-				data.FBoxType = 3; //物料选择类型
-			} else if (data.FType == 16) {
-				this.dataItem = data;
-				data.FBoxType = 10; //替代料确认
 			}else {
 				return layer.msg("未知事项类型");
 			}