index.vue 24 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007
  1. <template>
  2. <view class="content">
  3. <view class="headbgbox flex2">
  4. <view class="searchbox">
  5. <u-icon name="search" bold="true" size="25" color="rgb(246,185,78)"></u-icon>
  6. <input type="text" v-model="keywords" placeholder="合同名称/编号、承兑人名称或出票人名称"
  7. placeholder-style="color:#BBBCBE" @blur="changeSeach" />
  8. </view>
  9. <view class="screen" @click="show = true">
  10. <text>筛选</text>
  11. <view style="padding-left: 10rpx;">
  12. <u-icon name="arrow-down" color="#1F242A" size="14" bold="true"></u-icon>
  13. </view>
  14. </view>
  15. </view>
  16. <view class="cardlist">
  17. <view>
  18. <view class="lable " v-for="(item,index) in listall" :key="index">
  19. <view class="radiobox" v-if="editall">
  20. <radio :value="index" :checked="item.checked" color="#D8AB5A" @click="checkBox(item.id)" />
  21. </view>
  22. <view class="card" @click.stop="moveDetail(item.id)">
  23. <view class="passreview" v-if="item.statusText=='成功'">
  24. <image src="../../static/img/resuccess.png" mode="aspectFill"></image>
  25. </view>
  26. <view class="passreview" v-if="item.statusText=='待审核'">
  27. <image src="../../static/img/toreviewe.png" mode="aspectFill"></image>
  28. </view>
  29. <view class="passreview" v-if="item.statusText=='失败'">
  30. <image src="../../static/img/falis.png" mode="aspectFill"></image>
  31. </view>
  32. <!-- <view class="passreview" v-if="item.contractStatus==1">
  33. <image src="../../static/img/redel.png" mode="aspectFill"></image>
  34. </view> -->
  35. <view class="timebox" v-if="item.statusText=='成功'">
  36. <text>{{item.createdAt}}</text>
  37. </view>
  38. <view class="timebox" v-if="item.statusText=='待审核'" :style="{'background-color':'#FFEBE5'}">
  39. <text>{{item.createdAt}}</text>
  40. </view>
  41. <view class="timebox" v-if="item.statusText=='失败'" :style="{'background-color':'#E7E7E7'}">
  42. <text>{{item.createdAt}}</text>
  43. </view>
  44. <!-- <view class="timebox" v-if="item.contractStatus==1" :style="{'background-color':'#F6F6F6'}">
  45. <text>{{item.createdAt}}</text>
  46. </view> -->
  47. <view class="innerbox">
  48. <view class="listicon">
  49. <image src="/static/img/listticon.png" mode="aspectFill"></image>
  50. </view>
  51. <text class="cardtitle hideone">{{item.name}}</text>
  52. <text class="ardydele" v-if="item.contractStatus==1">已删除</text>
  53. </view>
  54. <view class="contractmsg flex5">
  55. <text>合同编号:{{item.contractNo}}</text>
  56. <text style="padding-top: 10rpx;">承兑人:{{item.acceptorName}}</text>
  57. <text style="padding-top: 10rpx;" v-if="state==0">供应商:{{item.supplierName}}</text>
  58. </view>
  59. <view class="flex6 contadra">
  60. <text>出票人:{{item.drawersName}}</text>
  61. <text>汇票状态:{{item.draftStatusText}}</text>
  62. </view>
  63. </view>
  64. </view>
  65. </view>
  66. </view>
  67. <view class="nomore" v-if="listall.length==0">
  68. <text>暂无数据</text>
  69. </view>
  70. <view class="totalmanage " v-if="listall.length>0">
  71. <text style="color:#68625B;font-size: 28rpx;">合计:{{total}}份</text>
  72. <!-- <view class=" maboxtitls" @click="editall=true">
  73. <view class="managebox">
  74. <image src="/static/img/manage.png" mode="aspectFit"></image>
  75. </view>
  76. <text style="padding-left: 15rpx;">管理</text>
  77. </view> -->
  78. </view>
  79. <view class="safebt"></view>
  80. <view class="managecon" @click="editall=true"></view>
  81. <!-- <view class="plusicon" @click="addContract" v-if="state==1"></view> -->
  82. <u-popup :show="show" @close="close" @open="open">
  83. <view class="popscreen">
  84. <view class="checklist" v-for="(item,index) in ctrstatus" :key="index">
  85. <view class="alllistbtn">
  86. <text class="btntitle" style="">{{item.title}}</text>
  87. <view class="yunbtn">
  88. <view class="btnchoose" v-for="(i,k) in item.list" :key="k" @click="choose(item.title,k)"
  89. :class="[contract_status == k?'active':'btnchoose']">
  90. <text>{{i.name}}</text>
  91. </view>
  92. </view>
  93. </view>
  94. </view>
  95. <view class="checklist" v-for="(item,index) in ctrexamstatus" :key="index">
  96. <view class="alllistbtn">
  97. <text class="btntitle" style="">{{item.title}}</text>
  98. <view class="yunbtn">
  99. <view class="btnchoose" v-for="(i,k) in item.list" :key="k" @click="choose(item.title,k)"
  100. :class="[ contract_examstatus== k?'active':'btnchoose']">
  101. <text>{{i.name}}</text>
  102. </view>
  103. </view>
  104. </view>
  105. </view>
  106. <view class="checklist" v-for="(item,index) in billstatus" :key="index">
  107. <view class="alllistbtn">
  108. <text class="btntitle" style="">{{item.title}}</text>
  109. <view class="yunbtn">
  110. <view class="btnchoose" v-for="(i,k) in item.list" :key="k" @click="choose(item.title,k)"
  111. :class="[draft_status == k?'active':'btnchoose']">
  112. <text>{{i.name}}</text>
  113. </view>
  114. </view>
  115. </view>
  116. </view>
  117. <view class="checklist" v-for="(item,index) in upstauts" :key="index">
  118. <view class="alllistbtn">
  119. <text class="btntitle" style="">{{item.title}}</text>
  120. <view class="yunbtn">
  121. <view class="btnchoose" v-for="(i,k) in item.list" :key="k" @click="choose(item.title,k)"
  122. :class="[time_status == k?'active':'btnchoose']">
  123. <text>{{i.name}}</text>
  124. </view>
  125. </view>
  126. </view>
  127. </view>
  128. <view class="flex4 custom" v-if="time_status==3">
  129. <text style="font-size: 26rpx;font-weight: 600;">自定义</text>
  130. <view class="custombox flex3">
  131. <view class="creatdata flex6" @click="openDatePicker(1)">
  132. <text>开始日期</text>
  133. <view class="flex4 chodatain">
  134. <text>{{creatTime}}</text>
  135. <u-icon name="arrow-right" color="#BEBDBB" bold="true" size="12"></u-icon>
  136. </view>
  137. </view>
  138. <view class="creatdata flex6" @click="openDatePicker(2)">
  139. <text>结束日期</text>
  140. <view class="flex4 chodatain">
  141. <text>{{endTime}}</text>
  142. <u-icon name="arrow-right" color="#BEBDBB" bold="true" size="12"></u-icon>
  143. </view>
  144. </view>
  145. </view>
  146. </view>
  147. <view class="checklist" v-if="state==0">
  148. <view class="alllistbtn">
  149. <text class="btntitle" style="">搜索供应商</text>
  150. <view class="">
  151. <view class="chosbox">
  152. <uni-data-select v-model="asd" :localdata="suplist" @change="changeacPerson"
  153. :showas="false" :plname="'搜索供应商账号'" @search="searchSupplier"
  154. @checkin="checkacptIndex" :nomore="nomore"></uni-data-select>
  155. </view>
  156. </view>
  157. </view>
  158. </view>
  159. <!-- <view class="searchbox" style="margin: 0 20px;margin-bottom: 30px;" v-if="state==0">
  160. <u-icon name="search" bold="true" size="25" color="rgb(246,185,78)"></u-icon>
  161. <input type="text" v-model="supkeywords" placeholder="请输入供应商名称" placeholder-style="color:#BBBCBE" />
  162. </view> -->
  163. <view class="aszs flex6">
  164. <view class="againbtn" @click="restoreALL"><text>重置</text></view>
  165. <view class="againbtn" style="color: #D8AB5A;border: 1rpx solid #D8AB5A;" @click="makeSureSelect">
  166. <text>确认</text>
  167. </view>
  168. </view>
  169. </view>
  170. </u-popup>
  171. <u-datetime-picker :show="dateshow" v-model="value1" mode="date" @confirm="chooseDate" @cancel="closeDate">
  172. </u-datetime-picker>
  173. <!-- 底部删除 -->
  174. <u-popup :show="editall&&state==1" @close="closeEidt" @open="openEidt" :overlay="false">
  175. <view class="editbox">
  176. <view class="chooseall flex6">
  177. <view class="leftchoose ">
  178. <radio :checked="quan" @click="makeSureAll" color="#D8AB5A"></radio>
  179. <text>全选</text>
  180. </view>
  181. <view class="surebtn" @click="selectDown">
  182. 完成
  183. </view>
  184. </view>
  185. <view class="choosebtn">
  186. <view class="delbtn flex1" @click="dele">删除</view>
  187. <view class="restorebtn flex1" @click="restore">复原</view>
  188. </view>
  189. </view>
  190. </u-popup>
  191. <u-popup :show="editall&&state==0" @close="closeEidt" @open="openEidt" :overlay="false">
  192. <view class="editbox">
  193. <view class="chooseall flex6">
  194. <view class="leftchoose ">
  195. <radio :checked="quan" @click="makeSureAll" color="#D8AB5A"></radio>
  196. <text>全选</text>
  197. </view>
  198. <view class="anniu">
  199. <text class="usa" @click="dele">删除</text>
  200. <text class="usa" @click="restore">复原</text>
  201. <text @click="selectDown" class="usa">完成</text>
  202. </view>
  203. </view>
  204. <view class="choosebtn">
  205. <view class="delbtn flex1" @click="examineFail">审核失败</view>
  206. <view class="restorebtn flex1" @click="examineSuccess">审核成功</view>
  207. </view>
  208. </view>
  209. </u-popup>
  210. <tabar></tabar>
  211. </view>
  212. </template>
  213. <script>
  214. let that
  215. import tabar from "@/componet/tabbar/tabbar.vue"
  216. export default {
  217. components: {
  218. tabar
  219. },
  220. data() {
  221. return {
  222. keywords: '',
  223. supkeywords: '',
  224. state: 0,
  225. show: false,
  226. editall: false,
  227. dateshow: false,
  228. quan: false,
  229. creatTime: '',
  230. endTime: '',
  231. asd: '',
  232. value1: Number(new Date()),
  233. intime: 1,
  234. contract_examstatus: 0,
  235. contract_status: 0,
  236. draft_status: 0,
  237. time_status: 0,
  238. listall: [],
  239. suplist: [],
  240. pageIndex: 1,
  241. supageIndex: 1,
  242. total: '',
  243. nomore: false,
  244. shai: false,
  245. startTime: '',
  246. supplierId: 0,
  247. ctrstatus: [{
  248. title: "合同状态",
  249. list: [
  250. {
  251. name: "正常",
  252. },
  253. {
  254. name: "已删除",
  255. },
  256. ]
  257. }],
  258. ctrexamstatus: [{
  259. title: "合同审核状态",
  260. list: [{
  261. name: "全部",
  262. },
  263. {
  264. name: "待审核",
  265. },
  266. {
  267. name: "成功",
  268. },
  269. {
  270. name: "失败",
  271. },
  272. ]
  273. }],
  274. billstatus: [{
  275. title: "汇票状态",
  276. list: [{
  277. name: "全部",
  278. },
  279. {
  280. name: "待审核",
  281. },
  282. {
  283. name: "成功",
  284. },
  285. {
  286. name: "失败",
  287. },
  288. {
  289. name: "已删除",
  290. },
  291. ]
  292. }],
  293. upstauts: [{
  294. title: "上传日期",
  295. list: [{
  296. name: "全部",
  297. },
  298. {
  299. name: "今日",
  300. },
  301. {
  302. name: "昨日",
  303. },
  304. {
  305. name: "自定义",
  306. },
  307. ]
  308. }],
  309. }
  310. },
  311. onLoad() {
  312. that = this
  313. this.state = this.$store.state.admin
  314. // this.init()
  315. },
  316. onShow() {
  317. that.pageIndex = 1
  318. that.nomore = false
  319. that.listall = []
  320. this.init()
  321. this.initSupplier()
  322. },
  323. // //下拉到底部后加载新数据
  324. // onReachBottom() {
  325. // //判断下一页是否存在数据,不存在将显示暂无数据等提示语
  326. // if (this.listall.length >= this.pageIndex * 10) {
  327. // this.pageIndex++; //页数加一
  328. // this.init(); //回调接口
  329. // } else {
  330. // this.nomore = true
  331. // }
  332. // },
  333. methods: {
  334. // 管理员获取列表数据
  335. init() {
  336. uni.showLoading()
  337. let conkey = 2
  338. // if (this.contract_status == 0) {
  339. // conkey = 0
  340. // } else
  341. if (this.contract_status == 1) {
  342. conkey = 1
  343. } else if (this.contract_status == 2) {
  344. conkey = 2
  345. }
  346. console.log(this.supplierId, 778)
  347. uni.$u.http.get(
  348. `/api/Contract/search?pageSize=-1&name=${this.keywords}&contractStatus=${conkey}
  349. &approveStatus=${this.contract_examstatus}&draftStatus=${this.draft_status}
  350. &startTime=${this.creatTime}&endTime=${this.endTime}&supplierId=${this.supplierId}`
  351. // pageIndex: this.pageIndex,
  352. // pageSize: 10,
  353. // startTime: this.creatTime,
  354. // endTime: this.endTime,
  355. // name: this.keywords,
  356. // contractStatus: conkey,
  357. // approveStatus: this.contract_examstatus,
  358. // draftStatus: this.draft_status,
  359. // supplierId: this.supplierId
  360. , {
  361. custom: {
  362. auth: true
  363. }
  364. }).then((res) => {
  365. uni.hideLoading()
  366. this.total = res.total
  367. this.listall = res.result
  368. // let list = res.result
  369. // if (list.length > 0) {
  370. // list.forEach(item => {
  371. // item.checked = false
  372. // this.listall.push(item)
  373. // })
  374. // if (list.length < 10) {
  375. // that.nomore = true
  376. // }
  377. // }
  378. }).catch((err) => {
  379. uni.hideLoading()
  380. console.log(err)
  381. })
  382. },
  383. // 供货商获取列表数据
  384. initSupplier() {
  385. uni.$u.http.get('/api/Supplier/search', {
  386. pageIndex: 1,
  387. pageSize: 200,
  388. // startTime:'',
  389. // endTime:'',
  390. name: this.seacesu,
  391. // contractStatus:'',
  392. // contractNo:''
  393. }, {
  394. custom: {
  395. auth: true
  396. }
  397. }).then((res) => {
  398. let list = res.result
  399. if (list.length > 0) {
  400. list.forEach((item, index) => {
  401. that.suplist.push({
  402. id: item.id,
  403. text: item.account,
  404. value: index
  405. })
  406. })
  407. if (list.length < 10) {
  408. that.nomore = true
  409. }
  410. }
  411. // console.log(that.suplist,999999999)
  412. }).catch((err) => {
  413. uni.hideLoading()
  414. console.log(err)
  415. })
  416. },
  417. changeSeach(e) {
  418. this.keywords = e.detail.value
  419. that.pageIndex = 1
  420. that.nomore = false
  421. that.listall = []
  422. this.init()
  423. },
  424. searchSupplier(e) {
  425. this.seacesu = e
  426. this.supageIndex = 1,
  427. this.suplist = []
  428. this.initSupplier()
  429. },
  430. checkacptIndex(index) {
  431. this.acptIndex = index
  432. },
  433. changeacPerson(e) {
  434. this.asd = e
  435. if (e == "clearall") {
  436. this.supplierId = ''
  437. } else {
  438. for (let i in this.suplist) {
  439. console.log(this.supplierId)
  440. if (i == e) {
  441. console.log(this.supplierId)
  442. this.supplierId = this.suplist[i].id
  443. console.log(this.suplist)
  444. }
  445. }
  446. }
  447. console.log(this.supplierId)
  448. },
  449. examineFail() {
  450. let ids = []
  451. that.listall.forEach(item => {
  452. if (item.checked) {
  453. ids.push(item.id)
  454. }
  455. })
  456. if (ids.length == 0) {
  457. this.$toast("请选择合同")
  458. return
  459. }
  460. uni.showModal({
  461. title: '提示',
  462. content: '是否批量审核失败?',
  463. success: function(res) {
  464. if (res.confirm) {
  465. uni.showLoading()
  466. uni.$u.http.post('/api/Contract/manage', {
  467. ids: ids,
  468. operateType: 4
  469. }, {
  470. custom: {
  471. auth: true
  472. }
  473. }).then((res) => {
  474. uni.hideLoading()
  475. that.editall = false
  476. that.quan = false
  477. that.$toast("操作成功")
  478. setTimeout(() => {
  479. that.pageIndex = 1
  480. that.nomore = false
  481. that.listall = []
  482. that.init()
  483. }, 500)
  484. }).catch((err) => {
  485. uni.hideLoading()
  486. that.$toast(err.msg)
  487. })
  488. } else if (res.cancel) {
  489. console.log('用户点击取消');
  490. }
  491. }
  492. });
  493. },
  494. dele() {
  495. let ids = []
  496. that.listall.forEach(item => {
  497. if (item.checked) {
  498. ids.push(item.id)
  499. }
  500. })
  501. if (ids.length == 0) {
  502. that.$toast("请选择合同")
  503. return
  504. }
  505. uni.showModal({
  506. title: '提示',
  507. content: "是否批量删除?",
  508. success: function(res) {
  509. if (res.confirm) {
  510. uni.showLoading()
  511. uni.$u.http.post('/api/Contract/manage', {
  512. ids: ids,
  513. operateType: 1
  514. }, {
  515. custom: {
  516. auth: true
  517. }
  518. }).then((res) => {
  519. uni.hideLoading()
  520. that.editall = false
  521. that.quan = false
  522. that.$toast("操作成功")
  523. setTimeout(() => {
  524. that.pageIndex = 1
  525. that.nomore = false
  526. that.listall = []
  527. that.init()
  528. }, 500)
  529. }).catch((err) => {
  530. uni.hideLoading()
  531. that.$toast(err.msg)
  532. })
  533. } else if (res.cancel) {
  534. }
  535. }
  536. })
  537. },
  538. restore() {
  539. let ids = []
  540. that.listall.forEach(item => {
  541. if (item.checked) {
  542. ids.push(item.id)
  543. }
  544. })
  545. if (ids.length == 0) {
  546. that.$toast("请选择合同")
  547. return
  548. }
  549. uni.showModal({
  550. title: '提示',
  551. content: "是否批量复原?",
  552. success: function(res) {
  553. if (res.confirm) {
  554. uni.showLoading()
  555. uni.$u.http.post('/api/Contract/manage', {
  556. ids: ids,
  557. operateType: 2
  558. }, {
  559. custom: {
  560. auth: true
  561. }
  562. }).then((res) => {
  563. uni.hideLoading()
  564. that.editall = false
  565. that.quan = false
  566. that.$toast("操作成功")
  567. setTimeout(() => {
  568. that.pageIndex = 1
  569. that.nomore = false
  570. that.listall = []
  571. that.init()
  572. }, 500)
  573. }).catch((err) => {
  574. uni.hideLoading()
  575. that.$toast(err.msg)
  576. })
  577. } else if (res.cancel) {
  578. }
  579. }
  580. })
  581. },
  582. examineSuccess() {
  583. let ids = []
  584. that.listall.forEach(item => {
  585. if (item.checked) {
  586. ids.push(item.id)
  587. }
  588. })
  589. if (ids.length == 0) {
  590. that.$toast("请选择合同")
  591. return
  592. }
  593. uni.showModal({
  594. title: '提示',
  595. content: "是否批量审核成功?",
  596. success: function(res) {
  597. if (res.confirm) {
  598. uni.showLoading()
  599. uni.$u.http.post('/api/Contract/manage', {
  600. ids: ids,
  601. operateType: 3
  602. }, {
  603. custom: {
  604. auth: true
  605. }
  606. }).then((res) => {
  607. uni.hideLoading()
  608. that.editall = false
  609. that.quan = false
  610. that.$toast("操作成功")
  611. setTimeout(() => {
  612. that.pageIndex = 1
  613. that.nomore = false
  614. that.listall = []
  615. that.init()
  616. }, 500)
  617. }).catch((err) => {
  618. uni.hideLoading()
  619. that.$toast(err.msg)
  620. })
  621. } else if (res.cancel) {
  622. }
  623. }
  624. })
  625. },
  626. checkBox(id) {
  627. let list = this.listall
  628. list.forEach(item => {
  629. if (item.id == id) {
  630. item.checked = !item.checked
  631. }
  632. })
  633. this.listall = JSON.parse(JSON.stringify(list))
  634. },
  635. allSelect() {
  636. let list = this.listall
  637. if (this.quan) {
  638. list.forEach(item => {
  639. item.checked = true
  640. })
  641. } else {
  642. list.forEach(item => {
  643. item.checked = false
  644. })
  645. }
  646. this.listall = JSON.parse(JSON.stringify(list))
  647. console.log(this.listall)
  648. },
  649. addContract() {
  650. uni.navigateTo({
  651. url: '/pages/alldeatil/upcontract'
  652. })
  653. },
  654. moveDetail(id) {
  655. uni.navigateTo({
  656. url: "/pages/alldeatil/contractdetail?id=" + id
  657. })
  658. },
  659. makeSureAll() {
  660. this.quan = !this.quan
  661. this.allSelect()
  662. },
  663. selectDown() {
  664. this.editall = false
  665. this.quan = false
  666. let list = this.listall
  667. list.forEach(item => {
  668. item.checked = false
  669. })
  670. },
  671. closeEidt() {
  672. this.editall = false
  673. },
  674. openEidt() {
  675. this.editall = true
  676. },
  677. chooseDate(e) {
  678. this.dateshow = false
  679. const timeFormat = uni.$u.timeFormat
  680. if (this.intime == 1) {
  681. this.creatTime = timeFormat(e.value, 'yyyy-mm-dd 00:00:00')
  682. } else {
  683. this.endTime = timeFormat(e.value, 'yyyy-mm-dd 23:59:59')
  684. }
  685. },
  686. openDatePicker(e) {
  687. console.log(e)
  688. if (e == 1) {
  689. this.intime = 1
  690. } else {
  691. this.intime = 2
  692. }
  693. this.dateshow = true
  694. },
  695. closeDate() {
  696. this.dateshow = false
  697. },
  698. open() {
  699. // console.log('open');
  700. },
  701. close() {
  702. this.show = false
  703. // console.log('close');
  704. },
  705. //筛选确定按钮
  706. makeSureSelect() {
  707. this.shai = true
  708. that.pageIndex = 1
  709. that.nomore = false
  710. that.listall = []
  711. this.init()
  712. this.close()
  713. },
  714. //重置按钮
  715. restoreALL() {
  716. this.creatTime = ''
  717. this.endTime = ''
  718. this.time_status = 0
  719. this.contract_status = 0
  720. this.draft_status = 0
  721. this.contract_examstatus=0
  722. that.pageIndex = 1
  723. that.nomore = false
  724. // that.listall = []
  725. // this.init()
  726. },
  727. choose(title, k) {
  728. if (title == "合同审核状态") {
  729. this.contract_examstatus = k
  730. } else if (title == "合同状态") {
  731. this.contract_status = k
  732. } else if (title == "汇票状态") {
  733. this.draft_status = k
  734. } else if (title == "上传日期") {
  735. this.time_status = k
  736. if (k == 0) {
  737. this.creatTime = ''
  738. this.endTime = ''
  739. } else if (k == 1) {
  740. this.endTime = ''
  741. let myDate = new Date()
  742. let yy = String(myDate.getFullYear())
  743. let mm = String(myDate.getMonth() + 1 < 10 ? '0' + (myDate.getMonth() + 1) : myDate.getMonth() + 1)
  744. let dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())
  745. let nowDate = yy + '-' + mm + '-' + dd
  746. this.creatTime = nowDate
  747. } else if (k == 2) {
  748. this.endTime = ''
  749. this.creatTime = ''
  750. let myDate = new Date()
  751. let yy = String(myDate.getFullYear())
  752. let mm = String(myDate.getMonth() + 1 < 10 ? '0' + (myDate.getMonth() + 1) : myDate.getMonth() + 1)
  753. let dd = String(myDate.getDate() - 1 < 10 ? '0' + myDate.getDate() - 1 : myDate.getDate() - 1)
  754. let nowDate = yy + '-' + mm + '-' + dd + ' ' + "23:59:59"
  755. let startDate = yy + '-' + mm + '-' + dd + ' ' + "00:00:00"
  756. this.endTime = nowDate
  757. this.creatTime = startDate
  758. }
  759. }
  760. }
  761. }
  762. }
  763. </script>
  764. <style lang="scss">
  765. page {
  766. background-color: #F6F6F6 !important;
  767. }
  768. .headbgbox {
  769. background-color: #fff;
  770. padding: 23rpx 31rpx;
  771. box-sizing: border-box;
  772. position: fixed;
  773. top: 0;
  774. z-index: 999;
  775. width: 100%;
  776. .screen {
  777. display: flex;
  778. justify-content: center;
  779. align-items: center;
  780. // padding-left: 30rpx;
  781. }
  782. }
  783. .searchbox {
  784. padding-left: 30rpx;
  785. box-sizing: border-box;
  786. background-color: #ECECEC;
  787. border-radius: 38rpx;
  788. // width: 688rpx;
  789. // flex: 1;
  790. height: 75rpx;
  791. margin: 0 auto;
  792. display: flex;
  793. align-items: center;
  794. // justify-content: center;
  795. // margin-top: -10rpx;
  796. input {
  797. width: 240px;
  798. overflow: hidden;
  799. text-overflow: ellipsis;
  800. white-space: nowrap;
  801. }
  802. }
  803. .cardlist {
  804. display: flex;
  805. justify-content: center;
  806. flex-direction: column;
  807. // align-items: center;
  808. margin: 0 auto;
  809. margin-top: 120rpx;
  810. }
  811. .lable {
  812. display: flex;
  813. margin: 0 auto;
  814. margin-top: 20rpx;
  815. .radiobox {
  816. margin-right: -10rpx;
  817. margin-left: 30rpx;
  818. }
  819. }
  820. .card {
  821. flex: 1;
  822. overflow: hidden;
  823. margin: 0 30rpx;
  824. // width: 690rpx;
  825. // height: 315rpx;
  826. border-radius: 20rpx;
  827. background-color: #fff;
  828. position: relative;
  829. box-shadow: 0px 8rpx 20rpx 1rpx rgba(31, 36, 42, 0.08);
  830. .passreview {
  831. position: absolute;
  832. right: 30rpx;
  833. top: 30rpx;
  834. width: 141rpx;
  835. height: 123.5rpx;
  836. image {
  837. width: 100%;
  838. height: 100%;
  839. }
  840. }
  841. .contadra {
  842. font-size: 24rpx;
  843. color: #BEBDBB;
  844. padding: 20rpx 0;
  845. margin: 0 30rpx;
  846. border-top: 1rpx solid #E8E8E8;
  847. }
  848. .innerbox {
  849. padding: 49rpx 0rpx;
  850. padding-bottom: 30rpx;
  851. margin: 0 30rpx;
  852. display: flex;
  853. align-items: center;
  854. border-bottom: 1rpx solid #E8E8E8;
  855. .ardydele {
  856. padding: 5rpx 8rpx;
  857. border-radius: 10rpx 0 10rpx 0;
  858. margin-left: 10rpx;
  859. box-sizing: border-box;
  860. background-color: rgb(219, 219, 219);
  861. font-size: 20rpx;
  862. color: #fff;
  863. }
  864. .listicon {
  865. width: 32rpx;
  866. height: 36rpx;
  867. image {
  868. width: 100%;
  869. height: 100%;
  870. }
  871. }
  872. }
  873. .cardtitle {
  874. display: block;
  875. max-width: 390rpx;
  876. font-size: 32rpx;
  877. font-weight: 600;
  878. padding-left: 10rpx;
  879. }
  880. .timebox {
  881. background-color: #FFF8E5;
  882. width: 100%;
  883. padding: 0 30rpx;
  884. box-sizing: border-box;
  885. color: #D8AB5A;
  886. font-size: 28rpx;
  887. height: 60rpx;
  888. line-height: 60rpx;
  889. }
  890. .contractmsg {
  891. padding: 30rpx;
  892. box-sizing: border-box;
  893. color: #68625B;
  894. font-size: 26rpx;
  895. // border-bottom: 1rpx solid #E8E8E8;
  896. }
  897. }
  898. .totalmanage {
  899. margin-top: 90rpx;
  900. margin-bottom: 100rpx;
  901. // position: fixed;
  902. // bottom: 0;
  903. display: flex;
  904. justify-content: space-between;
  905. align-items: center;
  906. width: 100%;
  907. padding: 0 30rpx;
  908. box-sizing: border-box;
  909. .managebox {
  910. width: 23.8rpx;
  911. height: 29.7rpx;
  912. image {
  913. width: 100%;
  914. height: 100%;
  915. }
  916. }
  917. .maboxtitls {
  918. width: 160rpx;
  919. height: 60rpx;
  920. display: flex;
  921. align-items: center;
  922. justify-content: center;
  923. border-radius: 30rpx;
  924. background-color: #D9D9D9;
  925. // line-height: 60rpx;
  926. font-size: 28rpx;
  927. box-sizing: border-box;
  928. // align-items: center;
  929. }
  930. }
  931. </style>