更新数据

src/views/backOfficeSystem/ResearchJudgment/RecordsOperations/components/detailForm.vue

@@ -1,58 +1,37 @@
 <template>
   <div class="dialog" v-if="dialogForm">
     <div class="head_box">
-      <span class="title">典当物品信息详情</span>
+      <span class="title">操作记录详情</span>
       <div>
         <el-button size="small" @click="close">关闭</el-button>
       </div>
     </div>
     <div class="cntinfo">
-      <el-form :model="listQuery" :label-width="230" label-position="left">
+      <el-form :model="listQuery" disabled :label-width="230" label-position="left">
         <div class="form-row">
-          <el-form-item label="业务流水号码">
+          <el-form-item label="模块名称">
-            <el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
+            <el-input v-model="listQuery.mkmc"/>
           </el-form-item>
-          <el-form-item label="典当物品类别">
+          <el-form-item label="操作人员">
-            <el-input v-model="listQuery.ddwplb" placeholder="贵金属"/>
+            <el-input v-model="listQuery.operName" />
           </el-form-item>
         </div>
 
         <div class="form-row">
-          <el-form-item label="典当人姓名">
+          <el-form-item label="操作人员身份证号">
-            <el-input v-model="listQuery.ddrxm" placeholder="张三"/>
+            <el-input v-model="listQuery.operSfzh" />
           </el-form-item>
-          <el-form-item label="典当人证件号码">
+          <el-form-item label="操作人员ID">
-            <el-input v-model="listQuery.ddrzjhm" placeholder="511111111111111111"/>
+            <el-input v-model="listQuery.operUserId" />
           </el-form-item>
         </div>
 
         <div class="form-row">
-          <el-form-item label="典当人联系电话">
+          <el-form-item label="操作模块">
-            <el-input v-model="listQuery.ddrlxdh" placeholder="15222222222"/>
+            <el-input v-model="listQuery.title"/>
-          </el-form-item>
-          <el-form-item label="典当物品名称">
-            <el-input v-model="listQuery.ddwpmc" placeholder="100g金条"/>
           </el-form-item>
         </div>
 
-        <div class="form-row">
-          <el-form-item label="典当物品持有凭证">
-            <el-input v-model="listQuery.cypz" placeholder="123"/>
-          </el-form-item>
-          <el-form-item label="典当物品数量">
-            <el-input v-model="listQuery.ddwpsl" placeholder="5"/>
-          </el-form-item>
-        </div>
-
-        <div class="form-row">
-          <el-form-item label="典当物品照片">
-            <div class="image-group">
-              <div class="image-item" v-for="(item, index) in listQuery.plateImages" :key="index">
-                <el-image :src="item.img" fit="cover"></el-image>
-              </div>
-            </div>
-          </el-form-item>
-        </div>
       </el-form>
     </div>
   </div>
@@ -62,18 +41,12 @@
 import { ref, reactive } from 'vue';
 
 const dialogForm = ref(false);
-const listQuery = ref({
+const listQuery = ref({});
-  plateImages: [
-    {img:require('@/assets/images/person.png')},
-    {img:require('@/assets/images/person.png')},
-    {img:require('@/assets/images/person.png')},
-  ]
-});
 
 // 初始化数据
 const init = (type, row) => {
   dialogForm.value = true;
-  // 根据type和row初始化表单数据
+  listQuery.value = row || {}; // 如果row为空，则初始化为空对象
 };
 
 const close = () => {

src/views/backOfficeSystem/ResearchJudgment/RecordsOperations/index.vue

@@ -16,15 +16,7 @@
         :key="pageData.keyCount"
         :tableConfiger="pageData.tableConfiger"
         :controlsWidth="pageData.controlsWidth"
-        @chooseData="chooseData">
+      >
-        <!-- 事故照片 -->
-        <template #accidentPhoto="{ row }">
-          <el-image 
-            style="width: 50px; height: 50px"
-            :src="row.accidentPhoto"
-            :preview-src-list="[row.accidentPhoto]">
-          </el-image>
-        </template>
         <!-- 操作 -->
         <template #controls="{ row }">
           <el-button size="small" @click="addEdit('detail', row)">详情</el-button>
@@ -51,27 +43,20 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import DetailForm from "./components/detailForm.vue";
-import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { qcckPost } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
-const { proxy } = getCurrentInstance();
 const detailDiloag = ref();
 const searchBox = ref(); //搜索框
 
 const searchConfiger = ref([
-  { label: "物品名称", prop: 'itemName', placeholder: "请输入物品名称", showType: "input" },
+  { label: "模块名称", prop: 'mkmc', placeholder: "请输入模块名称", showType: "input" },
-  { label: "物品类别", prop: 'itemType', placeholder: "请输入物品类别", showType: "input" },
+  { label: "操作人员", prop: 'operName', placeholder: "请输入操作人员", showType: "input" },
-  { label: "持有凭证", prop: 'certificate', placeholder: "请输入持有凭证", showType: "input" },
+  { label: "操作人员身份证号", prop: 'operSfzh', placeholder: "请输入操作人员身份证号", showType: "input" },
 ]);
 
 const queryFrom = ref({});
 const pageData = reactive({
-  tableData: [
+  tableData: [],
-    {id: 1, placeName: '老王典当', itemName: '100g金条', itemType: '贵重金属', certificate: '123456', quantity: 5, pawner: '张三', pawnerIdCard: '511111111111111111', pawnerPhone: '15222222222'},
-    {id: 2, placeName: '老王典当', itemName: '100g金条', itemType: '贵重金属', certificate: '123456', quantity: 5, pawner: '张三', pawnerIdCard: '511111111111111111', pawnerPhone: '15222222222'},
-    {id: 3, placeName: '老王典当', itemName: '100g金条', itemType: '贵重金属', certificate: '123456', quantity: 5, pawner: '张三', pawnerIdCard: '511111111111111111', pawnerPhone: '15222222222'},
-    {id: 4, placeName: '老王典当', itemName: '100g金条', itemType: '贵重金属', certificate: '123456', quantity: 5, pawner: '张三', pawnerIdCard: '511111111111111111', pawnerPhone: '15222222222'},
-    {id: 5, placeName: '老王典当', itemName: '100g金条', itemType: '贵重金属', certificate: '123456', quantity: 5, pawner: '张三', pawnerIdCard: '511111111111111111', pawnerPhone: '15222222222'},
-  ],
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
@@ -80,19 +65,16 @@ const pageData = reactive({
   },
   total: 0,
   pageConfiger: {
-    pageSize: 20,
+    size: 20,
-    pageCurrent: 1
+    current: 1
   },
   controlsWidth: 120,
   tableColumn: [
-    { label: "场所名称", prop: "placeName" },
+    { label: "模块名称", prop: "mkmc" },
-    { label: "物品名称", prop: "itemName" },
+    { label: "操作人员", prop: "operName" },
-    { label: "物品类别", prop: "itemType" },
+    { label: "操作人员身份证号", prop: "operSfzh" },
-    { label: "持有凭证", prop: "certificate" },
+    { label: "操作人员ID", prop: "operUserId" },
-    { label: "数量", prop: "quantity", width: 80 },
+    { label: "操作模块", prop: "title"},
-    { label: "典当人", prop: "pawner" },
-    { label: "典当人证件号码", prop: "pawnerIdCard" },
-    { label: "典当人联系电话", prop: "pawnerPhone" },
   ]
 });
 
@@ -101,16 +83,10 @@ onMounted(() => {
   tabHeightFn();
 });
 
-//选择类型
-const handleType = (val) => {
-  pageData.keyCount++;
-  pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
 // 搜索
 const onSearch = (val) =>{
   queryFrom.value = {...val}
-  pageData.pageConfiger.pageCurrent = 1;
+  pageData.pageConfiger.current = 1;
   getList()
 }
 
@@ -119,20 +95,19 @@ const changeNo = (val) =>{
   getList()
 }
 const changeSize = (val) =>{
-  pageData.pageConfiger.pageSize = val;
+  pageData.pageConfiger.size = val;
   getList()
 }
 
 // 获取列表
-const getList = (val) =>{
+const getList = () =>{
-  // pageData.tableConfiger.loading = true;
+  pageData.tableConfiger.loading = true;
   let data = { ...pageData.pageConfiger, ...queryFrom.value };
-  // let url = '/mosty-lzcj/tbDwMbkf/queryList';
+  qcckPost(data,'/mosty-base/monitor/operlog/list').then(res=>{
-  // qcckPost(data,url).then(res=>{
+    pageData.tableData = res.records || [];
-  //   pageData.tableData = res.records || [];
+    pageData.total = res.total;
-  //   pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
-  //   pageData.tableConfiger.loading = false;
+  }).catch(()=>{ pageData.tableConfiger.loading = false; })
-  // }).catch(()=>{ pageData.tableConfiger.loading = false; })
 }
 
 // 详情