e3fc684369de3d0d07411abfc893c52dc7ea88c1.svn-base 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. <template>
  2. <a-card :bordered="false">
  3. <!-- 查询区域 -->
  4. <div class="table-page-search-wrapper">
  5. <a-form layout="inline" @keyup.enter.native="searchQuery">
  6. <a-row :gutter="24">
  7. <a-col :xl="6" :lg="7" :md="8" :sm="24">
  8. <a-form-item label="事项名称">
  9. <a-input placeholder="请输入事项名称" v-model="queryParam.sxmc"></a-input>
  10. </a-form-item>
  11. </a-col>
  12. <a-col :xl="6" :lg="7" :md="8" :sm="24">
  13. <a-form-item label="事项类型">
  14. <j-dict-select-tag placeholder="请选择事项类型" v-model="queryParam.sxlx" dictCode="sxlx"/>
  15. </a-form-item>
  16. </a-col>
  17. <template v-if="toggleSearchStatus">
  18. <a-col :xl="6" :lg="7" :md="8" :sm="24">
  19. <a-form-item label="涉河类型">
  20. <j-dict-select-tag placeholder="请选择涉河类型" v-model="queryParam.shlx" dictCode="shlx"/>
  21. </a-form-item>
  22. </a-col>
  23. <a-col :xl="6" :lg="7" :md="8" :sm="24">
  24. <a-form-item label="审批情况">
  25. <j-dict-select-tag placeholder="请选择审批情况" v-model="queryParam.spqk" dictCode="spqk"/>
  26. </a-form-item>
  27. </a-col>
  28. </template>
  29. <a-col :xl="6" :lg="7" :md="8" :sm="24">
  30. <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
  31. <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
  32. <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
  33. <a @click="handleToggleSearch" style="margin-left: 8px">
  34. {{ toggleSearchStatus ? '收起' : '展开' }}
  35. <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
  36. </a>
  37. </span>
  38. </a-col>
  39. </a-row>
  40. </a-form>
  41. </div>
  42. <!-- 查询区域-END -->
  43. <!-- 操作按钮区域 -->
  44. <div class="table-operator">
  45. <a-button @click="handleAdd" type="primary" v-has="'cjrk:xz'" icon="plus">新增</a-button>
  46. <a-button type="primary" icon="download" v-has="'cjrk:dc'" @click="handleExportXls('采集入库')">导出</a-button>
  47. <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
  48. <a-button type="primary" v-has="'cjrk:dr'" icon="import">导入</a-button>
  49. </a-upload>
  50. <!-- 高级查询区域 -->
  51. <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
  52. <a-dropdown v-if="selectedRowKeys.length > 0">
  53. <a-menu slot="overlay">
  54. <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
  55. </a-menu>
  56. <a-button style="margin-left: 8px"v-has="'cjrk:pldelete'"> 批量操作 <a-icon type="down" /></a-button>
  57. </a-dropdown>
  58. </div>
  59. <!-- table区域-begin -->
  60. <div>
  61. <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
  62. <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
  63. <a style="margin-left: 24px" @click="onClearSelected">清空</a>
  64. </div>
  65. <a-table
  66. ref="table"
  67. size="middle"
  68. :scroll="{x:true}"
  69. bordered
  70. rowKey="id"
  71. :columns="columns"
  72. :dataSource="dataSource"
  73. :pagination="ipagination"
  74. :loading="loading"
  75. :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
  76. class="j-table-force-nowrap"
  77. @change="handleTableChange">
  78. <template slot="sxmc" slot-scope="text,record">
  79. <a @click="handleDetail(record)">{{ text }}</a>
  80. </template>
  81. <template slot="htmlSlot" slot-scope="text">
  82. <div v-html="text"></div>
  83. </template>
  84. <template slot="imgSlot" slot-scope="text">
  85. <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
  86. <img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
  87. </template>
  88. <template slot="fileSlot" slot-scope="text">
  89. <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
  90. <a-button
  91. v-else
  92. :ghost="true"
  93. type="primary"
  94. icon="download"
  95. size="small"
  96. @click="downloadFile(text)">
  97. 下载
  98. </a-button>
  99. </template>
  100. <span slot="action" slot-scope="text, record">
  101. <a-space>
  102. <a-button @click='handleEdit(record)' v-has="'cjrk:bj'" size='small' type='primary'>编辑</a-button>
  103. <a-popconfirm title='确定删除吗?' @confirm='() => handleDelete(record.id)'>
  104. <a-button size='small' v-has="'cjrk:delete'" type='danger'>删除</a-button>
  105. </a-popconfirm>
  106. </a-space>
  107. <!-- <a-divider type="vertical" />-->
  108. <!-- <a-dropdown>-->
  109. <!-- <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>-->
  110. <!-- <a-menu slot="overlay">-->
  111. <!-- <a-menu-item>-->
  112. <!-- <a @click="handleDetail(record)">详情</a>-->
  113. <!-- </a-menu-item>-->
  114. <!-- <a-menu-item>-->
  115. <!-- <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">-->
  116. <!-- <a>删除</a>-->
  117. <!-- </a-popconfirm>-->
  118. <!-- </a-menu-item>-->
  119. <!-- </a-menu>-->
  120. <!-- </a-dropdown>-->
  121. </span>
  122. </a-table>
  123. </div>
  124. <rm-cjrk-modal ref="modalForm" @ok="modalFormOk"></rm-cjrk-modal>
  125. </a-card>
  126. </template>
  127. <script>
  128. import '@/assets/less/TableExpand.less'
  129. import { mixinDevice } from '@/utils/mixin'
  130. import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  131. import RmCjrkModal from './modules/RmCjrkModal'
  132. import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
  133. export default {
  134. name: 'RmCjrkList',
  135. mixins:[JeecgListMixin, mixinDevice],
  136. components: {
  137. RmCjrkModal
  138. },
  139. data () {
  140. return {
  141. description: '采集入库管理页面',
  142. // 表头
  143. columns: [
  144. {
  145. title: '序号',
  146. dataIndex: '',
  147. key:'rowIndex',
  148. width:60,
  149. align:"center",
  150. customRender:function (t,r,index) {
  151. return parseInt(index)+1;
  152. }
  153. },
  154. {
  155. title:'事项名称',
  156. align:"center",
  157. dataIndex: 'sxmc',
  158. scopedSlots: { customRender: 'sxmc' }
  159. },
  160. // {
  161. // title:'乡镇村',
  162. // align:"center",
  163. // dataIndex: 'wzms'
  164. // },
  165. {
  166. title:'事项类型',
  167. align:"center",
  168. dataIndex: 'sxlx_dictText'
  169. },
  170. {
  171. title:'河道监管责任单位',
  172. align:"center",
  173. dataIndex: 'hdjgzrdw'
  174. },
  175. {
  176. title:'涉河类型',
  177. align:"center",
  178. dataIndex: 'shlx_dictText'
  179. },
  180. {
  181. title:'坐标采集经度',
  182. align:"center",
  183. dataIndex: 'zbcjjd'
  184. },
  185. {
  186. title:'坐标采集纬度',
  187. align:"center",
  188. dataIndex: 'zbcjwd'
  189. },
  190. {
  191. title: '操作',
  192. dataIndex: 'action',
  193. align:"center",
  194. fixed:"right",
  195. width:147,
  196. scopedSlots: { customRender: 'action' }
  197. }
  198. ],
  199. url: {
  200. list: "/hzz.sjcjrw.rmcjrk/rmCjrk/list",
  201. delete: "/hzz.sjcjrw.rmcjrk/rmCjrk/delete",
  202. deleteBatch: "/hzz.sjcjrw.rmcjrk/rmCjrk/deleteBatch",
  203. exportXlsUrl: "/hzz.sjcjrw.rmcjrk/rmCjrk/exportXls",
  204. importExcelUrl: "hzz.sjcjrw.rmcjrk/rmCjrk/importExcel",
  205. },
  206. dictOptions:{},
  207. superFieldList:[],
  208. }
  209. },
  210. created() {
  211. this.getSuperFieldList();
  212. },
  213. computed: {
  214. importExcelUrl: function(){
  215. return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
  216. },
  217. },
  218. methods: {
  219. initDictConfig(){
  220. },
  221. getSuperFieldList(){
  222. let fieldList=[];
  223. fieldList.push({type:'string',value:'sxmc',text:'事项名称',dictCode:''})
  224. fieldList.push({type:'string',value:'wzms',text:'位置描述',dictCode:''})
  225. fieldList.push({type:'string',value:'sxlx',text:'事项类型',dictCode:'sxlx'})
  226. fieldList.push({type:'string',value:'hdzt',text:'活动状态',dictCode:'hdzt'})
  227. fieldList.push({type:'string',value:'hdzkdwhgr',text:'活动开展单位或个人',dictCode:''})
  228. fieldList.push({type:'string',value:'hdlx',text:'活动类型',dictCode:'hdlx'})
  229. fieldList.push({type:'string',value:'jszt',text:'建设状态',dictCode:'gcjsqk'})
  230. fieldList.push({type:'string',value:'jsdw',text:'建设单位',dictCode:''})
  231. fieldList.push({type:'string',value:'sjhd',text:'涉及河段',dictCode:'sjhd'})
  232. fieldList.push({type:'string',value:'hdjgzrdw',text:'河道监管责任单位',dictCode:''})
  233. fieldList.push({type:'string',value:'shlx',text:'涉河类型',dictCode:'shlx'})
  234. fieldList.push({type:'string',value:'spqk',text:'审批情况',dictCode:''})
  235. fieldList.push({type:'string',value:'zbcjjd',text:'坐标采集经度',dictCode:''})
  236. fieldList.push({type:'string',value:'zbcjwd',text:'坐标采集纬度',dictCode:''})
  237. fieldList.push({type:'string',value:'zyhdaxsjcj',text:'占用河道岸线数据采集',dictCode:''})
  238. fieldList.push({type:'string',value:'cd',text:'长度m',dictCode:''})
  239. fieldList.push({type:'string',value:'mj',text:'面积m²',dictCode:''})
  240. fieldList.push({type:'Text',value:'xcqkms',text:'现场情况描述',dictCode:''})
  241. fieldList.push({type:'Text',value:'bz',text:'备注',dictCode:''})
  242. fieldList.push({type:'string',value:'tpsc',text:'图片上传',dictCode:''})
  243. this.superFieldList = fieldList
  244. }
  245. }
  246. }
  247. </script>
  248. <style scoped>
  249. @import '~@assets/less/common.less';
  250. </style>