From 37553d77d2748e37f50c4fa8da7d1ebe27db0c68 Mon Sep 17 00:00:00 2001
From: linfso <linfso@sina.com>
Date: Mon, 23 Jun 2025 19:06:55 +0800
Subject: [PATCH] md

---
 src/views/system/sysDataAuditRecord/index.vue | 345 ++++++++++++++++++
 .../sysDataAuditRecordForm.vue                | 218 +++++++++++
 2 files changed, 563 insertions(+)
 create mode 100644 src/views/system/sysDataAuditRecord/index.vue
 create mode 100644 src/views/system/sysDataAuditRecord/sysDataAuditRecordForm.vue

diff --git a/src/views/system/sysDataAuditRecord/index.vue b/src/views/system/sysDataAuditRecord/index.vue
new file mode 100644
index 00000000..f5afe537
--- /dev/null
+++ b/src/views/system/sysDataAuditRecord/index.vue
@@ -0,0 +1,345 @@
+<template>
+  <XdPageContainer class="app-container">
+    <SearchForm slot="pageHeader" :model="queryParams" ref="queryForm"   size="mini" :maxShow="10"  label-width="100px" v-show="showSearch" @search="handleQuery" @reset="resetQuery">
+      <el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
+        <el-col :span="6">
+          <el-form-item label="运单号" prop="billCode"  >
+            <XdTextareaInput
+                        v-model="queryParams.billCode"
+                        :placeholder="$t('多个流水号逗号或换行隔开')"
+                        clearable
+                        :rows="6"
+                      />
+          </el-form-item>
+        </el-col>
+        <el-col :span="18">
+          <el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
+            <el-col :span="24">
+              <el-form-item label="数据修改时间" prop="dateTimeRange" label-position="top" >
+                <elDateAdvPicker v-model="dateTimeRange"  ></elDateAdvPicker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="修改表名" prop="tableComment">
+                <el-select clearable="" v-model="queryParams.tableComment" placeholder="请选择">
+                  <el-option label="运单表" value="运单表"></el-option>
+                  <el-option label="运单出账表" value="运单出账表"></el-option>
+                  <el-option label="客户账单表" value="客户账单表"></el-option>
+                  <el-option label="扫描记录表" value="扫描记录表"></el-option>
+                  <el-option label="签收记录表" value="签收记录表"></el-option>
+                  <el-option label="问题件表" value="问题件表"></el-option>
+                </el-select>
+              </el-form-item>
+
+              <el-form-item label="修改类型" prop="operationType">
+                <el-select clearable="" v-model="queryParams.operationType" placeholder="请选择">
+                  <el-option label="修改" :value="1"></el-option>
+                  <el-option label="删除" :value="2"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="修改网点" prop="createSite">
+                <EmisSiteSimplePicker :placeholder="$t('修改网点')"  v-model="queryParams.createSite" ></EmisSiteSimplePicker>
+              </el-form-item>
+
+              <el-form-item label="修改人" prop="createBy">
+                <SysUserSimplePicker v-model="queryParams.createBy"  ></SysUserSimplePicker>
+              </el-form-item>
+            </el-col>
+           </el-row>
+        </el-col>
+
+      </el-row>
+
+
+
+    </SearchForm>
+
+
+    <XdTable
+
+        slot="pageContent"
+          slot-scope="slotProps"
+          :height="(slotProps.contentHeight)+'px'"
+
+          storageName="sysDataAuditRecordList_main"
+
+          ref="refTable"
+
+          v-loading="loading"
+           border
+           size="small"
+           :data="sysDataAuditRecordList"
+           :showSearch.sync="showSearch"
+           :queryParams="queryParams"
+           :total="total"
+           @queryTable="getList"
+           @selection-change="handleSelectionChange"
+           @sort-change="handleSortChange"
+           >
+
+      <div slot="toolbar">
+        <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="warning"
+                  plain
+                  icon="el-icon-download"
+                  size="mini"
+                  @click="handleExport"
+                  v-hasPermi="['system:sysDataAuditRecord:export']"
+                >导出</el-button>
+              </el-col>
+          </el-row>
+      </div>
+
+      <el-table-column type="selection" width="55" align="center" />
+
+      <el-table-column :label="$t('运单/业务编号')" align="center" prop="billCode" min-width="150" :show-overflow-tooltip="true"/>
+      <!-- <el-table-column :label="$t('修改表名')" align="center" prop="tableName" min-width="100" /> -->
+      <el-table-column :label="$t('修改表名')" align="center" prop="tableComment" min-width="120" :show-overflow-tooltip="true"/>
+      <el-table-column :label="$t('修改时间')" align="center" prop="createTime" min-width="170" />
+      <el-table-column :label="$t('操作类型')" align="center" prop="operationType" min-width="100" >
+      <template slot-scope="scope">
+                <div v-if="scope.row.operationType==1" >修改</div>
+                <div  v-if="scope.row.operationType==2" >删除</div>
+            </template>
+        </el-table-column>
+      <!-- <el-table-column :label="$t('修改字段')" align="center" prop="fieldName" min-width="100" /> -->
+      <el-table-column :label="$t('修改字段')" align="center" prop="fieldComment" min-width="120" :show-overflow-tooltip="true"/>
+      <el-table-column :label="$t('修改前值')" align="center" prop="oldValue" min-width="120" :show-overflow-tooltip="true"/>
+      <el-table-column :label="$t('修改后值')" align="center" prop="newValue" min-width="120" :show-overflow-tooltip="true"/>
+      <el-table-column :label="$t('修改人')" align="center" prop="createByName" min-width="100" />
+      <el-table-column :label="$t('修改网点')" align="center" prop="createSiteName" min-width="100" />
+      <el-table-column :label="$t('数据标识')" align="center" prop="id" min-width="100" />
+      <el-table-column :label="$t('主键值')" align="center" prop="pkValue" min-width="100" :show-overflow-tooltip="true" />
+
+    </XdTable>
+
+
+  </XdPageContainer>
+</template>
+
+<script>
+import { listSysDataAuditRecord, getSysDataAuditRecord, delSysDataAuditRecord, addSysDataAuditRecord, updateSysDataAuditRecord } from "@/api/system/sysDataAuditRecord";
+import elDateAdvPicker from '@/components/DatePickerAdv/elDateAdvPicker';
+import SysUserSimplePicker from '@/views/emis/EmisBaseTools/SysUserSimplePicker.vue';
+import EmisSiteSimplePicker from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
+
+export default {
+  name: "SysDataAuditRecord",
+  components: { elDateAdvPicker,SysUserSimplePicker,EmisSiteSimplePicker },
+  dicts: [
+  ],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 创建时间搜索
+      dateTimeRange:[],
+      // 总条数
+      total: 0,
+      // 数据修改记录表表格数据
+      sysDataAuditRecordList: [],
+      selectionList:[],
+
+      currentId:null,
+      openForm: false,
+      titleForm: "",
+
+      // 弹出展示层
+      id:null,
+      titleView:"",
+      openView: false,
+
+      // 更新网点时间范围
+      daterangeCreateTime: [],
+      // 更新网点时间范围
+      daterangeUpdateTime: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        pkValue: null,
+        billCode: null,
+        tableName: null,
+        tableComment: null,
+        fieldName: null,
+        fieldComment: null,
+        oldValue: null,
+        newValue: null,
+        operationType: null,
+        transferCode: null,
+        remark: null,
+        delFlag: null,
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询数据修改记录表列表 */
+    getList() {
+      this.loading = true;
+      listSysDataAuditRecord(this.addDateRange(this.queryParams, this.dateTimeRange,"createTime")).then(response => {
+        this.sysDataAuditRecordList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+      this.selectionList=selection;
+    },
+    // 排序 查询字段是表格中字段名字 动态取值排序顺序
+    handleSortChange(column) {
+      this.queryParams.orderByColumn = column.prop;
+      this.queryParams.isAsc = column.order;
+      this.getList();
+    },
+    /** 新增按钮操作 */
+    handleAdd(row) {
+      this.currentId=null;
+      this.openForm= true;
+      this.titleForm = "新增";
+    },
+    handleShowMoreInput(){
+      this.moreInputVisible = !this.moreInputVisible;
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+       this.currentId= row.id;
+       this.openForm = true;
+       this.titleForm = "修改";
+    },
+    handleView(row) {
+       this.id=row.id;
+       this.titleView="查看";
+       this.openView=true;
+    //   this.router.push({ path: '/system/sysDataAuditRecord/viewDetail', query: { id: row.id }})
+    },
+    handleFormChanged(){
+        this.openForm = false;
+        this.getList();
+    },
+    cancelForm(){
+      this.openForm = false;
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除').then(function() {
+        return delSysDataAuditRecord(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const loadingInstance = this.$loading({
+            text: '正在导出...'
+      })
+
+
+      if(this.selectionList&&this.selectionList.length>0){
+        this.exportData(this.selectionList,loadingInstance);
+      }
+      else{
+          let qExportParam={...this.queryParams};
+          qExportParam.pageNum=1;
+          qExportParam.pageSize=50000;
+
+          qExportParam=this.addDateRange(qExportParam, this.dateTimeRange,"createTime")
+
+          listSysDataAuditRecord(qExportParam).then(response => {
+            if (response.code === 200) {
+              this.exportData(response.rows,loadingInstance);
+            }
+          });
+      }
+    },
+    exportData(selData,loadingInstance){
+      const curList =selData
+      import('@/vendor/Export2Excel').then(excel => {
+        const exportParam=this.$refs.refTable.getExportParam();
+        const tHeader = exportParam.header;
+        const filterVal = exportParam.filter;
+        const data = this.formatJson(filterVal, curList, selData)
+        excel.export_json_to_excel({
+          header: tHeader,
+          data,
+          filename: '数据修改记录',
+          autoWidth: true
+        })
+        loadingInstance.close()
+      })
+    },
+    formatJson(filterVal, jsonData, resData) {
+      let index = 0
+      return jsonData.map(v => filterVal.map(j => {
+
+        if (j === 'index') {
+          return ++index
+        }
+
+
+        if (j === 'operationType') {
+          if(v[j] == 1){
+            return '修改';
+          }else{
+            return '删除';
+          }
+        }
+
+        if (j === 'paymentType') {
+          return this.selectDictLabel(this.dict.type.emis_payment_type,v[j]);
+        }
+        return v[j]
+      }))
+    },
+    /** 列索引函数  */
+    getIndex($index) {
+          return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
+    },
+    /** 时间搜索响应函数 */
+    dateTimeChange(value){
+        this.dateTimeRange=value;
+    },
+  }
+};
+</script>
+
+<style scoped>
+  .el-divider{
+    margin-top: 0px;
+    background: 0 0;
+    border-top: 1px solid #E6EBF5;
+  }
+  .el-divider__text {
+    color: #0955ee;
+    cursor: pointer;
+  }
+</style>
diff --git a/src/views/system/sysDataAuditRecord/sysDataAuditRecordForm.vue b/src/views/system/sysDataAuditRecord/sysDataAuditRecordForm.vue
new file mode 100644
index 00000000..09cfc274
--- /dev/null
+++ b/src/views/system/sysDataAuditRecord/sysDataAuditRecordForm.vue
@@ -0,0 +1,218 @@
+<template>
+  <div >
+       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+         <el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
+          <el-col :span="24">
+            <el-form-item label="主键值" prop="pkValue">
+              <el-input v-model="form.pkValue" placeholder="请输入主键值" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="运单号" prop="billCode">
+              <el-input v-model="form.billCode" placeholder="请输入运单号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="表名称" prop="tableName">
+              <el-input v-model="form.tableName" placeholder="请输入表名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="表描述" prop="tableComment">
+              <el-input v-model="form.tableComment" placeholder="请输入表描述" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="字段名称" prop="fieldName">
+              <el-input v-model="form.fieldName" placeholder="请输入字段名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="字段描述" prop="fieldComment">
+              <el-input v-model="form.fieldComment" placeholder="请输入字段描述" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="旧值" prop="oldValue">
+              <el-input v-model="form.oldValue" placeholder="请输入旧值" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="新值" prop="newValue">
+              <el-input v-model="form.newValue" placeholder="请输入新值" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="操作类型" prop="operationType">
+              <el-input v-model="form.operationType" placeholder="请输入操作类型" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="转义代码" prop="transferCode">
+              <el-input v-model="form.transferCode" placeholder="请输入转义代码" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="删除标志（0代表存在" prop="delFlag">
+              <el-input v-model="form.delFlag" placeholder="请输入删除标志（0代表存在" />
+            </el-form-item>
+          </el-col>
+
+        <!--
+         <el-form-item label="上级字典">
+              <treeselect
+                ref="tree"
+                v-model="form.parentId"
+                :options="sysDataAuditRecordOptions"
+                :normalizer="normalizer"
+                :default-expand-level="1"
+                :show-count="true"
+                placeholder="选择上级"
+              />
+        </el-form-item>
+        -->
+        </el-row>
+      </el-form>
+      <div style="text-align: center;margin-bottom: 10px;">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    
+  </div>
+</template>
+
+<script>
+import { listSysDataAuditRecord, getSysDataAuditRecord, delSysDataAuditRecord, addSysDataAuditRecord, updateSysDataAuditRecord } from "@/api/system/sysDataAuditRecord";
+
+export default {
+  name: "sysDataAuditRecordForm",
+  props:{
+    id:{
+        type:Number
+    }
+  },
+  components: {  },
+  dicts: [
+  ],
+  data() {
+    return {
+      sysDataAuditRecordOptions: [],
+      // 遮罩层
+      loading: true,
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+   watch: {
+      "id": {
+        handler (newValue, oldValue) {
+          this.id = newValue;
+          this.initData();
+        },
+        deep: true
+      }
+  },
+  created() {
+    this.initData();
+  },
+
+  methods: {
+    initData() {
+       
+        if(this.id !=null) {
+          this.loading = true;
+          getSysDataAuditRecord(this.id).then(response => {
+            this.form = response.data;
+            this.loading = false;
+          });
+        }else{
+            this.reset();
+        }
+        // this.getTreeselect();
+    },
+    // 取消按钮
+    cancel() {
+      this.reset();
+      this.$emit("on-cancel");
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        pkValue: null,
+        billCode: null,
+        tableName: null,
+        tableComment: null,
+        fieldName: null,
+        fieldComment: null,
+        oldValue: null,
+        newValue: null,
+        operationType: null,
+        transferCode: null,
+        remark: null,
+        tenantId: null,
+        delFlag: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        createSite: null,
+        updateSite: null
+      };
+      this.resetForm("form");
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateSysDataAuditRecord(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.$emit("on-changed");
+            });
+          } else {
+            addSysDataAuditRecord(this.form).then(response => {
+               this.$modal.msgSuccess("新增成功");
+               this.$emit("on-changed");
+            });
+          }
+        }
+      });
+    },
+    //   /** 转换菜单数据结构 */
+    //  normalizer(node) {
+    //   if (node.children && !node.children.length) {
+    //     delete node.children;
+    //   }
+    //   return {
+    //     id: node.id,
+    //     label: node.idName,
+    //     children: node.children
+    //   };
+    // },
+    //  /** 查询菜单下拉树结构 */
+    // getTreeselect() {
+    //   const queryParams = {}
+    //   listSysDataAuditRecord(queryParams).then(response => {
+    //     this.sysDataAuditRecordOptions = [];
+    //     const rootItem = { idId: 0, sysDataAuditRecordName: '-', children: [] };
+    //     rootItem.children = this.handleTree(response.data, "id");
+    //     this.sysDataAuditRecordOptions.push(rootItem);
+
+    //     if(this.parentId != undefined) {
+    //       this.form.parentId = this.parentId;
+    //     }
+
+    //   });
+    // },
+  }
+};
+</script>