移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

303 lines
7.1 KiB

  1. <template>
  2. <div class="app-container">
  3. <div class="header_main">
  4. 归档详情
  5. <div class="return_btn" @click="onClickLeft"></div>
  6. </div>
  7. <div style="height: 58px;"></div>
  8. <div class="search_box">
  9. <p>张雷未经定点从事生猪屠宰活动案</p>
  10. </div>
  11. <div class="main_box">
  12. <van-cell>
  13. <template #title>
  14. <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
  15. <span class="custom-title">登记<i class="bgBlue"></i></span>
  16. </template>
  17. </van-cell>
  18. <div class="peopleList">
  19. <van-row v-for="(item,index) in 2" :key="index" >
  20. <van-col :span="20">
  21. <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
  22. <p>指定管辖通知书</p>
  23. </van-col>
  24. <van-col :span="4">
  25. <p>下载</p>
  26. </van-col>
  27. </van-row>
  28. </div>
  29. </div>
  30. <div class="main_box" style="margin-top: 10px;">
  31. <van-cell>
  32. <template #title>
  33. <van-icon name="../../../static/images/lawEnforcement/icon/icon_kc.png" size="20"></van-icon>
  34. <span class="custom-title">勘察<i class="bgBlue"></i></span>
  35. </template>
  36. </van-cell>
  37. <div class="peopleList">
  38. <van-row v-for="(item,index) in 2" :key="index" >
  39. <van-col :span="20">
  40. <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png" />
  41. <p>指定管辖通知书</p>
  42. </van-col>
  43. <van-col :span="4">
  44. <p>下载</p>
  45. </van-col>
  46. </van-row>
  47. </div>
  48. </div>
  49. <div class="main_box" style="margin-top: 10px;">
  50. <van-cell>
  51. <template #title>
  52. <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
  53. <span class="custom-title">备案<i class="bgBlue"></i></span>
  54. </template>
  55. </van-cell>
  56. <div class="peopleList">
  57. <van-row v-for="(item,index) in 2" :key="index" >
  58. <van-col :span="20">
  59. <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
  60. <p>指定管辖通知书</p>
  61. </van-col>
  62. <van-col :span="4">
  63. <p>下载</p>
  64. </van-col>
  65. </van-row>
  66. </div>
  67. </div>
  68. </div>
  69. </template>
  70. <script>
  71. import { getScheme } from "@/api/lawEnforcement/index";
  72. export default {
  73. name: "programmeDetail",
  74. data() {
  75. return {
  76. showPopover: false,
  77. // 通过 actions 属性来定义菜单选项
  78. actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
  79. checked:'',
  80. showBankType:false,
  81. showPayeeType:false,
  82. showPicker:false,
  83. form:{},
  84. bankType:'',
  85. payeeType:'',
  86. value:'',
  87. bankTypeOptions:[],
  88. payeeTypeOptions:[],
  89. tEnforceSchemeHandlerList:[],
  90. minDate: new Date(2020, 0, 1),
  91. maxDate: new Date(2025, 10, 1),
  92. currentDate: new Date(2021, 0, 17),
  93. activeNames: ['1'],
  94. activeNames1: ['1'],
  95. activeNames2: ['1'],
  96. };
  97. },
  98. created() {
  99. // this.getDictionaries()
  100. },
  101. methods: {
  102. getDictionaries(){
  103. getScheme(this.$route.query.id).then((response) => {
  104. this.form = response.data;
  105. });
  106. },
  107. goBack(){
  108. window.history.go(-1)
  109. }
  110. },
  111. }
  112. </script>
  113. <style scoped lang="scss">
  114. .app-container {
  115. padding: 2% 0;
  116. }
  117. /deep/ .van-collapse-item__content{
  118. padding: 0;
  119. }
  120. /deep/ .van-checkbox{
  121. justify-content: center;
  122. }
  123. .icon_box{
  124. display: flex;
  125. justify-content: space-around;
  126. }
  127. .search_box{
  128. display: flex;
  129. justify-content: center;
  130. align-items: center;
  131. width: 92%;
  132. margin: 10PX auto;
  133. color: #1D6FE9;
  134. font-size: 0.4rem;
  135. }
  136. .cf{
  137. padding: 0 3%;
  138. margin-top: 20PX;
  139. margin-bottom: 20PX;
  140. .van-row{
  141. background: #F0F3F5;
  142. .van-col{
  143. padding: 5PX 0;
  144. font-size: 12PX!important;
  145. text-align: center;
  146. p{
  147. color: #1D6FE9;
  148. }
  149. }
  150. &:first-child{
  151. background: transparent;
  152. }
  153. }
  154. }
  155. .header_main{
  156. height: 116px;
  157. background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
  158. background-size: 100% 100%;
  159. position: fixed;
  160. top: 0;
  161. left: 0;
  162. width: 100%;
  163. font-size: 36px;
  164. line-height: 116px;
  165. text-align: center;
  166. color: #fff;
  167. z-index: 999;
  168. .return_btn{
  169. width: 24px;
  170. height: 43.2px;
  171. background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
  172. background-size: 20px 36px;
  173. position: absolute;
  174. left: 38px;
  175. top: 36px;
  176. }
  177. .add_btn{
  178. width: 56.4px;
  179. height: 40.8px;
  180. background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
  181. background-size: 47px 34px;
  182. position: absolute;
  183. right: 38px;
  184. top: 36px;
  185. }
  186. }
  187. /deep/ .van-radio--horizontal{
  188. margin-left: 0.32rem;
  189. margin-right: 0;
  190. }
  191. .peopleList{
  192. padding: 0 3%;
  193. text-align: left;
  194. .van-row{
  195. border-bottom: 1px solid #dddddd;
  196. display: flex;
  197. align-items: center;
  198. &:last-child{
  199. border: none;
  200. }
  201. .van-col--20{
  202. display: flex;
  203. align-items: center;
  204. p{
  205. margin-left: 10PX;
  206. }
  207. }
  208. .van-col--4{
  209. display: flex;
  210. justify-content: right;
  211. p{
  212. color: #1D6FE9;
  213. border: 1px solid #1D6FE9;
  214. text-align: center;
  215. border-radius: 15PX;
  216. display: inline-block;
  217. padding: 5px 15px;
  218. }
  219. }
  220. .van-col{
  221. text-align: left;
  222. font-size: 14PX;
  223. color: #333333;
  224. padding: 15PX 0;
  225. img{
  226. display: block;
  227. }
  228. }
  229. }
  230. }
  231. .main_title{
  232. font-size: 0.4rem;
  233. color: #1D6FE9;
  234. margin: 0.2rem 6%;
  235. margin-top: 0;
  236. position: relative;
  237. }
  238. .main_box{
  239. width: 96%;
  240. margin: 0 auto;
  241. border-radius: 10PX;
  242. box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  243. overflow: hidden;
  244. background-color: #FFF;
  245. .van-icon{
  246. vertical-align: middle;
  247. }
  248. .custom-title{
  249. font-size: 17PX;
  250. color: #333333;
  251. vertical-align: middle;
  252. line-height: 1;
  253. position: relative;
  254. }
  255. .tap{
  256. color: #1D6FE9;
  257. }
  258. .bgBlue{
  259. display: block;
  260. position: absolute;
  261. width: 17PX;
  262. height: 17PX;
  263. border-radius: 50%;
  264. background-color: rgba(29,111,233,0.26);
  265. top: -2PX;
  266. right: -8PX;
  267. }
  268. }
  269. .submitButton{
  270. width: 45%;
  271. margin: 0 auto;
  272. background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
  273. text-align: center;
  274. color: #ffffff;
  275. height: 70px;
  276. line-height: 70px;
  277. border-radius: 8PX;
  278. }
  279. .submit_box{
  280. position: fixed;
  281. bottom: 0;
  282. width: 100%;
  283. background: #ffffff;
  284. padding: 25PX 0;
  285. }
  286. .addFamily{
  287. position: absolute;
  288. top: -2px;
  289. right: 0;
  290. border-radius: 50%;
  291. }
  292. </style>