feat(CoilSelector): 新增入场卷号字段并调整当前卷号显示

feat(customer): 新增客户相关配卷和财务信息查询接口

fix(base.vue): 修复发货单时间条件显示问题

refactor(CustomerEdit): 替换地址选择组件为普通输入框

feat(CoilSelector): 增加入场卷号查询条件并调整对话框宽度

style(OrderEdit): 调整客户名称和销售员选择框宽度

refactor(ChinaAreaSelect): 优化地址解析逻辑并支持空对象处理

feat(FileUpload/FileList): 新增文件预览功能组件

refactor(KLPService/CustomerSelect): 优化客户选择组件并支持自定义字段绑定

fix(AbnormalForm): 修复异常位置校验逻辑并保留当前卷号

feat(ContractTabs): 新增合同附件展示功能

refactor(warehouse/record): 重构操作记录统计展示方式

feat(contract): 集成客户选择组件并优化合同信息填充

refactor(order): 调整订单表单布局并集成合同信息

feat(FilePreview): 新增文件预览组件

feat(customer): 新增财务状态和发货配卷展示

refactor(CustomerOrder): 移除冗余代码并优化布局

feat(PlanDetailForm): 新增合同附件查看功能

feat(dict): 新增字典管理页面

klp-ui/src/views/crm/dict/index.vue

@@ -0,0 +1,497 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <!-- 左侧：字典类型管理 -->
+      <el-col :span="6" style="height: calc(100vh - 124px); overflow-y: auto;">
+        <div>
+          <div class="dict-type-list">
+            <div 
+              v-for="item in typeList" 
+              :key="item.dictId"
+              :class="['dict-type-item', { 'active': selectedDictType === item.dictType }]"
+              @click="selectDictType(item.dictType, item.dictId)"
+            >
+              <div class="dict-type-name">{{ item.dictName }}</div>
+              <div class="dict-type-info">
+                <span class="dict-type-code">{{ item.dictType }}</span>
+                <span class="dict-type-id">#{{ item.dictId }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </el-col>
+
+      <!-- 右侧：字典数据管理 -->
+      <el-col :span="18" style="height: 100%; overflow-y: auto;">
+        <div class="dict-data-container">
+          <h3>字典数据管理</h3>
+          <el-form :model="dataQueryParams" ref="dataQueryForm" size="small" :inline="true" v-show="dataShowSearch" label-width="68px">
+            <el-form-item label="字典标签" prop="dictLabel">
+              <el-input
+                v-model="dataQueryParams.dictLabel"
+                placeholder="请输入字典标签"
+                clearable
+                @keyup.enter.native="dataHandleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="状态" prop="status">
+              <el-select v-model="dataQueryParams.status" placeholder="数据状态" clearable>
+                <el-option
+                  v-for="dict in dict.type.sys_normal_disable"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="dataHandleQuery">搜索</el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="dataResetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+
+          <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+              <el-button
+                type="primary"
+                plain
+                icon="el-icon-plus"
+                size="mini"
+                @click="dataHandleAdd"
+                v-hasPermi="['system:dict:add']"
+              >新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="success"
+                plain
+                icon="el-icon-edit"
+                size="mini"
+                :disabled="dataSingle"
+                @click="dataHandleUpdate"
+                v-hasPermi="['system:dict:edit']"
+              >修改</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="danger"
+                plain
+                icon="el-icon-delete"
+                size="mini"
+                :disabled="dataMultiple"
+                @click="dataHandleDelete"
+                v-hasPermi="['system:dict:remove']"
+              >删除</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="warning"
+                plain
+                icon="el-icon-download"
+                size="mini"
+                @click="dataHandleExport"
+                v-hasPermi="['system:dict:export']"
+              >导出</el-button>
+            </el-col>
+            <right-toolbar :showSearch.sync="dataShowSearch" @queryTable="dataGetList"></right-toolbar>
+          </el-row>
+
+          <el-empty v-if="!dataQueryParams.dictType" description="请选择一个字典类型" />
+          <template v-else>
+            <el-table v-loading="dataLoading" max-height="calc(100vh - 300px)" :data="dataList" @selection-change="dataHandleSelectionChange">
+              <el-table-column type="selection" width="55" align="center" />
+              <el-table-column label="字典编码" align="center" prop="dictCode" />
+              <el-table-column label="字典标签" align="center" prop="dictLabel">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.listClass == '' || scope.row.listClass == 'default'">{{scope.row.dictLabel}}</span>
+                  <el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass">{{scope.row.dictLabel}}</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column label="字典键值" align="center" prop="dictValue" />
+              <el-table-column label="字典排序" align="center" prop="dictSort" />
+              <el-table-column label="状态" align="center" prop="status">
+                <template slot-scope="scope">
+                  <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
+                </template>
+              </el-table-column>
+              <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
+              <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+                <template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.createTime) }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-edit"
+                    @click="dataHandleUpdate(scope.row)"
+                    v-hasPermi="['system:dict:edit']"
+                  >修改</el-button>
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    @click="dataHandleDelete(scope.row)"
+                    v-hasPermi="['system:dict:remove']"
+                  >删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <pagination
+              v-show="dataTotal>0"
+              :total="dataTotal"
+              :page.sync="dataQueryParams.pageNum"
+              :limit.sync="dataQueryParams.pageSize"
+              @pagination="dataGetList"
+            />
+          </template>
+
+          <!-- 添加或修改字典数据对话框 -->
+          <el-dialog :title="dataTitle" :visible.sync="dataOpen" width="500px" append-to-body>
+            <el-form ref="dataForm" :model="dataForm" :rules="dataRules" label-width="80px">
+              <el-form-item label="字典类型">
+                <el-input v-model="dataForm.dictType" :disabled="true" />
+              </el-form-item>
+              <el-form-item label="数据标签" prop="dictLabel">
+                <el-input v-model="dataForm.dictLabel" placeholder="请输入数据标签" />
+              </el-form-item>
+              <el-form-item label="数据键值" prop="dictValue">
+                <el-input v-model="dataForm.dictValue" placeholder="请输入数据键值" />
+              </el-form-item>
+              <el-form-item label="样式属性" prop="cssClass">
+                <el-input v-model="dataForm.cssClass" placeholder="请输入样式属性" />
+              </el-form-item>
+              <el-form-item label="显示排序" prop="dictSort">
+                <el-input-number :controls=false controls-position="right" v-model="dataForm.dictSort" :min="0" />
+              </el-form-item>
+              <el-form-item label="回显样式" prop="listClass">
+                <el-select v-model="dataForm.listClass">
+                  <el-option
+                    v-for="item in listClassOptions"
+                    :key="item.value"
+                    :label="item.label + '(' + item.value + ')'"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="状态" prop="status">
+                <el-radio-group v-model="dataForm.status">
+                  <el-radio
+                    v-for="dict in dict.type.sys_normal_disable"
+                    :key="dict.value"
+                    :label="dict.value"
+                  >{{dict.label}}</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="备注" prop="remark">
+                <el-input v-model="dataForm.remark" type="textarea" placeholder="请输入内容"></el-input>
+              </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+              <el-button type="primary" @click="dataSubmitForm">确 定</el-button>
+              <el-button @click="dataCancel">取 消</el-button>
+            </div>
+          </el-dialog>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listType, getType, delType, addType, updateType, refreshCache, optionselect as getDictOptionselect } from "@/api/system/dict/type";
+import { listData, getData, delData, addData, updateData } from "@/api/system/dict/data";
+
+export default {
+  name: "Dict",
+  dicts: ['sys_normal_disable'],
+  data() {
+    return {
+      // 字典类型管理相关
+      typeLoading: false,
+      typeIds: [],
+      typeSingle: true,
+      typeMultiple: true,
+      typeShowSearch: true,
+      typeTotal: 0,
+      selectedDictType: '',
+      typeList: [
+        { dictId: '1996470503006347266', dictName: "钢卷异常位置", dictType: "coil_abnormal_position" },
+        { dictId: '1996471384858763265', dictName: "钢卷异常缺陷代码", dictType: "coil_abnormal_code" },
+        { dictId: '1996471559400529922', dictName: "钢卷异常程度", dictType: "coil_abnormal_degree" },
+        { dictId: '2000385565177729025', dictName: "钢卷厂家", dictType: "coil_manufacturer" },
+        { dictId: '2000385689094246401', dictName: "钢卷材质", dictType: "coil_material" },
+        { dictId: '2000385875539447809', dictName: "钢卷名称", dictType: "coil_itemname" },
+
+        { dictId: '2000445660494381058', dictName: "客户行业", dictType: "customer_industry" },
+        { dictId: '2000446466396340226', dictName: "客户等级", dictType: "customer_level" },
+        { dictId: '2010954150756622337', dictName: "钢卷质量状态", dictType: "coil_quality_status" },
+        { dictId: '2034910283200458753', dictName: "机组产线", dictType: "sys_lines" },
+
+      ],
+      typeTitle: "",
+      typeOpen: false,
+      typeDateRange: [],
+      typeQueryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        dictName: undefined,
+        dictType: undefined,
+        status: undefined
+      },
+      typeForm: {},
+      typeRules: {
+        dictName: [
+          { required: true, message: "字典名称不能为空", trigger: "blur" }
+        ],
+        dictType: [
+          { required: true, message: "字典类型不能为空", trigger: "blur" }
+        ]
+      },
+
+      // 字典数据管理相关
+      dataLoading: true,
+      dataIds: [],
+      dataSingle: true,
+      dataMultiple: true,
+      dataShowSearch: true,
+      dataTotal: 0,
+      dataList: [],
+      dataTitle: "",
+      dataOpen: false,
+      listClassOptions: [
+        {
+          value: "default",
+          label: "默认"
+        },
+        {
+          value: "primary",
+          label: "主要"
+        },
+        {
+          value: "success",
+          label: "成功"
+        },
+        {
+          value: "info",
+          label: "信息"
+        },
+        {
+          value: "warning",
+          label: "警告"
+        },
+        {
+          value: "danger",
+          label: "危险"
+        }
+      ],
+      typeOptions: [],
+      dataQueryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        dictName: undefined,
+        dictType: undefined,
+        status: undefined
+      },
+      dataForm: {},
+      dataRules: {
+        dictLabel: [
+          { required: true, message: "数据标签不能为空", trigger: "blur" }
+        ],
+        dictValue: [
+          { required: true, message: "数据键值不能为空", trigger: "blur" }
+        ],
+        dictSort: [
+          { required: true, message: "数据顺序不能为空", trigger: "blur" }
+        ]
+      }
+    };
+  },
+  created() {
+    // 初始化时设置类型选项
+    this.typeOptions = this.typeList.map(item => ({
+      dictId: item.dictId,
+      dictName: item.dictName,
+      dictType: item.dictType
+    }));
+  },
+  methods: {
+    // 字典数据管理方法
+    /** 查询字典数据列表 */
+    dataGetList() {
+      this.dataLoading = true;
+      listData(this.dataQueryParams).then(response => {
+        this.dataList = response.rows;
+        this.dataTotal = response.total;
+        this.dataLoading = false;
+      });
+    },
+    // 取消按钮
+    dataCancel() {
+      this.dataOpen = false;
+      this.dataReset();
+    },
+    // 表单重置
+    dataReset() {
+      this.dataForm = {
+        dictCode: undefined,
+        dictLabel: undefined,
+        dictValue: undefined,
+        cssClass: undefined,
+        listClass: 'default',
+        dictSort: 0,
+        status: "0",
+        remark: undefined
+      };
+      this.resetForm("dataForm");
+    },
+    /** 搜索按钮操作 */
+    dataHandleQuery() {
+      this.dataQueryParams.pageNum = 1;
+      this.dataGetList();
+    },
+    /** 重置按钮操作 */
+    dataResetQuery() {
+      this.resetForm("dataQueryForm");
+      this.dataHandleQuery();
+    },
+    /** 新增按钮操作 */
+    dataHandleAdd() {
+      this.dataReset();
+      this.dataOpen = true;
+      this.dataTitle = "添加字典数据";
+      this.dataForm.dictType = this.dataQueryParams.dictType;
+    },
+    // 多选框选中数据
+    dataHandleSelectionChange(selection) {
+      this.dataIds = selection.map(item => item.dictCode)
+      this.dataSingle = selection.length!=1
+      this.dataMultiple = !selection.length
+    },
+    /** 修改按钮操作 */
+    dataHandleUpdate(row) {
+      this.dataReset();
+      const dictCode = row.dictCode || this.dataIds
+      getData(dictCode).then(response => {
+        this.dataForm = response.data;
+        this.dataOpen = true;
+        this.dataTitle = "修改字典数据";
+      });
+    },
+    /** 提交按钮 */
+    dataSubmitForm: function() {
+      this.$refs["dataForm"].validate(valid => {
+        if (valid) {
+          if (this.dataForm.dictCode != undefined) {
+            updateData(this.dataForm).then(response => {
+              this.$store.dispatch('dict/removeDict', this.dataQueryParams.dictType);
+              this.$modal.msgSuccess("修改成功");
+              this.dataOpen = false;
+              this.dataGetList();
+            });
+          } else {
+            addData(this.dataForm).then(response => {
+              this.$store.dispatch('dict/removeDict', this.dataQueryParams.dictType);
+              this.$modal.msgSuccess("新增成功");
+              this.dataOpen = false;
+              this.dataGetList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    dataHandleDelete(row) {
+      const dictCodes = row.dictCode || this.dataIds;
+      this.$modal.confirm('是否确认删除字典编码为"' + dictCodes + '"的数据项？').then(function() {
+        return delData(dictCodes);
+      }).then(() => {
+        this.dataGetList();
+        this.$modal.msgSuccess("删除成功");
+        this.$store.dispatch('dict/removeDict', this.dataQueryParams.dictType);
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    dataHandleExport() {
+      this.download('system/dict/data/export', {
+        ...this.dataQueryParams
+      }, `data_${new Date().getTime()}.xlsx`)
+    },
+
+    /** 选择字典类型 */
+    selectDictType(dictType, dictId) {
+      this.selectedDictType = dictType;
+      this.dataQueryParams.dictType = dictType;
+      this.dataGetList();
+    }
+  }
+};
+</script>
+
+<style scoped>
+.dict-type-container,
+.dict-data-container {
+  padding: 20px;
+}
+
+h3 {
+  margin-bottom: 20px;
+  font-size: 18px;
+  font-weight: bold;
+  color: #303133;
+}
+
+.dict-type-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.dict-type-item {
+  padding: 15px;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.dict-type-item:hover {
+  border-color: #409eff;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+.dict-type-item.active {
+  border-color: #409eff;
+  background-color: #ecf5ff;
+  box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 0.1);
+}
+
+.dict-type-item.active .dict-type-name {
+  color: #409eff;
+}
+
+.dict-type-name {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 5px;
+  color: #303133;
+}
+
+.dict-type-info {
+  display: flex;
+  justify-content: space-between;
+  font-size: 14px;
+  color: #606266;
+}
+
+.dict-type-code {
+  flex: 1;
+}
+
+.dict-type-id {
+  color: #909399;
+}
+</style>