From a79d67f8a9a9fa02f9d25f987b9611af965c484f Mon Sep 17 00:00:00 2001
From: yxh <172933527@qq.com>
Date: 星期四, 22 十月 2026 18:41:01 +0800
Subject: [PATCH] 修改了风格
---
src/views/project/donationdetails/index.vue | 191 +++++++++++++++++++++++++++++++++--------------
1 files changed, 132 insertions(+), 59 deletions(-)
diff --git a/src/views/project/donationdetails/index.vue b/src/views/project/donationdetails/index.vue
index 704736e..eb9f29e 100644
--- a/src/views/project/donationdetails/index.vue
+++ b/src/views/project/donationdetails/index.vue
@@ -3,7 +3,7 @@
<div class="left-course" :class="{ 'left-collapsed': isLeftCollapsed }">
<div class="postfilx">
<div class="title">
- 宸ヤ綔杩涚▼
+ 妗堜緥杩涚▼
<el-button
class="collapse-btn"
@click="toggleLeftCollapse"
@@ -222,7 +222,7 @@
size="small"
v-model="form.reporttime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鎶ュ憡鏃ユ湡"
>
</el-date-picker>
@@ -268,7 +268,7 @@
size="small"
v-model="form.birthday"
type="date" format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鍑虹敓鏃ユ湡"
>
</el-date-picker>
@@ -780,7 +780,7 @@
style="width: 190px"
v-model="form.contacttime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鎶ュ憡鏃堕棿"
>
</el-date-picker>
@@ -863,7 +863,7 @@
size="small"
v-model="medicineform.hospitalassesstime"
type="date" format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨闄㈢骇璇勪及鏃堕棿"
>
</el-date-picker> </el-form-item
@@ -916,7 +916,7 @@
size="small"
v-model="medicineform.provincialassesstime"
type="date" format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鐪佺骇璇勪及鏃堕棿"
>
</el-date-picker> </el-form-item></el-col
@@ -970,7 +970,7 @@
size="small"
v-model="medicineform.coreteamassesstime"
type="date" format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="璇勪及鏃堕棿"
>
</el-date-picker>
@@ -1389,7 +1389,7 @@
size="small"
v-model="ethicform.conclusiontime"
type="date" format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨缁撹鏃堕棿"
>
</el-date-picker>
@@ -1479,7 +1479,7 @@
style="width: 100%"
v-model="scope.row.applicanttime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鍒嗛厤鎺ユ敹鏃堕棿"
>
</el-date-picker>
@@ -1659,7 +1659,7 @@
clearable
v-model="witnessform.deathtime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨姝讳骸鏃堕棿"
>
</el-date-picker>
@@ -1698,7 +1698,7 @@
clearable
v-model="witnessform.operationbegtime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鎵嬫湳寮�濮嬫椂闂�"
>
</el-date-picker>
@@ -1715,7 +1715,7 @@
clearable
v-model="witnessform.operationendtime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鎵嬫湳缁撴潫鏃堕棿"
>
</el-date-picker>
@@ -1734,7 +1734,7 @@
clearable
v-model="witnessform.coordinatorInOperating"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鎵嬫湳寮�濮嬫椂闂�"
>
</el-date-picker>
@@ -1751,7 +1751,7 @@
clearable
v-model="witnessform.coordinatorOutOperating"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鎵嬫湳缁撴潫鏃堕棿"
>
</el-date-picker>
@@ -1768,7 +1768,7 @@
clearable
v-model="witnessform.coordinatorSignTime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鎵嬫湳缁撴潫鏃堕棿"
>
</el-date-picker>
@@ -1795,7 +1795,7 @@
clearable
v-model="witnessform.abdominalaortacannulatime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鑵逛富鍔ㄨ剦鎻掔鏃堕棿"
>
</el-date-picker>
@@ -1812,7 +1812,7 @@
clearable
v-model="witnessform.abdominalaortaperfusiontime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨鑵逛富鍔ㄨ剦鐏屾敞鏃堕棿"
>
</el-date-picker>
@@ -1829,7 +1829,7 @@
clearable
v-model="witnessform.portalveincannulatime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨闂ㄩ潤鑴夎剦鎻掔鏃堕棿"
>
</el-date-picker>
@@ -1846,7 +1846,7 @@
clearable
v-model="witnessform.portalveinperfusiontime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨闂ㄩ潤鑴夌亴娉ㄦ椂闂�"
>
</el-date-picker>
@@ -1865,7 +1865,7 @@
clearable
v-model="witnessform.pulmonaryarterycannulatime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨闂ㄩ潤鑴夋彃绠℃椂闂�"
>
</el-date-picker>
@@ -1882,7 +1882,7 @@
clearable
v-model="witnessform.pulmonaryarteryperfusiontime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨闂ㄩ潤鑴夌亴娉ㄦ椂闂�"
>
</el-date-picker>
@@ -1899,7 +1899,7 @@
clearable
v-model="witnessform.aortacannulatime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨涓诲姩鑴夋彃绠℃椂闂�"
>
</el-date-picker>
@@ -1916,7 +1916,7 @@
clearable
v-model="witnessform.aortaperfusiontime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨涓诲姩鑴夌亴娉ㄦ椂闂�"
>
</el-date-picker>
@@ -2029,7 +2029,7 @@
style="width: 100%"
v-model="scope.row.organStartTime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="璇疯緭鍏ヨ幏鍙栧紑濮嬫椂闂�"
>
</el-date-picker>
@@ -2049,7 +2049,7 @@
style="width: 100%"
v-model="scope.row.organgettime"
type="datetime" format="yyyy-MM-dd HH:mm"
- value-format="yyyy-MM-dd HH:mm"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="璇疯緭鍏ュ櫒瀹樼浣撴椂闂�"
>
</el-date-picker>
@@ -2451,7 +2451,7 @@
size="small"
v-model="accomplishform.completetime"
type="date" format="yyyy-MM-dd"
- value-format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd HH:mm:ss"
placeholder="閫夋嫨瀹屾垚鏃堕棿"
>
</el-date-picker>
@@ -3485,7 +3485,12 @@
this.isLeftCollapsed = !this.isLeftCollapsed;
},
/** 淇濆瓨涓昏〃鎸夐挳 */
- submitForm() {
+ submitForm(fromProcess) {
+ // 淇濆瓨闃查噸锛氶潪"娴佺▼鎺ㄨ繘"瑙﹀彂鐨勪繚瀛橈紝2 绉掑唴鐨勯噸澶嶇偣鍑荤洿鎺ュ拷鐣ワ紙闃叉閲嶅鎻掑叆锛�
+ if (!fromProcess && !this.canSave()) {
+ this.$modal.msgWarning("璇峰嬁閲嶅鎻愪氦");
+ return;
+ }
this.$refs["form"].validate(valid => {
console.log("鎻愪氦鐨勬暟鎹滑锛�", this.form);
if (valid) {
@@ -3495,14 +3500,21 @@
"YYYY-MM-DD HH:mm:ss"
);
- this.form.diseasetype = this.form.diseasetype.join(",");
-
- this.form.infectious = this.form.infectious.join(",");
- this.form.selfwill = this.form.selfwill.join(",");
- this.form.othercases = this.form.othercases.join(",");
- this.form.infosources = this.form.infosources.join(",");
- this.form.kinship = this.form.kinship.join(",");
- this.form.patientstate = this.form.patientstate.join(",");
+ // 澶氶�夊瓧娈佃浆瀛楃涓诧細骞傜瓑澶勭悊锛堝凡鏄瓧绗︿覆鏃朵繚鎸佸師鏍凤級锛�
+ // 閬垮厤"淇濆瓨鎴愬姛鍚庢湭閲嶆柊鍔犺浇鍐嶆淇濆瓨"鏃舵姏 join is not a function
+ [
+ "diseasetype",
+ "infectious",
+ "selfwill",
+ "othercases",
+ "infosources",
+ "kinship",
+ "patientstate"
+ ].forEach(key => {
+ if (Array.isArray(this.form[key])) {
+ this.form[key] = this.form[key].join(",");
+ }
+ });
this.form.registerprovince = this.$refs.registerSelect.getSheng();
this.form.registerprovincename = this.registerAddresss.sheng;
@@ -3584,6 +3596,11 @@
},
// 淇濆瓨浜岀骇琛ㄦ寜閽�
Savethedetails() {
+ // 淇濆瓨闃查噸锛�2 绉掑唴鐨勯噸澶嶇偣鍑荤洿鎺ュ拷鐣ワ紙闃叉閲嶅鎻掑叆锛�
+ if (!this.canSave()) {
+ this.$modal.msgWarning("璇峰嬁閲嶅鎻愪氦");
+ return;
+ }
console.log(this.actives);
if (this.actives == 1) {
this.medicineform.infoid = this.infoid;
@@ -3594,14 +3611,19 @@
updateMedicalevaluation(this.medicineform).then(response => {
this.$modal.msgSuccess("鍖诲璇勪及淇℃伅淇敼鎴愬姛");
this.$modal.closeLoading();
+ this.Processvalidation();
});
} else {
addMedicalevaluation(this.medicineform).then(response => {
+ // 鍥炲～涓婚敭锛氬惁鍒欎笅娆′繚瀛樹粛璧�"鏂板"锛屼細浜х敓閲嶅琛�
+ if (response && response.data && response.data.id) {
+ this.medicineform.id = response.data.id;
+ }
this.$modal.msgSuccess("鍖诲璇勪及淇℃伅鏂板鎴愬姛");
this.$modal.closeLoading();
+ this.Processvalidation();
});
}
- this.Processvalidation();
}
});
} else if (this.actives == 2) {
@@ -3621,17 +3643,22 @@
updateRelativesconfirmation(this.affirmform).then(response => {
this.$modal.msgSuccess("鎹愮尞纭淇℃伅淇敼鎴愬姛");
this.$modal.closeLoading();
+ this.Processvalidation();
});
} else {
this.affirmform.residenceprovincename = this.defultAddresss.sheng;
this.affirmform.residencecityname = this.defultAddresss.shi;
this.affirmform.residencetownname = this.defultAddresss.qu;
addRelativesconfirmation(this.affirmform).then(response => {
+ // 鍥炲～涓婚敭锛氬惁鍒欎笅娆′繚瀛樹粛璧�"鏂板"锛屼細浜х敓閲嶅琛�
+ if (response && response.data && response.data.id) {
+ this.affirmform.id = response.data.id;
+ }
this.$modal.msgSuccess("鎹愮尞纭淇℃伅鏂板鎴愬姛");
this.$modal.closeLoading();
+ this.Processvalidation();
});
}
- this.Processvalidation();
}
});
} else if (this.actives == 3) {
@@ -3644,15 +3671,20 @@
updateEthicalreviewopinions(this.ethicform).then(res => {
this.$modal.msgSuccess("浼︾悊瀹℃煡淇℃伅淇敼鎴愬姛");
this.$modal.closeLoading();
+ this.Processvalidation();
});
} else {
//addDonateflowchart(this.ethicform).then(response => {
addEthicalreviewopinions(this.ethicform).then(res => {
+ // 鍥炲～涓婚敭锛氬惁鍒欎笅娆′繚瀛樹粛璧�"鏂板"锛屼細浜х敓閲嶅琛�
+ if (res && res.data && res.data.id) {
+ this.ethicform.id = res.data.id;
+ }
this.$modal.msgSuccess("浼︾悊瀹℃煡淇℃伅鏂板鎴愬姛");
this.$modal.closeLoading();
+ this.Processvalidation();
});
}
- this.Processvalidation();
}
});
} else if (this.actives == 4) {
@@ -3672,6 +3704,12 @@
}
});
saveDonateorgan(this.allocateddata).then(res => {
+ // 鍥炲～涓婚敭锛氬悗绔凡鎸�"鍚屼竴妗堜緥鍚屼竴鍣ㄥ畼"鍋� upsert锛屽洖濉悗鍓嶇涓嶄細鍐嶈鍒や负鏂板
+ if (res && res.data && res.data.length === this.allocateddata.length) {
+ res.data.forEach((row, i) => {
+ this.allocateddata[i].id = row.id;
+ });
+ }
if (res.code == 200) {
this.$modal.msgSuccess("鍣ㄥ畼鎹愮尞鍒嗛厤淇℃伅淇濆瓨鎴愬姛锛�");
this.$modal.closeLoading();
@@ -3720,7 +3758,12 @@
});
//淇濆瓨鍣ㄥ畼鑾峰彇琛ㄦ暟鎹�
saveDonationwitnessorgan(this.procureddata).then(res => {
- if (res == 200) {
+ if (res && res.data && res.data.length === this.procureddata.length) {
+ res.data.forEach((row, i) => {
+ this.procureddata[i].id = row.id;
+ });
+ }
+ if (res.code == 200) {
this.$modal.msgSuccess("鎹愮尞鍣ㄥ畼鑾峰彇淇℃伅淇濆瓨鎴愬姛锛�");
}
this.$modal.closeLoading();
@@ -3729,6 +3772,10 @@
} else {
addDonationwitness(this.witnessform).then(response => {
if (response.code === 200) {
+ // 鍥炲～涓婚敭锛氬惁鍒欎笅娆′繚瀛樹粛璧�"鏂板"
+ if (response.data && response.data.id) {
+ this.witnessform.id = response.data.id;
+ }
this.$modal.msgSuccess("鑾峰彇瑙佽瘉淇℃伅鏂板鎴愬姛");
this.form.donationcategory = this.witnessform.donationcategory;
let data = JSON.parse(JSON.stringify(this.form));
@@ -3747,7 +3794,12 @@
});
//淇濆瓨鍣ㄥ畼鑾峰彇琛ㄦ暟鎹�
saveDonationwitnessorgan(this.procureddata).then(res => {
- if (res == 200) {
+ if (res && res.data && res.data.length === this.procureddata.length) {
+ res.data.forEach((row, i) => {
+ this.procureddata[i].id = row.id;
+ });
+ }
+ if (res.code == 200) {
this.$modal.msgSuccess("鎹愮尞鍣ㄥ畼鑾峰彇淇℃伅淇濆瓨鎴愬姛锛�");
}
this.$modal.closeLoading();
@@ -3782,7 +3834,12 @@
updateDonatecompletioninfo(this.accomplishform).then(response => {
this.$modal.msgSuccess("瀹屾垚鐧昏淇℃伅淇敼鎴愬姛");
saveDonatecomporgan(this.transplantdata).then(res => {
- if (res == 200) {
+ if (res && res.data && res.data.length === this.transplantdata.length) {
+ res.data.forEach((row, i) => {
+ this.transplantdata[i].id = row.id;
+ });
+ }
+ if (res.code == 200) {
this.$modal.msgSuccess("鎹愮尞鍣ㄥ畼鐧昏淇℃伅淇濆瓨鎴愬姛锛�");
} else {
this.$modal.msgSuccess(res.msg);
@@ -3792,8 +3849,17 @@
});
} else {
addDonatecompletioninfo(this.accomplishform).then(response => {
+ // 鍥炲～涓婚敭锛氬惁鍒欎笅娆′繚瀛樹粛璧�"鏂板"
+ if (response && response.data && response.data.id) {
+ this.accomplishform.id = response.data.id;
+ }
this.$modal.msgSuccess("瀹屾垚鐧昏鎴愬姛");
saveDonatecomporgan(this.transplantdata).then(res => {
+ if (res && res.data && res.data.length === this.transplantdata.length) {
+ res.data.forEach((row, i) => {
+ this.transplantdata[i].id = row.id;
+ });
+ }
if (res.code == 200) {
this.$modal.msgSuccess("鎹愮尞鍣ㄥ畼鐧昏淇℃伅淇濆瓨鎴愬姛锛�");
} else {
@@ -4130,6 +4196,15 @@
console.log("宸插埌杈炬渶澶у��");
}
},
+ // 淇濆瓨闃查噸锛�2 绉掑唴閲嶅鐐瑰嚮瑙嗕负閲嶅鎻愪氦
+ canSave() {
+ const now = Date.now();
+ if (this.saveLockAt && now - this.saveLockAt < 2000) {
+ return false;
+ }
+ this.saveLockAt = now;
+ return true;
+ },
// 鏇存敼杩涚▼鏁堥獙
Processvalidation() {
if (this.form.workflow + 1 == this.actives) {
@@ -4137,15 +4212,12 @@
this.form.workflow++;
} else {
}
- this.submitForm();
- // this.GetAttacheddata();
+ // 鐢�"淇濆瓨浜岀骇琛�"瑙﹀彂鐨勪繚瀛橈紝涓嶅弬涓庨槻閲嶏紙鍚﹀垯浼氳 canSave 鎷︽帀锛�
+ this.submitForm(true);
} else if (this.form.workflow > this.actives) {
- this.submitForm();
- // Modifydonationattachment(this.donatelist).then(res => {});
- // this.GetAttacheddata();
+ this.submitForm(true);
} else {
- this.submitForm();
- // this.$modal.msgWarning("璇峰厛瀹屾垚鍓嶉儴姝ラ");
+ this.submitForm(true);
return;
}
},
@@ -4462,7 +4534,7 @@
<style lang="scss" scoped>
.particularsdiv {
display: flex;
- background-color: #f5f7fa;
+ background-color: var(--opo-bg-page, #f5f7fa);
height: 100vh;
overflow: hidden;
transition: all 0.3s ease;
@@ -4476,7 +4548,7 @@
margin: 0;
padding: 0;
height: 100%;
- box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
+ box-shadow: 2px 0 8px rgba(16, 24, 40, 0.08);
transition: all 0.3s ease;
position: relative;
z-index: 100;
@@ -4511,7 +4583,7 @@
flex-direction: column;
.title {
- background: #22a2c3;
+ background: var(--opo-primary, #0e768f);
margin-bottom: 0;
padding: 15px 10px;
color: #fff;
@@ -4608,7 +4680,7 @@
}
}
-// 姝ラ鏍峰紡浼樺寲
+// 姝ラ鏍峰紡浼樺寲锛堥厤鑹茬粺涓�鍒扮郴缁熷搧鐗岃壊锛歵eal #0E768F锛�
::v-deep .el-steps {
&.el-steps--vertical {
height: 100%;
@@ -4618,27 +4690,28 @@
.el-step__head {
&.is-finish {
- color: #22a2c3;
- border-color: #22a2c3;
+ color: var(--opo-primary, #0e768f);
+ border-color: var(--opo-primary, #0e768f);
}
}
.el-step__title {
- font-size: 14px;
+ font-size: var(--opo-font-size-sm);
font-weight: 600;
&.is-finish {
- color: #22a2c3;
+ color: var(--opo-primary, #0e768f);
}
}
.el-step__description {
- font-size: 12px;
- color: #666;
+ font-size: var(--opo-font-size-xs);
+ // 鎻忚堪鏂囧瓧缁熶竴鐢ㄤ腑鎬х伆锛岄伩鍏嶆暣鍧楅潰鏉胯鍝佺墝鑹叉饭娌�
+ color: var(--opo-text-secondary, #6b7280);
line-height: 1.5;
&.is-finish {
- color: #22a2c3;
+ color: var(--opo-text-regular, #4b5563);
}
p {
--
Gitblit v1.9.3