mainPointsDetail.vue 25 KB

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