新增统计接口

src/views/informationSub/countStatistics/countStatistics.api.ts

@@ -4,7 +4,12 @@ export enum Api {
 
   periodicallabCountPageList = '/huzhouPeriodicallabCount/periodicallabCountPageList',
   getperiodicallabById = '/huzhouPeriodicallabCount/getperiodicallabById',
-  modifyPeriodicallabCount='/huzhouPeriodicallabCount/modifyPeriodicallabCount'
+  modifyPeriodicallabCount='/huzhouPeriodicallabCount/modifyPeriodicallabCount',
+  addPeriodicallabCount="/huzhouPeriodicallabCount/addPeriodicallabCount",
+  deletePeriodicallabCount="/huzhouPeriodicallabCount/deletePeriodicallabCount",
+
+  getadminDivisionList="/huzhouProject/getadminDivisionList",
+  getDutyWorkplaceList="/huzhouProject/getDutyWorkplaceList",
 }
 
 /**
@@ -14,6 +19,11 @@ export const periodicallabCountPageList =  (params?) =>defHttp.get({ url: Api.pe
 
 export const getperiodicallabById =  (params?) =>defHttp.get({ url: Api.getperiodicallabById, params });
 export const modifyPeriodicallabCount =  (params?) =>defHttp.post({ url: Api.modifyPeriodicallabCount, params });
+export const deletePeriodicallabCount =  (params?) =>defHttp.post({ url: Api.deletePeriodicallabCount, params });
+export const addPeriodicallabCount =  (params?) =>defHttp.post({ url: Api.addPeriodicallabCount, params });
+
+export const getDutyWorkplaceList =  (params?) =>defHttp.get({ url: Api.getDutyWorkplaceList, params });
+export const getadminDivisionList =  (params?) =>defHttp.get({ url: Api.getadminDivisionList, params });
 
 
 

src/views/informationSub/countStatistics/countStatistics.data.ts

@@ -1,23 +1,53 @@
 import { FormSchema } from '@/components/Form';
 import { BasicColumn } from '@/components/Table';
 import { useDictStore } from '@/store/modules/dict';
+import { getDutyWorkplaceList, getadminDivisionList } from './countStatistics.api';
+import { get } from 'sortablejs';
+let dutyWorkplaceOption=[]
+let adminDivisionOption=[]
+async function getDutyWorkplaceOptions() {
+ let list =  await getDutyWorkplaceList();
+ let uniqueList = [...new Set(list)];
 
+ let res= uniqueList.map(item => {
+  return {
+    label: item,
+    value: item
+  }
+})
+console.log("wwres",res)
+
+return res
+}
+async function getadminDivisionOptions() {
+  let list =  await getadminDivisionList();
+  let uniqueList = [...new Set(list)];
+
+  let res= uniqueList.map(item => {
+    return {
+      label: item,
+      value: item
+    }
+  })
+  console.log("wres",res)
+  return res
+}
 export const countStatisticsColumns: BasicColumn[] = [
 
   {
     title: '责任单位',
     width: 150,
-    dataIndex: 'fieldName',
+    dataIndex: 'dutyWorkplace',
   },
   {
     title: '行政区划',
-    dataIndex: 'ischange',
+    dataIndex: 'adminDivision',
     width: 150,
 
   },
   {
     title: '已提交稿件数量',
-    dataIndex: 'isuploadfile',
+    dataIndex: 'countNumber',
     width: 150,
     sorter: true,
 
@@ -29,42 +59,47 @@ export const countStatisticsColumns: BasicColumn[] = [
 export const searchFormSchema: FormSchema[] = [
   {
     label: '责任单位',
-    field: 'fieldName',
+    field: 'dutyWorkplace',
     component: 'Input',
     colProps: { span: 6 },
   },
   {
     label: '行政区划',
-    field: 'fieldName',
+    field: 'adminDivision',
     component: 'Input',
     colProps: { span: 6 },
   },
 ]
 export const countStatisticsFormSchema: FormSchema[] = [
+  {label:"id",
+    field: 'id',
+    component: 'Input',
+    show:false,
+  },
   {
     label: '责任单位',
-    field: 'fieldName',
+    field: 'dutyWorkplace',
-    component: 'Input',
+    required: true,
-    dynamicDisabled: true,
+    component: 'Select',
+    componentProps: {
+      options:await getDutyWorkplaceOptions()
+    },
     colProps: { span:12},
   },
   {
     label: '行政区划',
-    field: 'ischange',
+    field: 'adminDivision',
-    component: 'DictSelect',
+    required: true,
+    component: 'Select',
     componentProps: {
-      dictType: 'whether',
+      options:await getadminDivisionOptions()
     },
-    dynamicDisabled: true,
     colProps: { span:12 },
   },
   {
     label: '已提交稿件数量',
-    field: 'isuploadfile',
+    field: 'countNumber',
-    component: 'DictSelect',
+    component: 'InputNumber',
-    componentProps: {
-      dictType: 'whether',
-    },
     required: true,
     colProps: { span: 12 },
   }

src/views/informationSub/countStatistics/index.vue

@@ -1,6 +1,5 @@
 <template>
   <PageWrapper dense>
-
     <!--引用表格-->
     <BasicTable @register="registerTable">
       <!--插槽:table标题-->
@@ -9,65 +8,81 @@
         <!-- <TableAction :actions="getTableAction(record)" /> -->
         <TableAction :actions="getTableAction(record)" />
       </template>
+      <template #tableTitle>
+        <el-button type="primary" round @click="handleAdd" v-if="isShowByRoles('manageOrg')"
+          >新增</el-button
+        >
+      </template>
     </BasicTable>
-    <BasicModal @register="registechangeFieldManageModal" title="变更字段详情" width="1200px" :showOkBtn="false">
+      <modifycountStatistics  @register="register"  @exit="close" />
-      <modifycountStatistics :id="id" @exit="close" />
-    </BasicModal>
   </PageWrapper>
-
 </template>
 
 <script lang="ts" name="system-user" setup>
-//ts语法
+  //ts语法
-import { ref } from 'vue';
+  import { ref } from 'vue';
-import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table';
+  import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table';
-import { PageWrapper } from '@/components/Page';
+  import { PageWrapper } from '@/components/Page';
-import modifycountStatistics from "./modifycountStatistics.vue"
+  import modifycountStatistics from './modifycountStatistics.vue';
-import { BasicModal, useModal } from '@/components/Modal';
+  import { BasicModal, useModal } from '@/components/Modal';
-import { countStatisticsColumns, searchFormSchema } from './countStatistics.data'
+  import { countStatisticsColumns, searchFormSchema } from './countStatistics.data';
-import { periodicallabCountPageList } from './countStatistics.api';
+  import { periodicallabCountPageList,deletePeriodicallabCount } from './countStatistics.api';
-
+  import { isShowByRoles } from '@/views/projectLib/projectInfo/projectInfo.api';
 
-let id = ref();
+  let id = ref();
-const [registechangeFieldManageModal, { openModal: openchangeFieldManage,closeModal}] = useModal();//项目详情
+  const [register, { openModal }] = useModal();
-
-
-const [registerTable,{reload}] = useTable({
-  title: '信息稿件详情',
-  api: periodicallabCountPageList,
-  columns: countStatisticsColumns,
-  useSearchForm: true,
-  actionColumn: {
-    width: 140,
-    title: '操作',
-    dataIndex: 'action',
-    slots: { customRender: 'action' },
-  },
-  //表单查询项设置
-  formConfig: {
-    schemas: searchFormSchema,
-  }
-});
 
-function getTableAction(record): ActionItem[] {
+  const [registerTable, { reload }] = useTable({
-  return [
+    title: '信息稿件详情',
-    {
+    api: periodicallabCountPageList,
-      label: '修改',
+    columns: countStatisticsColumns,
-      onClick: handlemodifympage.bind(null, record),
+    useSearchForm: true,
+    actionColumn: {
+      width: 140,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
     },
+    //表单查询项设置
+    formConfig: {
+      schemas: searchFormSchema,
+    },
+  });
 
-  ];
+  function getTableAction(record): ActionItem[] {
-}
+    return [
+      {
+        label: '修改',
+        onClick: handlemodifympage.bind(null, record),
+      },
+      {
+      label: '删除',
+      ifShow: () => {
+        return isShowByRoles('manageOrg')
+      },
+      popConfirm: {
+        title: '确定删除吗?',
+        confirm: handleDelete.bind(null, record),
+      },
+    }
+    ];
+  }
+  function handleAdd() {
+    openModal(true,{id:null});
+  }
 
+  function handlemodifympage(record) {
+    id.value = record.id;
+    openModal(true,{id:record.id});
+  }
+  function close() {
+    reload();
+  }
+   async  function handleDelete(record) {
+    await deletePeriodicallabCount({id:record.id})
+    reload();
 
-function handlemodifympage(record) {
+  }
-  id.value = record.id
-  openchangeFieldManage()
-}
-function close(){
-  closeModal()
-  reload()
-}
 </script>
 
-<style scoped></style>
+<style scoped></style>

src/views/informationSub/countStatistics/modifycountStatistics.vue

@@ -1,58 +1,79 @@
 <template>
-  <div>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    title="变更统计"
+    width="1200px"
+    :showOkBtn="false"
+  >
     <BasicForm @register="registerchangeFieldForm" @submit="handleSubmit" />
-  </div>
+  </BasicModal>
 </template>
 
 <script lang="ts" name="changeFieldManageDetail" setup>
-//ts语法
+  //ts语法
-import { defineProps, onMounted } from 'vue';
+  import { ref, onMounted } from 'vue';
-import { useForm, BasicForm } from '@/components/Form';
+  import { useForm, BasicForm } from '@/components/Form';
-import { countStatisticsFormSchema } from './countStatistics.data'
+  import { countStatisticsFormSchema } from './countStatistics.data';
-import { modifyPeriodicallabCount, getperiodicallabById } from './countStatistics.api';
+  import {
-
+    modifyPeriodicallabCount,
-let emit = defineEmits(["exit"])
+    getperiodicallabById,
-let dataTo = defineProps(["id"])
+    addPeriodicallabCount,
-
+  } from './countStatistics.api';
-onMounted(async () => {
+  import { useModalInner, BasicModal } from '@/components/Modal';
-  let res = await getperiodicallabById({id: dataTo.id})
+  const [registerModal, { closeModal }] = useModalInner(init);
-  console.log("结果是", res)
+  let id = ref('');
-  setFieldsValue(res)
+  let emit = defineEmits(['exit']);
-})
+  async function init(dataTo) {
-const [registerchangeFieldForm,{ getFieldsValue, validate, setFieldsValue }] = useForm({
+    id.value = dataTo.id;
-  //注册表单列
+    if (dataTo.id) {
-  schemas: countStatisticsFormSchema,
+      let res = await getperiodicallabById({ id: dataTo.id });
-  //自定义查询按钮的文本和图标
+      console.log('结果是', res);
-  // submitButtonOptions: { text: '提交', preIcon: '' },
+      setFieldsValue(res);
-  //自定义重置按钮的文本和图标
+    }
-  resetButtonOptions: { text: '取消' },
-  // showActionButtonGroup: false,
-  //回车提交
-  // autoSubmitOnEnter: true,
-  // //不显示重置按钮
-  // showResetButton: false,
-  //自定义提交按钮文本和图标
-  submitButtonOptions: { text: '提交' },
-  //查询列占比 24代表一行 取值范围 0-24
-  actionColOptions: { span: 14 },
-  //提交按钮的自定义事件
-  // submitFunc: customSubmitFunc,
-  //重置按钮的自定义时间
-  resetFunc: customResetFunc,
-  labelCol: { style: { width: '120px' } },
-  wrapperCol: { style: { width: 'auto' } },
-  // disabled:true
-})
-async function handleSubmit() {
-  if (await validate()) {
-    let datas = await getFieldsValue()
-    await modifyPeriodicallabCount(datas)
-    emit("exit")
   }
-}
+  onMounted(async () => {});
-async function customResetFunc() {
+  const [registerchangeFieldForm, { getFieldsValue, validate, setFieldsValue }] = useForm({
-  emit("exit")
+    //注册表单列
+    schemas: countStatisticsFormSchema,
+    //自定义查询按钮的文本和图标
+    // submitButtonOptions: { text: '提交', preIcon: '' },
+    //自定义重置按钮的文本和图标
+    resetButtonOptions: { text: '取消' },
+    // showActionButtonGroup: false,
+    //回车提交
+    // autoSubmitOnEnter: true,
+    // //不显示重置按钮
+    // showResetButton: false,
+    //自定义提交按钮文本和图标
+    submitButtonOptions: { text: '提交' },
+    //查询列占比 24代表一行 取值范围 0-24
+    actionColOptions: { span: 14 },
+    //提交按钮的自定义事件
+    // submitFunc: customSubmitFunc,
+    //重置按钮的自定义时间
+    resetFunc: customResetFunc,
+    labelCol: { style: { width: '120px' } },
+    wrapperCol: { style: { width: 'auto' } },
+    // disabled:true
+  });
+  async function handleSubmit() {
+    if (await validate()) {
+      if (id.value) {
+        let datas = await getFieldsValue();
+        await modifyPeriodicallabCount(datas);
+      } else {
+        let datas = await getFieldsValue();
+        await addPeriodicallabCount(datas);
+      }
 
-}
+      emit('exit');
+      closeModal()
+    }
+  }
+  async function customResetFunc() {
+    emit('exit');
+    closeModal()
+  }
 </script>
-<style scoped></style>
+<style scoped></style>