From eeff64f494ed72d8acaa13d653c9f3ee181ac950 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期五, 07 六月 2024 16:09:46 +0800
Subject: [PATCH] 优化
---
src/books/lifeCare/view/chapter005.vue | 287 +++++++++++++++++++++++++++++++++++---------------------
1 files changed, 179 insertions(+), 108 deletions(-)
diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue
index ad7a97a..44c2af2 100644
--- a/src/books/lifeCare/view/chapter005.vue
+++ b/src/books/lifeCare/view/chapter005.vue
@@ -191,8 +191,8 @@
:style="{
width:
index == 0 ||
- index == chapter005.tableData151.length - 1
- ? '100px'
+ index == chapter005.headersData.length - 1
+ ? '150px'
: '',
}"
v-for="(header, index) in chapter005.headersData"
@@ -209,23 +209,20 @@
>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">
<template v-if="cell === ''">
- <input
- type="text"
- v-model="chapter005.tableData151[rowIndex][cellIndex]"
- @blur="
- updateCell(rowIndex, cellIndex, $event.target.value)
- "
- />
+ <div
+ contenteditable
+ @blur="updateCell(rowIndex, cellIndex, $event)"
+ >
+ {{ chapter005.tableData151[rowIndex][cellIndex] }}
+ </div>
</template>
<template v-else>
- <input
- :readonly="cellIndex == 0"
- type="text"
- :value="chapter005.tableData151[rowIndex][cellIndex]"
- @blur="
- updateCell(rowIndex, cellIndex, $event.target.value)
- "
- />
+ <div
+ :contenteditable="cellIndex != 0"
+ @blur="updateCell(rowIndex, cellIndex, $event)"
+ >
+ {{ chapter005.tableData151[rowIndex][cellIndex] }}
+ </div>
</template>
</td>
</tr>
@@ -383,7 +380,33 @@
</div>
<p><br /></p>
<p>3.灏忕粍璁ㄨ鍒嗘瀽鍚勪綅鎴愬憳鐨勪竴鏃ラ璋憋紝璇勫嚭鏈�浣充竴鏃ラ璋便��</p>
- <p>锛�1锛夎鐢ㄥ浘鐗囧舰寮忓憟鐜帮紝骞惰创鍦ㄤ笅闈€��</p>
+ <p class="pic-wall">
+ 锛�1锛夎鐢ㄥ浘鐗囧舰寮忓憟鐜帮紝骞惰创鍦ㄤ笅闈€��<span
+ class="btnUpload-list"
+ @click="handFile('fileTwo')"
+ >
+ <svg
+ t="1717059899765"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="2633"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="18"
+ height="18"
+ >
+ <path
+ d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
+ p-id="2634"
+ ></path>
+ <path
+ d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
+ p-id="2635"
+ ></path>
+ </svg>
+ </span>
+ </p>
<!-- <div class="bk-tx">
<textarea
v-model="chapter005.textAreaItem.text7"
@@ -412,7 +435,6 @@
id="fileTwo"
@change="handUploadFile($event, '2')"
/>
- <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
</div>
</div>
</div>
@@ -602,10 +624,7 @@
<tr>
<th
:style="{
- width:
- index == 1 || index == chapter005.groupData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -1131,11 +1150,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter005.scoreData1.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -1367,11 +1382,11 @@
<p>椁愬墠鏁欒偛鐨勬敞鎰忎簨椤规槸浠�涔堬紵</p>
<div class="bk-tx">
<textarea
- v-model="chapter005.textAreaItem.text28"
+ v-model="chapter005.textAreaItem.text228"
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- @blur="onBlurChange('text28')"
+ @blur="onBlurChange('text228')"
></textarea>
</div>
<h3 id="c017">
@@ -1457,30 +1472,20 @@
>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">
<template v-if="cell === ''">
- <input
- type="text"
- v-model="chapter005.tableData155[rowIndex][cellIndex]"
- @blur="
- updateCell155(
- rowIndex,
- cellIndex,
- $event.target.value
- )
- "
- />
+ <div
+ contenteditable
+ @blur="updateCell155(rowIndex, cellIndex, $event)"
+ >
+ {{ chapter005.tableData155[rowIndex][cellIndex] }}
+ </div>
</template>
<template v-else>
- <input
- type="text"
- :value="chapter005.tableData155[rowIndex][cellIndex]"
- @blur="
- updateCell155(
- rowIndex,
- cellIndex,
- $event.target.value
- )
- "
- />
+ <div
+ contenteditable
+ @blur="updateCell155(rowIndex, cellIndex, $event)"
+ >
+ {{ chapter005.tableData155[rowIndex][cellIndex] }}
+ </div>
</template>
</td>
</tr>
@@ -1641,11 +1646,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter005.scoreData2.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -1813,11 +1814,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter005.scoreData3.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -2146,11 +2143,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter005.scoreData4.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -2576,23 +2569,79 @@
<thead>
<tr>
<th>濠村辜鍎垮鍚�</th>
- <th></th>
+ <td>
+ <textarea
+ rows="2"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
+ v-model="chapter005.textTh.text1"
+ @blur="changeThVal($event, 'text1')"
+ />
+ </td>
<th>鎬у埆</th>
- <th></th>
+ <td>
+ <textarea
+ rows="2"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
+ v-model="chapter005.textTh.text2"
+ @blur="changeThVal($event, 'text2')"
+ />
+ </td>
<th>骞撮緞</th>
- <th></th>
+ <td>
+ <textarea
+ rows="2"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
+ v-model="chapter005.textTh.text3"
+ @blur="changeThVal($event, 'text3')"
+ />
+ </td>
<th>鐝骇</th>
- <th></th>
+ <td>
+ <textarea
+ rows="2"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
+ v-model="chapter005.textTh.text4"
+ @blur="changeThVal($event, 'text4')"
+ />
+ </td>
</tr>
<tr>
<th>瀹堕暱濮撳悕</th>
- <th></th>
+ <td>
+ <textarea
+ rows="2"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
+ v-model="chapter005.textTh.text5"
+ @blur="changeThVal($event, 'text5')"
+ />
+ </td>
<th>鑱旂郴鏂瑰紡</th>
- <th></th>
+ <td>
+ <textarea
+ rows="2"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
+ v-model="chapter005.textTh.text6"
+ @blur="changeThVal($event, 'text6')"
+ />
+ </td>
<th>瀹跺涵浣忓潃</th>
- <th></th>
+ <td>
+ <textarea
+ rows="2"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
+ v-model="chapter005.textTh.text7"
+ @blur="changeThVal($event, 'text7')"
+ />
+ </td>
<th>璁板綍鏃堕棿</th>
- <th></th>
+ <td>
+ <textarea
+ rows="2"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
+ v-model="chapter005.textTh.text8"
+ @blur="changeThVal($event, 'text8')"
+ />
+ </td>
</tr>
</thead>
<tbody>
@@ -2620,6 +2669,13 @@
</template>
<template v-else>
<input
+ :readonly="
+ cell == '闂琛ㄧ幇' ||
+ cell == '鍘熷洜鍒嗘瀽' ||
+ cell == '閲囧彇鎺柦' ||
+ cell == '鏁堟灉鍒嗘瀽' ||
+ cell == '鍚庣画寤鸿'
+ "
type="text"
:value="chapter005.tableData156[rowIndex][cellIndex]"
@blur="
@@ -2636,6 +2692,7 @@
</tbody>
</table>
</div>
+ <p><br /></p>
<h3 id="c020">
<span class="bk-h3"
><span class="bj1-h3">鍏�</span>銆�銆�椁愬悗淇濊偛銆�</span
@@ -3013,7 +3070,7 @@
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
import drawflow from "@/components/drawflow";
@@ -3027,6 +3084,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -3414,7 +3475,7 @@
["", "", "", ""],
],
// 1-5-3
- headers153: ["閫傚悎鏈堥緞", "7-2鏈堥緞", "13-24鏈堥緞", "24浠ヤ笂鏈堥緞"], // 琛ㄥご
+ headers153: ["閫傚悎鏈堥緞", "7-12鏈堥緞", "13-24鏈堥緞", "24浠ヤ笂鏈堥緞"], // 琛ㄥご
tableData153: [
// 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
["椋熺墿鍚嶇О", "", "", ""],
@@ -3436,7 +3497,7 @@
headers155: [
"鍠傚吇鍘熷垯",
"閫傚悎鏈堥緞",
- "7-2鏈堥緞",
+ "7-12鏈堥緞",
"13-24鏈堥緞",
"24浠ヤ笂鏈堥緞",
],
@@ -3457,6 +3518,7 @@
],
textAreaItem: {},
radio: {},
+ textTh: {},
},
};
},
@@ -3465,30 +3527,24 @@
drawflow,
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter005"));
- if (localData) {
- this.chapter005 = { ...Object.assign(this.chapter005, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter005"));
+ if (localData) {
+ this.chapter005 = { ...Object.assign(this.chapter005, localData) };
+ }
+ this.chapter005.videOneUrl = await getResourcePath(
+ "439b0bde62a5098875c77e2492676577"
+ );
+ this.chapter005.videoTwoUrl = await getResourcePath(
+ "1a878261410b01ee8e4e0602a1fe935f"
+ );
+ this.chapter005.videoFourUrl = await getResourcePath(
+ "6cf2619beb704b3d79de04f0775c8ba3"
+ );
+ this.chapter005.videoFiveUrl = await getResourcePath(
+ "8400384441ad9236d5eab24f500ec2c7"
+ );
}
- this.chapter005.videOneUrl = getResourcePath(
- "439b0bde62a5098875c77e2492676577"
- );
- this.chapter005.videoTwoUrl = getResourcePath(
- "1a878261410b01ee8e4e0602a1fe935f"
- );
- this.chapter005.videoFourUrl = getResourcePath(
- "6cf2619beb704b3d79de04f0775c8ba3"
- );
- this.chapter005.videoFiveUrl = getResourcePath(
- "8400384441ad9236d5eab24f500ec2c7"
- );
- this.chapter005.videOneUrl =
- "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577";
- this.chapter005.videoTwoUrl =
- "https://jsek.bnuic.com/file/api/ApiDownload?md5=1a878261410b01ee8e4e0602a1fe935f";
- this.chapter005.videoFourUrl =
- "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3";
- this.chapter005.videoFiveUrl =
- "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7";
},
methods: {
activityOne() {
@@ -3596,9 +3652,9 @@
}
localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
},
- updateCell(rowIndex, cellIndex, value) {
+ updateCell(rowIndex, cellIndex, e) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
- this.$set(this.chapter005.tableData151[rowIndex], cellIndex, value);
+ this.$set(this.chapter005.tableData151[rowIndex], cellIndex, e.target.innerText);
localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
},
updateCell152(rowIndex, cellIndex, value) {
@@ -3616,9 +3672,18 @@
this.$set(this.chapter005.tableData154[rowIndex], cellIndex, value);
localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
},
- updateCell155(rowIndex, cellIndex, value) {
+ updateCell155(rowIndex, cellIndex, e) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
- this.$set(this.chapter005.tableData155[rowIndex], cellIndex, value);
+ this.$set(
+ this.chapter005.tableData155[rowIndex],
+ cellIndex,
+ e.target.innerText
+ );
+ localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
+ },
+ updateCell156(rowIndex, cellIndex, value) {
+ // 鏇存柊鍗曞厓鏍兼暟鎹�
+ this.$set(this.chapter005.tableData156[rowIndex], cellIndex, value);
localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
},
onBlurChange() {
@@ -3654,8 +3719,8 @@
if (type == "3") {
that.chapter005.pictrueListThree.push(getPublicImage(e));
}
- that.isLoding = false;
- localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
+ that.$emit("Upload_initViewer", "");
+ localStorage.setItem("chapter005", JSON.stringify(that.chapter005));
}, 1000);
})
.catch((e) => {
@@ -3664,13 +3729,19 @@
});
},
handFile(str) {
- let dom = document.getElementById(str);
+ let dom = (this.container ? this.container : document).getElementById(
+ str
+ );
dom.click();
},
drawflowDataClick(val) {
this.chapter005.drawData = val;
localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
},
+ changeThVal(e, val) {
+ this.chapter005.textTh[val] = e.target.value;
+ localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
+ },
},
};
</script>
--
Gitblit v1.9.1