-
zhangwei
13 小时以前 85adc3faa522b5cab8dbdfe9a052700c24909b2a
Web/src/views/ADPenalty/aDPenalty/index.vue
@@ -7,7 +7,9 @@
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();
@@ -19,14 +21,14 @@
  dropdownData: {} as any,
  selectData: [] as any[],
  tableQueryParams: {} as any,
  tableParams: {
    page: 1,
    pageSize: 20,
    total: 0,
    field: 'createTime', // 默认的排序字段
    order: 'descending', // 排序方向
    descStr: 'descending', // 降序排序的关键字符
  },
 tableParams: {
      page: 1,
      pageSize: 20,
      total: 0,
      field: 'decisionDate', // 默认的排序字段
      order: 'descending', // 排序方向
      descStr: 'descending', // 降序排序的关键字符
   },
  tableData: [],
});
@@ -85,37 +87,38 @@
    <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>
@@ -131,24 +134,32 @@
      </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>