| | |
| | | import editDialog from '/@/views/ADPenalty/aDPenalty/component/editDialog.vue' |
| | | import printDialog from '/@/views/system/print/component/hiprint/preview.vue' |
| | | import ModifyRecord from '/@/components/table/modifyRecord.vue'; |
| | | import commonFunction from "/@/utils/commonFunction"; |
| | | |
| | | const { dateFormatYMD } = commonFunction(); |
| | | const aDPenaltyApi = useADPenaltyApi(); |
| | | const printDialogRef = ref(); |
| | | const editDialogRef = ref(); |
| | |
| | | page: 1, |
| | | pageSize: 20, |
| | | total: 0, |
| | | field: 'createTime', // 默认的排序字段 |
| | | field: 'decisionDate', // 默认的排序字段 |
| | | order: 'descending', // 排序方向 |
| | | descStr: 'descending', // 降序排序的关键字符 |
| | | }, |
| | |
| | | <el-card shadow="hover" :body-style="{ paddingBottom: '0' }"> |
| | | <el-form :model="state.tableQueryParams" ref="queryForm" labelWidth="90"> |
| | | <el-row> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10"> |
| | | <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10"> |
| | | <el-form-item label="关键字"> |
| | | <el-input v-model="state.tableQueryParams.keyword" clearable placeholder="请输入模糊查询关键字"/> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | </el-col> --> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="4" :xl="4" class="mb10"> |
| | | <el-form-item label="决定日期"> |
| | | <el-date-picker type="daterange" v-model="state.tableQueryParams.decisionDateRange" value-format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | <el-form-item label="当事人信息"> |
| | | <el-input v-model="state.tableQueryParams.parties" clearable placeholder="请输入当事人信息"/> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="4" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | <el-form-item label="当事人"> |
| | | <el-input v-model="state.tableQueryParams.parties" clearable placeholder="请输入当事人"/> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | <el-form-item label="案由描述"> |
| | | <el-input v-model="state.tableQueryParams.caseReason" clearable placeholder="请输入案由描述"/> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="4" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | <el-form-item label="采购监督部门"> |
| | | <el-input v-model="state.tableQueryParams.supervisionDepartment" clearable placeholder="请输入采购监督部门"/> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | <el-form-item label="处理决定内容"> |
| | | <el-input v-model="state.tableQueryParams.disposalDecision" clearable placeholder="请输入处理决定内容"/> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="4" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | <el-form-item label="案由"> |
| | | <el-input v-model="state.tableQueryParams.caseReason" clearable placeholder="请输入案由"/> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | <el-form-item label="采购监督部门名称"> |
| | | <el-input v-model="state.tableQueryParams.supervisionDepartment" clearable placeholder="请输入采购监督部门名称"/> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="4" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI"> |
| | | <el-form-item label="处理决定"> |
| | | <el-input v-model="state.tableQueryParams.disposalDecision" clearable placeholder="请输入处理决定"/> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10"> |
| | | |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb10"> |
| | | <el-form-item > |
| | | <el-button-group style="display: flex; align-items: center;"> |
| | | <el-button type="primary" icon="ele-Search" @click="handleQuery" v-auth="'aDPenalty:page'" v-reclick="1000"> 查询 </el-button> |
| | |
| | | </el-form> |
| | | </el-card> |
| | | <el-card class="full-table" shadow="hover" style="margin-top: 5px"> |
| | | <el-table :data="state.tableData" @selection-change="(val: any[]) => { state.selectData = val; }" style="width: 100%" v-loading="state.tableLoading" tooltip-effect="light" row-key="id" @sort-change="sortChange" border> |
| | | <el-table :data="state.tableData" @selection-change="(val: any[]) => { state.selectData = val; }" style="width: 100%" v-loading="state.tableLoading" :default-sort="{ prop: 'decisionDate', order: 'descending' }" tooltip-effect="light" row-key="id" @sort-change="sortChange" border> |
| | | <el-table-column type="selection" width="40" align="center" v-if="auth('aDPenalty:batchDelete') || auth('aDPenalty:export')" /> |
| | | <el-table-column type="index" label="序号" width="55" align="center"/> |
| | | <el-table-column prop='decisionDate' label='决定日期' show-overflow-tooltip /> |
| | | <el-table-column prop='parties' label='当事人信息' show-overflow-tooltip /> |
| | | <el-table-column prop='caseReason' label='案由描述' show-overflow-tooltip /> |
| | | <el-table-column prop='disposalDecision' label='处理决定内容' show-overflow-tooltip /> |
| | | <el-table-column prop='supervisionDepartment' label='采购监督部门名称' show-overflow-tooltip /> |
| | | <el-table-column prop='url' label='线上地址' show-overflow-tooltip /> |
| | | <el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip> |
| | | <el-table-column prop='decisionDate' label='决定日期' width="90" show-overflow-tooltip sortable > |
| | | <template #default="{ row }"> |
| | | <span>{{dateFormatYMD(null,null,row.decisionDate)}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop='parties' label='当事人' show-overflow-tooltip /> |
| | | <el-table-column prop='caseReason' label='案由' show-overflow-tooltip /> |
| | | <el-table-column prop='disposalDecision' label='处理决定' show-overflow-tooltip /> |
| | | <el-table-column prop='supervisionDepartment' width="130" label='采购监督部门' show-overflow-tooltip /> |
| | | <el-table-column prop='url' label='线上地址' show-overflow-tooltip > |
| | | <template #default="{ row }"> |
| | | <el-link underline :href='row.url' target='_blank'>{{row.url}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="修改记录" width="100" align="center" show-overflow-tooltip> |
| | | <template #default="scope"> |
| | | <ModifyRecord :data="scope.row" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="140" align="center" fixed="right" show-overflow-tooltip v-if="auth('aDPenalty:update') || auth('aDPenalty:delete')"> |
| | | </el-table-column> --> |
| | | <el-table-column label="操作" width="80" align="center" fixed="right" show-overflow-tooltip v-if="auth('aDPenalty:update') || auth('aDPenalty:delete')"> |
| | | <template #default="scope"> |
| | | <el-button icon="ele-Edit" size="small" text type="primary" @click="editDialogRef.openDialog(scope.row, '编辑行政处罚')" v-auth="'aDPenalty:update'"> 编辑 </el-button> |
| | | <el-button icon="ele-Delete" size="small" text type="primary" @click="delADPenalty(scope.row)" v-auth="'aDPenalty:delete'"> 删除 </el-button> |
| | | <el-button icon="ele-Edit" size="small" text type="primary" @click="editDialogRef.openDialog(scope.row, '编辑行政处罚')" v-auth="'aDPenalty:update'"> </el-button> |
| | | <el-button icon="ele-Delete" size="small" text type="primary" @click="delADPenalty(scope.row)" v-auth="'aDPenalty:delete'"> </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |