mainPointsDetail.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810
  1. <template>
  2. <view class="mainPointsDetailPage">
  3. <scroll-view scroll-y="true" class="scroll-y">
  4. <view class="checkItem">
  5. <view class="chBg">
  6. <image
  7. src="../../static/chahexiang-bg.png"
  8. mode=""
  9. class="img"
  10. ></image>
  11. <text class="title">查核项</text>
  12. </view>
  13. <image
  14. src="../../static/tuli.png"
  15. mode=""
  16. class="tlImg"
  17. @click="toTuLi"
  18. ></image>
  19. <view class="chContent">
  20. <view class="checkItemName">{{ data.checkItemName ? data.checkItemName : "" }}</view>
  21. <view class="checkPointName">{{ data.checkPointName ? data.checkPointName : "" }}</view>
  22. <view class="cont">
  23. <view class="floatLeft other">
  24. <view class="letterTitle2">{{ data.deptName ? data.deptName : "" }}</view>
  25. <view class="letterTitle">查核单位</view>
  26. </view>
  27. <view class="floatLeft borderLine"></view>
  28. <view class="floatLeft other">
  29. <view class="letterTitle2">{{ data.checkModelName ? data.checkModelName : "" }}</view>
  30. <view class="letterTitle">查核方式</view>
  31. </view>
  32. <view class="floatLeft borderLine"></view>
  33. <view class="floatLeft other">
  34. <view class="letterTitle2">{{ data.lastResult ? data.lastResult : "" }}</view>
  35. <view class="letterTitle">上次结果</view>
  36. </view>
  37. <view class="floatLeft borderLine"></view>
  38. <view class="floatLeft other">
  39. <view class="letterTitle2">{{ data.checkResult ? data.checkResult : "" }}</view>
  40. <view class="letterTitle">本次结果</view>
  41. </view>
  42. </view>
  43. <view class="checked">
  44. <view
  45. class="checked-checkItem"
  46. @click="checkedOne(1)"
  47. :style="
  48. Index == 1
  49. ? { backgroundColor: '#3377FF', color: '#fff' }
  50. : { backgroundColor: '#EBEFF7' }
  51. "
  52. >不适用
  53. <view v-if="lastIndex == 1"
  54. ><image
  55. src="../../static/shangci.png"
  56. mode=""
  57. class="img"
  58. ></image>
  59. <text class="lastName">上次</text></view
  60. >
  61. </view>
  62. <view
  63. class="checked-checkItem"
  64. @click="checkedOne(2)"
  65. :style="
  66. Index == 2
  67. ? { backgroundColor: '#3377FF', color: '#fff' }
  68. : { backgroundColor: '#EBEFF7' }
  69. "
  70. >无缺失
  71. <view v-if="lastIndex == 2"
  72. ><image
  73. src="../../static/shangci.png"
  74. mode=""
  75. class="img"
  76. ></image>
  77. <text class="lastName">上次</text></view
  78. >
  79. </view>
  80. <view
  81. class="checked-checkItem"
  82. @click="checkedOne(3)"
  83. :style="
  84. Index == 3
  85. ? { backgroundColor: '#3377FF', color: '#fff' }
  86. : { backgroundColor: '#EBEFF7' }
  87. "
  88. >主要缺失
  89. <view v-if="lastIndex == 3"
  90. ><image
  91. src="../../static/shangci.png"
  92. mode=""
  93. class="img"
  94. ></image>
  95. <text class="lastName">上次</text></view
  96. >
  97. </view>
  98. <view
  99. class="checked-checkItem"
  100. @click="checkedOne(4)"
  101. :style="
  102. Index == 4
  103. ? { backgroundColor: '#3377FF', color: '#fff' }
  104. : { backgroundColor: '#EBEFF7' }
  105. "
  106. >次要缺失
  107. <view v-if="lastIndex == 4"
  108. ><image
  109. src="../../static/shangci.png"
  110. mode=""
  111. class="img"
  112. ></image>
  113. <text class="lastName">上次</text></view
  114. >
  115. </view>
  116. <view
  117. class="checked-checkItem"
  118. @click="checkedOne(5)"
  119. :style="
  120. Index == 5
  121. ? { backgroundColor: '#3377FF', color: '#fff' }
  122. : { backgroundColor: '#EBEFF7' }
  123. "
  124. >观察事项
  125. <view v-if="lastIndex == 5"
  126. ><image
  127. src="../../static/shangci.png"
  128. mode=""
  129. class="img"
  130. ></image>
  131. <text class="lastName">上次</text></view
  132. >
  133. </view>
  134. </view>
  135. <view class="more" @click="toHistory">
  136. <text>查看改善历史</text>
  137. <view class="moreImg">
  138. <image
  139. src="../../static/blue-arrow.png"
  140. mode=""
  141. class="moreImg2"
  142. ></image>
  143. </view>
  144. </view>
  145. </view>
  146. </view>
  147. <view v-if="data.checkModelName == '访谈'" class="talk">
  148. <view v-for="(item, i) in talkList">
  149. <view class="talkTitle">
  150. <text
  151. >访谈内容{{ i + 1 }}{{ i == 0 ? "" : "(访谈人员:护士、医生)" }}</text
  152. >
  153. <text v-if="i != 0" class="del" @click="del(i)">删除</text>
  154. </view>
  155. <view>
  156. <view class="talkResult">
  157. <text class="seeName">查核结果</text>
  158. <textarea
  159. maxlength="300"
  160. class="seeTextarea"
  161. value=""
  162. placeholder="请输入"
  163. :value="item.talkResult"
  164. @blur="changeTextarea($event, i)"
  165. ></textarea>
  166. </view>
  167. <view class="talkImg" @click="imgClick(i)">
  168. <tm-upload-img
  169. label="上传图片"
  170. :filePaths="item.filePath"
  171. :isMultiple="true"
  172. @changeFilePaths="changeFilePaths2"
  173. />
  174. </view>
  175. </view>
  176. </view>
  177. </view>
  178. <view v-else class="see">
  179. <view class="seeResult">
  180. <text class="seeName">查核结果</text>
  181. <textarea
  182. maxlength="300"
  183. class="seeTextarea"
  184. value=""
  185. placeholder="请输入"
  186. :value="recordList[0].talkResult"
  187. @blur="changeTextarea2"
  188. ></textarea>
  189. </view>
  190. <view class="seeImg">
  191. <tm-upload-img
  192. label="上传图片"
  193. :filePaths="filePath"
  194. :isMultiple="true"
  195. @changeFilePaths="changeFilePaths"
  196. />
  197. </view>
  198. </view>
  199. <button
  200. class="insert"
  201. @click="insert"
  202. v-if="data.checkModelName == '访谈'"
  203. >
  204. + 增加一条记录
  205. </button>
  206. </scroll-view>
  207. <!-- <button type="primary" class="sureDetail" @click="sureDetail" v-if="data.display?data.display:false">完成</button> -->
  208. <view class="bottomMenuGroup">
  209. <view class="menuBtn" @click="goToPrevPage">
  210. <image class="threeLineMenuIcon" src="/static/threeLineMenu.png" ></image>
  211. </view>
  212. <view class="prevBtn" @click="switchItem(1)">下一项</view>
  213. <view class="nextBtn" @click="sureDetail" v-if="data.display?data.display:false">完成</view>
  214. </view>
  215. </view>
  216. </template>
  217. <script>
  218. export default {
  219. data() {
  220. return {
  221. data: {}, //详情数据
  222. lastIndex: null, //上次选中的结果
  223. Index: null, //点击修改本次选中样式
  224. filePath: [],
  225. recordList: [{ seeResult: "", filePath: [] }],
  226. talkLength: 1,
  227. talkList: [{ talkResult: "", filePath: [] }],
  228. editIndex: null,
  229. resultConfigList: [],
  230. id: "",
  231. checkPointId: "",
  232. itemBelongGroup:[],
  233. itemId:''
  234. };
  235. },
  236. mounted() {
  237. this.checkTaskDetail(this.id);
  238. this.getPeizhiList();
  239. },
  240. methods: {
  241. checkTaskDetail(id) {
  242. this.$store.dispatch({
  243. type: "mainPointsDetail/commActions",
  244. payload: {
  245. key: "checkTaskDetail",
  246. data: {
  247. id: id,
  248. },
  249. },
  250. }).then((res) => {
  251. if (res) {
  252. this.data = res;
  253. if (res && res.lastResult == "不适用") {
  254. this.lastIndex = 1;
  255. } else if (res && res.lastResult == "无缺失") {
  256. this.lastIndex = 2;
  257. } else if (res && res.lastResult == "主要缺失") {
  258. this.lastIndex = 3;
  259. } else if (res && res.lastResult == "次要缺失") {
  260. this.lastIndex = 4;
  261. } else if (res && res.lastResult == "观察事项") {
  262. this.lastIndex = 5;
  263. } else {
  264. this.lastIndex = 0;
  265. }
  266. }
  267. });
  268. },
  269. getPeizhiList() {
  270. this.$store.dispatch({
  271. type: "configure/commActions",
  272. payload: {
  273. key: "getResultConfig",
  274. },
  275. }).then((res) => {
  276. this.resultConfigList = res ? res : [];
  277. });
  278. },
  279. checkedOne(data) {
  280. this.Index = data;
  281. if (data == 1) {
  282. this.data.checkResult = "不适用";
  283. } else if (data == 2) {
  284. this.data.checkResult = "无缺失";
  285. } else if (data == 3) {
  286. this.data.checkResult = "主要缺失";
  287. } else if (data == 4) {
  288. this.data.checkResult = "次要缺失";
  289. } else if (data == 5) {
  290. this.data.checkResult = "观察事项";
  291. } else {
  292. this.data.checkResult = "";
  293. }
  294. },
  295. changeFilePaths(filePaths, index) {
  296. let _recordList = [...this.recordList];
  297. _recordList[index].filePath = filePaths;
  298. this.filePath = _recordList[0].filePath;
  299. },
  300. insert() {
  301. let list = [...this.talkList];
  302. if (list.length < 10) {
  303. list.push({ talkResult: "", filePath: [] });
  304. this.talkList = list;
  305. }
  306. },
  307. del(index) {
  308. let list = [...this.talkList];
  309. let list2 = [];
  310. for (let i = 0; i < list.length; i++) {
  311. if (i != index) {
  312. list2.push(list[i]);
  313. }
  314. }
  315. this.talkList = list2;
  316. },
  317. changeFilePaths2(filePaths, index) {
  318. for (let j = 0; j < this.talkList.length; j++) {
  319. this.talkList[this.editIndex].filePath = filePaths;
  320. }
  321. },
  322. changeTextarea(e, i) {
  323. for (let j = 0; j < this.talkList.length; j++) {
  324. this.talkList[i].talkResult = e.detail.value;
  325. }
  326. },
  327. changeTextarea2(e) {
  328. this.recordList[0].seeResult = e.target.value;
  329. },
  330. imgClick(i) {
  331. this.editIndex = i;
  332. },
  333. sureDetail(e) {
  334. if (this.Index) {
  335. let params = {
  336. id: this.data.id,
  337. checkResult: this.data.checkResult,
  338. checkResultRequestList: [],
  339. };
  340. if (this.data.checkModelName == "访谈") {
  341. let list = [];
  342. for (let i = 0; i < this.talkList.length; i++) {
  343. let path = "";
  344. for (let j = 0; j < this.talkList[i].filePath.length; j++) {
  345. if (j == 0) {
  346. path += `${this.talkList[i].filePath[j]}`;
  347. } else {
  348. path += `,${this.talkList[i].filePath[j]}`;
  349. }
  350. }
  351. let item = {
  352. checkResultId: i,
  353. checkResultDescribe: this.talkList[i].talkResult,
  354. checkResultUrl: path,
  355. };
  356. list.push(item);
  357. }
  358. params.checkResultRequestList = list;
  359. } else {
  360. let list = [];
  361. let path = "";
  362. for (let j = 0; j < this.recordList[0].filePath.length; j++) {
  363. if (j == 0) {
  364. path += `${this.recordList[0].filePath[j]}`;
  365. } else {
  366. path += `,${this.recordList[0].filePath[j]}`;
  367. }
  368. }
  369. let item = {
  370. checkResultId: 1,
  371. checkResultDescribe: this.recordList[0].seeResult,
  372. checkResultUrl: path,
  373. };
  374. list.push(item);
  375. params.checkResultRequestList = list;
  376. }
  377. this.$store.dispatch({
  378. type: "mainPointsDetail/commActions",
  379. payload: {
  380. key: "saveCheckTaskDetail",
  381. data: {
  382. ...params,
  383. },
  384. },
  385. }).then((res) => {
  386. if (res) {
  387. for (let i = 0; i < this.resultConfigList.length; i++) {
  388. if (
  389. this.resultConfigList[i].name == params.checkResult &&
  390. (this.resultConfigList[i].resultType == 2 ||
  391. this.resultConfigList[i].resultType == 3)
  392. ) {
  393. let param = {
  394. situationId: this.data.situationId,
  395. situationName: this.data.situationName,
  396. checkGroupId: this.data.checkGroupId,
  397. checkGroupName: this.data.checkGroupName,
  398. checkItemId: this.data.checkItemId,
  399. checkItemName: this.data.checkItemName,
  400. checkPointId: this.data.checkPointId,
  401. checkPointName: this.data.checkPointName,
  402. deptName: this.data.deptName,
  403. deptId: this.data.deptId,
  404. appointFlag: false,
  405. desicion: 0,
  406. taskType: "1",
  407. checkId: this.data.checkId,
  408. checkResult: this.resultConfigList[i].id,
  409. receiveEmpId: this.data.receiveEmpId,
  410. receiveEmpName: this.data.receiveEmpName,
  411. checkDetailId: this.data.id,
  412. };
  413. this.$store.dispatch({
  414. type: "mission/commActions",
  415. payload: {
  416. key: "comTaskCirculation",
  417. data: {
  418. ...param,
  419. },
  420. },
  421. }).then(() => {
  422. uni.navigateTo({
  423. url: `/pages/auditItemDetails/auditItemDetails?id=${this.data.id}&checkPointId=${this.checkPointId}`,
  424. });
  425. });
  426. }
  427. }
  428. }
  429. });
  430. } else {
  431. uni.showModal({
  432. title: "检查选项未选择",
  433. showCancel: false,
  434. });
  435. }
  436. },
  437. toTuLi() {
  438. uni.navigateTo({
  439. url: `/pages/legendDetails/legendDetails?checkItemId=${this.data.checkItemId}&checkPointId=${this.checkPointId}`,
  440. });
  441. },
  442. toHistory() {
  443. // const situationId = this.data.situationId;
  444. // this.$store.dispatch({
  445. // type: 'mission/commActions',
  446. // payload: {
  447. // key: "getMissionList",
  448. // situationId:situationId
  449. // }
  450. // }).then(data => {
  451. // if(data) {
  452. // // this.improvingTaskList = data.improvingTaskResponses || [];
  453. // // this.completeTaskList = data.improveCompleteResponses || [];
  454. // }
  455. // });
  456. /** 请求参数 data
  457. * situationId: 情境id 当管路员或者查核者通过情境进入任务列表时 必传
  458. * checkItemId 单位负责人通过 查核要点进入改善任务列表时 必传
  459. */
  460. uni.navigateTo({
  461. url: `/pages/improve-mission-list/improve-mission-list?situationId=${this.data.situationId}`,
  462. });
  463. },
  464. goToPrevPage(){
  465. window.history.back();
  466. },
  467. switchItem(num){
  468. let current = this.itemBelongGroup.filter(item=>{
  469. return item.id == this.id;
  470. });
  471. if(num<0){
  472. if(current[0].index==0){
  473. uni.showToast({
  474. title: '已经没有上一项',
  475. duration: 2000,
  476. icon:'none'
  477. });
  478. return;
  479. }
  480. }
  481. if(num>0){
  482. if(current[0].index==this.itemBelongGroup.length-1){
  483. uni.showToast({
  484. title: '已经没有下一项',
  485. duration: 2000,
  486. icon:'none'
  487. });
  488. return;
  489. }
  490. }
  491. let needItemIndex = num>0?current[0].index+1:current[0].index-1;
  492. let needItemId = this.itemBelongGroup[needItemIndex].id;
  493. this.checkTaskDetail(needItemId);
  494. },
  495. // // 获取改善任务列表
  496. // getMissionList(situationId) {
  497. // },
  498. },
  499. onLoad({ id, checkPointId }) {
  500. this.id = id;
  501. this.checkPointId = checkPointId;
  502. //接收来自上个页面所传过来的数据
  503. const eventChannel = this.getOpenerEventChannel();
  504. eventChannel.on('acceptDataFromOpenerPage', (data)=>{
  505. console.log({data});
  506. this.itemBelongGroup =data.data[0].responseList.map((item,index)=>{
  507. return({
  508. index:index,
  509. id:item['id'],
  510. })
  511. });
  512. //重新导航进页面,删除缓存并设置最新数据
  513. uni.removeStorageSync('itemBelongGroup');
  514. uni.setStorageSync('itemBelongGroup',this.itemBelongGroup);
  515. });
  516. //手动刷新页面,获取本地缓存
  517. const itemBelongGroup = uni.getStorageSync('itemBelongGroup');
  518. this.itemBelongGroup = itemBelongGroup;
  519. },
  520. };
  521. </script>
  522. <style lang="less">
  523. .mainPointsDetailPage {
  524. position: relative;
  525. // min-height: 75rpx;
  526. // overflow-y: auto;
  527. height: 100%;
  528. .scroll-y {
  529. height: calc(100% - 75rpx);
  530. }
  531. .checkItem {
  532. padding-top: 47.5rpx;
  533. width: 100%;
  534. min-height: 450rpx;
  535. background-color: #fff;
  536. position: relative;
  537. .chBg {
  538. position: absolute;
  539. top: 0;
  540. left: 0;
  541. width: 125rpx;
  542. height: 37.5rpx;
  543. .img {
  544. width: 125rpx;
  545. height: 37.5rpx;
  546. }
  547. .title {
  548. position: absolute;
  549. top: 8.75rpx;
  550. left: 25rpx;
  551. font-size: 20rpx;
  552. color: #fff;
  553. font-weight: 500;
  554. line-height: 20rpx;
  555. }
  556. }
  557. .tlImg {
  558. width: 40rpx;
  559. height: 40rpx;
  560. position: absolute;
  561. right: 25rpx;
  562. top: 25rpx;
  563. }
  564. .chContent {
  565. width: 100%;
  566. .checkItemName {
  567. margin-left: 31.25rpx;
  568. font-size: 25rpx;
  569. line-height: 55rpx;
  570. color: #292c33;
  571. }
  572. .checkPointName {
  573. margin-left: 31.25rpx;
  574. font-size: 17.5rpx;
  575. line-height: 17.5rpx;
  576. color: #7a8599;
  577. }
  578. .cont {
  579. height: 135rpx;
  580. .floatLeft {
  581. float: left;
  582. }
  583. .borderLine {
  584. margin-top: 56.25rpx;
  585. width: 0.62rpx;
  586. height: 25rpx;
  587. background-color: #dadee6;
  588. }
  589. .other {
  590. padding: 40rpx 0rpx;
  591. height: 95rpx;
  592. width: 187.18rpx;
  593. text-align: center;
  594. .letterTitle {
  595. font-size: 17.5rpx;
  596. color: #7a8599;
  597. line-height: 17.5rpx;
  598. }
  599. .letterTitle2 {
  600. height: 22.5rpx;
  601. font-size: 22.5rpx;
  602. line-height: 22.5rpx;
  603. color: #292c33;
  604. margin-bottom: 15rpx;
  605. font-weight: 500;
  606. }
  607. }
  608. }
  609. .checked {
  610. margin-bottom: 40rpx;
  611. padding: 0rpx 15.62rpx;
  612. height: 75rpx;
  613. .checked-checkItem {
  614. margin: 0rpx 9.37rpx;
  615. padding: 0;
  616. width: 125rpx;
  617. height: 75rpx;
  618. background: #ebeff7;
  619. float: left;
  620. line-height: 75rpx;
  621. text-align: center;
  622. color: #292c33;
  623. border-radius: 20rpx;
  624. position: relative;
  625. .img {
  626. width: 51.25rpx;
  627. height: 25rpx;
  628. position: absolute;
  629. right: -6.25rpx;
  630. top: -6.25rpx;
  631. }
  632. .lastName {
  633. color: #fff;
  634. font-size: 13.75rpx;
  635. line-height: 13.75rpx;
  636. position: absolute;
  637. right: 5rpx;
  638. top: -1.87rpx;
  639. }
  640. }
  641. }
  642. .more {
  643. margin: 0rpx 25rpx 0rpx 25rpx;
  644. text-align: center;
  645. border-top: 0.62rpx solid #dadee6;
  646. text {
  647. padding: 29.37rpx 0rpx 27.5rpx;
  648. margin-right: 10rpx;
  649. line-height: 22.5rpx;
  650. font-size: 22.5rpx;
  651. color: #3377ff;
  652. display: inline-block;
  653. vertical-align: top;
  654. }
  655. .moreImg {
  656. margin-top: 28.75rpx;
  657. width: 12.37rpx;
  658. height: 21.21rpx;
  659. display: inline-block;
  660. }
  661. .moreImg2 {
  662. width: 12.37rpx;
  663. height: 21.21rpx;
  664. }
  665. }
  666. }
  667. }
  668. .see {
  669. margin-top: 15rpx;
  670. height: 287.5rpx;
  671. background-color: #fff;
  672. // padding-left: 25rpx;
  673. .seeResult {
  674. margin-left: 25rpx;
  675. padding-top: 32.5rpx;
  676. // height: 200rpx;
  677. border-bottom: 1px solid #dadee6;
  678. .seeName {
  679. width: 175rpx;
  680. font-size: 22.5rpx;
  681. color: #525866;
  682. line-height: 22.5rpx;
  683. display: inline-block;
  684. }
  685. .seeTextarea {
  686. width: 531.25rpx;
  687. height: 155rpx;
  688. display: inline-block;
  689. font-size: 22.5rpx;
  690. line-height: 27.5rpx;
  691. }
  692. }
  693. .seeImg {
  694. min-height: 87.5rpx;
  695. .seeName2 {
  696. width: 175rpx;
  697. font-size: 22.5rpx;
  698. color: #525866;
  699. line-height: 87.5rpx;
  700. display: inline-block;
  701. }
  702. }
  703. }
  704. .talk {
  705. .talkTitle {
  706. padding: 25rpx 25rpx 15rpx;
  707. font-size: 22.5rpx;
  708. line-height: 22.5rpx;
  709. color: #666f80;
  710. .del {
  711. float: right;
  712. color: #3377ff;
  713. }
  714. }
  715. .talkResult {
  716. padding-left: 25rpx;
  717. padding-top: 32.5rpx;
  718. border-bottom: 1px solid #dadee6;
  719. background-color: #fff;
  720. .seeName {
  721. width: 175rpx;
  722. font-size: 22.5rpx;
  723. color: #525866;
  724. line-height: 22.5rpx;
  725. display: inline-block;
  726. }
  727. .seeTextarea {
  728. width: 531.25rpx;
  729. height: 155rpx;
  730. display: inline-block;
  731. font-size: 22.5rpx;
  732. line-height: 27.5rpx;
  733. }
  734. }
  735. .talkImg {
  736. min-height: 87.5rpx;
  737. .seeName2 {
  738. width: 175rpx;
  739. font-size: 22.5rpx;
  740. color: #525866;
  741. line-height: 87.5rpx;
  742. display: inline-block;
  743. }
  744. }
  745. }
  746. .insert {
  747. background-color: #fff;
  748. font-size: 22.5rpx;
  749. line-height: 22.5rpx;
  750. color: #3377ff;
  751. padding: 26.25rpx;
  752. }
  753. .sureDetail {
  754. width: 100%;
  755. height: 75rpx;
  756. font-size: 22.5rpx;
  757. background-color: #3377ff;
  758. line-height: 75rpx;
  759. position: absolute;
  760. bottom: 0rpx;
  761. }
  762. .bottomMenuGroup {
  763. position: fixed;
  764. bottom: 0;
  765. width: 100%;
  766. height: 75rpx;
  767. display: flex;
  768. flex-direction: row;
  769. background: #FFFFFF;
  770. border-top:0.62rpx solid #DADEE6;
  771. .menuBtn {
  772. display: flex;
  773. width: 75rpx;
  774. height: 75rpx;
  775. justify-content: center;
  776. align-items: center;
  777. border-right: 0.62rpx solid #DADEE6;
  778. .threeLineMenuIcon {
  779. width: 26.25rpx;
  780. height: 21.25rpx;
  781. }
  782. }
  783. .prevBtn,.nextBtn {
  784. display: flex;
  785. flex: 1;
  786. justify-content: center;
  787. height:75rpx;
  788. line-height:75rpx;
  789. font-size: 22.5rpx;
  790. font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  791. font-weight: 400;
  792. color: #3377FF;
  793. }
  794. .prevBtn {
  795. border-right: 0.62rpx solid #DADEE6;
  796. }
  797. .nextBtn{
  798. color: #FFFFFF;
  799. background: #3377FF;
  800. }
  801. }
  802. }
  803. </style>