1、删除无用模块并配置个性化新增方案 2、完善领用记录的查看功能等功能

zhang_12370

5 天以前 26ec28bc8764a48b029a301effa4c7f7345b1d6b

1、删除无用模块并配置个性化新增方案
2、完善领用记录的查看功能等功能

 src/views/equipment/management/index.vue

@@ -30,8 +30,11 @@

      <!-- 操作按钮区 -->
      <el-row :gutter="24" class="table-toolbar">
        <el-button :icon="Plus" type="primary" @click="handleAdd"
          >新建</el-button
        <el-button :icon="Plus" type="primary" v-show="activeTab === 'management'" @click="handleAdd"
          >设备新增</el-button
        >
        <el-button :icon="Plus" type="primary" v-show="activeTab === 'equipmentRequisition'" @click="handleAdd"
          >领用</el-button
        >
        <el-button :icon="Delete" type="danger" @click="handleDelete"
          >删除</el-button
@@ -40,6 +43,7 @@
      <!-- 表格组件 -->
      <div>
        <data-table
          :showOverflowTooltip="false"
          :border="true"
          :columns="columns"
          :loading="loading"
@@ -51,6 +55,7 @@
          @selection-change="handleSelectionChange"
          :operations="['edit', 'viewRow']"
          :operationsWidth="200"
          
        >
          <!-- 字段名称列的自定义插槽 - 显示为标签 -->
          <template
@@ -99,16 +104,17 @@
        v-model="equipmentRequisitionDialog"
        :formData="form"
        :maxQuantity="getMaxQuantity()"
        :addOrEdit="addOrEdit"
        @submit="onEquipmentRequisitionSubmit"
      />
      <UsageRecord
      <!-- <UsageRecord
        v-if="activeTab == 'usageRecord'"
        v-model:copyForm="copyForm"
        v-model:usageRecordDialog="usageRecordDialog"
        :addOrEdit="addOrEdit"
        :form="form"
        @submit="getList"
      />
      /> -->
    </el-card>
  </div>
</template>
@@ -164,14 +170,9 @@
    columns: [
      { prop: "equipmentNo", label: "设备编号", minWidth: 100 },
      { prop: "equipmentName", label: "设备名称", minWidth: 100 },
      { prop: "quantity", label: "数量", minWidth: 100 },
      { prop: "quantity", label: "总数量", minWidth: 100 },
      { prop: "usedNo", label: "已使用数量", minWidth: 100 },
      { prop: "specification", label: "规格型号", minWidth: 100 },
      { 
        prop: "usageStatus", 
        label: "使用状态", 
        minWidth: 100,
        formatter: (row) => row.usageStatus == 1 ? "启用" : "禁用"
      },
      { prop: "purchaseDate", label: "采购日期", minWidth: 100 },
      { prop: "purchasePrice", label: "采购价格", minWidth: 100 },
    ]
@@ -183,41 +184,42 @@
    api: getUsageRecordList,
    deleteApi: null,
    columns: [
      { prop: "userId", label: "领用人", minWidth: 100 },
      { prop: "equipmentId", label: "设备ID", minWidth: 100 },
      { prop: "userName", label: "领用人", minWidth: 100 },
      { prop: "equipmentNo", label: "设备编号", minWidth: 100 },
      { prop: "equipmentName", label: "设备名称", minWidth: 100 },
      { prop: "usageQuantity", label: "领用数量", minWidth: 100 },
      { 
        prop: "equipmentStatus", 
        label: "使用状态", 
        minWidth: 100,
        formatter: (row) => row.usageStatus == 1 ? "启用" : "禁用"
        formatter: (row) => row.usageStatus == 1 ? "使用中" : "已归还"
      },
      { prop: "usageStartTime", label: "使用开始时间", minWidth: 100 },
      { prop: "usageEndTime", label: "使用结束时间", minWidth: 100 },
      { prop: "remarks", label: "备注", minWidth: 100 },
    ]
  },
  usageRecord:{
    label: "领用记录",
    searchPlaceholder: "设备编号/设备名称/规格型号",
    showSearch: true,
    api: getManagementList,
    deleteApi: delEquipment,
    columns: [
      { prop: "equipmentId", label: "设备编号", minWidth: 100 },
      { prop: "equipmentName", label: "设备名称", minWidth: 100 },
      { prop: "quantity", label: "数量", minWidth: 100 },
      { prop: "specification", label: "规格型号", minWidth: 100 },
      { 
        prop: "usageStatus", 
        label: "使用状态", 
        minWidth: 100,
        formatter: (row) => row.usageStatus == 1 ? "启用" : "禁用"
      },
      { prop: "purchaseDate", label: "采购日期", minWidth: 100 },
      { prop: "purchasePrice", label: "采购价格", minWidth: 100 },
    ]
  },
  // usageRecord:{
  //   label: "领用记录",
  //   searchPlaceholder: "设备编号/设备名称/规格型号",
  //   showSearch: true,
  //   api: getManagementList,
  //   deleteApi: delEquipment,
  //   columns: [
  //     { prop: "equipmentId", label: "设备编号", minWidth: 100 },
  //     { prop: "equipmentName", label: "设备名称", minWidth: 100 },
  //     { prop: "quantity", label: "数量", minWidth: 100 },
  //     { prop: "specification", label: "规格型号", minWidth: 100 },
  //     { 
  //       prop: "usageStatus", 
  //       label: "使用状态", 
  //       minWidth: 100,
  //       formatter: (row) => row.usageStatus == 1 ? "启用" : "禁用"
  //     },
  //     { prop: "purchaseDate", label: "采购日期", minWidth: 100 },
  //     { prop: "purchasePrice", label: "采购价格", minWidth: 100 },
  //   ]
  // },

  // 后续可以在这里添加新的标签页配置
};

 src/views/equipment/management/mould/equipmentRequisitionDialog.vue

@@ -7,7 +7,7 @@
  >
    <el-form :model="form" :rules="rules" ref="formRef" label-width="150px">
      <el-form-item label="领用人" prop="userId">
        <el-select v-model="form.userId" placeholder="请选择">
        <el-select v-model="form.userId" placeholder="请选择" :disabled="isViewMode">
          <el-option
            v-for="item in userList"
            :key="item.userId"
@@ -17,7 +17,7 @@
        </el-select>
      </el-form-item>
      <el-form-item label="设备名称" prop="equipmentId">
        <el-select v-model="form.equipmentId" placeholder="请选择">
        <el-select v-model="form.equipmentId" placeholder="请选择" :disabled="isViewMode">
          <el-option
            v-for="item in equipmentList"
            :key="item.id"
@@ -42,6 +42,7 @@
          :min="1"
          :max="maxQuantity || 999"
          style="width: 100%"
          :disabled="isViewMode"
        />
        <span
          v-if="maxQuantity !== null"
@@ -50,12 +51,9 @@
        >
      </el-form-item>
      <el-form-item label="使用状态" prop="equipmentStatus">
        <el-select v-model="form.equipmentStatus" placeholder="请选择">
          <el-option label="启用" :value="1" />
          <el-option label="禁用" :value="0" />
          <el-option label="维修中" :value="2" />
          <el-option label="报废" :value="3" />
          <el-option label="待领用" :value="4" />
        <el-select v-model="form.equipmentStatus" placeholder="请选择" :disabled="isViewMode">
          <el-option label="使用中" :value="1" />
          <el-option label="已归还" :value="0" />
        </el-select>
      </el-form-item>
      <el-form-item label="使用开始时间" prop="usageStartTime">
@@ -66,6 +64,7 @@
          style="width: 100%"
          value-format="YYYY-MM-DD"
          format="YYYY-MM-DD"
          :disabled="isViewMode"
        />
      </el-form-item>
      <!-- <el-form-item label="使用结束时间" prop="usageEndTime">
@@ -81,12 +80,13 @@
          v-model="form.remarks"
          type="textarea"
          placeholder="请输入备注"
          :disabled="isViewMode"
        />
      </el-form-item>
    </el-form>
    <template #footer>
      <el-button @click="handleClose">取消</el-button>
      <el-button type="primary" @click="handleSubmit">确定</el-button>
      <el-button type="primary" @click="handleSubmit" v-if="!isViewMode">确定</el-button>
    </template>
  </el-dialog>
</template>
@@ -116,6 +116,18 @@
    type: Object,
    default: () => ({}),
  },
  beforeClose: {
    type: Function,
    default: () => {},
  },
  addOrEdit: {
    type: String,
    default: "add",
  },
  title: {
    type: String,
    default: "",
  },
});
const maxQuantity = computed(() => {
  if (!form.value.equipmentId) return 0;
@@ -131,6 +143,7 @@
  get: () => props.modelValue,
  set: (v) => emit("update:modelValue", v),
});
const isViewMode = computed(() => props.addOrEdit === "view" || props.addOrEdit === "viewRow");

const isEdit = computed(() => !!props.formData?.id);
const formRef = ref();

 src/views/equipment/management/mould/managementDialog.vue

@@ -16,9 +16,9 @@
      >
        <el-row :gutter="20">
          <el-col :span="11">
            <el-form-item label="设备编号" prop="equipmentId">
            <el-form-item label="设备编号" prop="equipmentName">
              <el-input
                v-model="formData.equipmentId"
                v-model="formData.equipmentName"
                placeholder="请输入设备编号"
                :disabled="isViewMode"
                style="width: 100%"
@@ -55,8 +55,8 @@
              />
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="使用状态" prop="usageStatus">
          <!-- <el-col :span="11"> -->
            <!-- <el-form-item label="使用状态" prop="usageStatus">
              <el-select
                v-model="formData.usageStatus"
                placeholder="请选择使用状态"
@@ -65,8 +65,8 @@
                <el-option label="启用" value="1" />
                <el-option label="禁用" value="0" />
              </el-select>
            </el-form-item>
          </el-col>
            </el-form-item> -->
          <!-- </el-col> -->
          <el-col :span="11">
            <el-form-item label="使用部门" prop="usingDepartment">
              <el-input
@@ -112,7 +112,7 @@
          </el-col>
        </el-row>
        <el-form-item class="dialog-footer">
          <el-button v-if="!isViewMode" @click="cancelForm">取消</el-button>
          <el-button @click="cancelForm">取消</el-button>
          <el-button v-if="!isViewMode" type="primary" @click="submitForm">确定</el-button>
        </el-form-item>
      </el-form>
@@ -219,7 +219,7 @@
  closeDialog();
};
const rules = reactive({
  equipmentId: [
  equipmentName: [
    { required: true, message: "请输入供货商名称", trigger: "blur" },
  ],
});