赃物管理接口调试

src/api/zcxt/zwgl.js

+/**
+ * @Author: your name
+ * @Date: 2021-11-26 14:38:21
+ * @LastEditTime: 2021-11-26 14:38:21
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \founder_vue\src\api\zcxt\zwgl.js
+ * @description 赃物管理
+ */
+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+// 1 更新赃物到追回状态
+export const updateZh = params =>
+post(`${base.alyIP}/zwzh/updateZh`, params);
+
+
+// 2 更新赃物到未追回状态
+export const updateCzzh = params =>
+post(`${base.alyIP}/zwzh/updateCzzh`, params);
+
+
+// 3 更新赃物认领状态
+export const updateRl = params =>
+ postform(`${base.alyIP}/zwzh/updateRl`, params);
+

src/components/ptCxForm_components.vue

@@ -980,6 +980,15 @@
             <div v-else-if="columnTitle.prop == 'sfcb'">
               {{ scope.row[columnTitle.prop] == "1" ? "是" : "否" }}
             </div>
+            <div v-else-if="columnTitle.prop == 'ssqzWpzwPdbz'">
+              {{ scope.row[columnTitle.prop] == "1" ? "真" : "伪" }}
+            </div>
+            <div v-else-if="columnTitle.prop == 'sswwWwzxscltPdbz'">
+              {{ scope.row[columnTitle.prop] == "1" ? "是" : "否" }}
+            </div>
+            <div v-else-if="columnTitle.prop == 'sswwWwzxcjPdbz'">
+              {{ scope.row[columnTitle.prop] == "1" ? "是" : "否" }}
+            </div>
             <div v-else-if="columnTitle.prop == 'zjclmc'">
               <el-tag
                 v-for="(s, k) in getSplit(scope.row[columnTitle.prop])"
@@ -1500,12 +1509,12 @@
         >
           <template slot-scope="scope">
             <el-switch
-              v-model="scope.row.sswpZhstatus"
+              v-model="scope.row.zhzt"
               active-text="已追回"
               active-value='1'
               inactive-value='0'
               inactive-text="未追回"
-              @change="(value)=>$emit('changeReple',{value,scope})"
+              @change="(value)=>$emit('changeZhStatus',{value,scope})"
             >
             </el-switch>
           </template>
@@ -1522,33 +1531,24 @@
                 pageBs == 'zcssdy'
                "
           align="center"
-          label="认领"
+          label="认领状态"
         >
-        <!--
-          sswpRlstatus 认领状态
-             0--未追回
-             1--未认领
-             2--认领
-          sswpZhstatus  追回状态
-              0---未追回
-              1---已追回
-        -->
           <template slot-scope="scope">
              <span
               @click="$emit('claim', scope)"
               class="edit"
               style="margin-right: 16px"
-              v-if="scope.row.sswpRlstatus == '1' && scope.row.sswpZhstatus == '1'"
+              v-if="scope.row.zhzt == '1' && scope.row.rlzt == '0'"
               >未认领</span
             >
             <span
               style="margin-right: 16px"
-              v-if="scope.row.sswpRlstatus == '2'&& scope.row.sswpZhstatus == '1'"
-              >已认领</span
+              v-if="scope.row.zhzt == '1' && scope.row.rlzt == '1'"
+              >认领</span
             >
             <span
               style="margin-right: 16px"
-              v-if="scope.row.sswpRlstatus == '0'&& scope.row.sswpZhstatus == '0'"
+              v-if="scope.row.zhzt == '0'"
               >未追回</span
             >
           </template>

src/views/zcxw/zwgl/ddfjdc.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:51:03
- * @LastEditTime: 2021-11-24 18:03:38
+ * @LastEditTime: 2021-11-26 18:36:30
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\ddfjdc.vue
@@ -24,31 +24,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
     <!-- 赃物认领弹框 -->
      <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -63,6 +68,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcssddfjdc",
   components: {
@@ -76,11 +86,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -93,15 +102,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -109,19 +118,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -149,20 +156,18 @@ export default {
           prop: "ssddfjdcWpjzrmby",
           width: "120",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
+          prop: "djsj",
           width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "ssddfjdc/queryAllZw",
       Menu: [
         {
           id: "zcssddfjdc",
@@ -175,38 +180,88 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
       goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
   },
-  mounted() {
-    console.log(this.$route.query.glzdxxzjbh);
-    this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
+  methods: {
+    /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
                           this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+        }) 
     },
-  methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
       }) 
-        
     },
-    //未认领操作
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -214,9 +269,51 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
     },
   },
+  watch:{
+    stolenGoodsVisiable:{
+      handler(val){
+        if(!val){
+          for(let key in this.goodsForm){
+            this.goodsForm[key] = ''
+          }
+        }
+      },
+      deep:true,
+    }
+  },
 };
 </script>
 <style>
@@ -268,4 +365,7 @@ export default {
 </style>
 <style scoped lang="scss">
 @import "@/assets/styles/rightContent.scss";
+.Content .long-label  /deep/.el-form-item__label {
+  line-height: 1.3;
+}
 </style>

src/views/zcxw/zwgl/dy.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:51:19
- * @LastEditTime: 2021-11-24 18:03:58
+ * @LastEditTime: 2021-11-26 18:36:45
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\dy.vue
@@ -16,31 +16,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
     <!-- 赃物认领弹框 -->
      <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -55,6 +60,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcssdy",
   components: {
@@ -68,11 +78,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -85,15 +94,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -101,19 +110,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -131,20 +138,18 @@ export default {
           prop: "ssdyWpsl",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
+          prop: "djsj",
           width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "ssdy/queryAllZw",
       Menu: [
         {
           id: "zcssdy",
@@ -157,38 +162,90 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
        goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
   },
-  mounted() {
-    console.log(this.$route.query.glzdxxzjbh);
-    this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
+  methods: {
+     /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    //追回
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
                           this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+        }) 
     },
-  methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    //未追回
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
       }) 
-        
     },
-    //未认领操作
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -196,9 +253,51 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
     },
   },
+  watch:{
+    stolenGoodsVisiable:{
+      handler(val){
+        if(!val){
+          for(let key in this.goodsForm){
+            this.goodsForm[key] = ''
+          }
+        }
+      },
+      deep:true,
+    }
+  },
 };
 </script>
 <style>
@@ -250,5 +349,8 @@ export default {
 </style>
 <style scoped lang="scss">
 @import "@/assets/styles/rightContent.scss";
+.long-label  /deep/.el-form-item__label {
+  line-height: 1.3;
+}
 </style>
 

src/views/zcxw/zwgl/jdc.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:51:28
- * @LastEditTime: 2021-11-24 18:04:38
+ * @LastEditTime: 2021-11-26 18:36:54
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\jdc.vue
@@ -16,31 +16,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
     <!-- 赃物认领弹框 -->
      <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -55,6 +60,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcssjdc",
   components: {
@@ -68,11 +78,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -85,15 +94,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -101,19 +110,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -146,20 +153,18 @@ export default {
           prop: "ssjdcJdchphm",
           width: "120",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
+          prop: "djsj",
           width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "ssjdc/queryAllZw",
       Menu: [
         {
           id: "zcssjdc",
@@ -172,38 +177,88 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
       goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
   },
-  mounted() {
-    console.log(this.$route.query.glzdxxzjbh);
-    this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
+  methods: {
+    /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
                           this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+        }) 
     },
-  methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
       }) 
-        
     },
-    //未认领操作
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -211,7 +266,37 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
     },
   },
 };
@@ -265,5 +350,8 @@ export default {
 </style>
 <style scoped lang="scss">
 @import "@/assets/styles/rightContent.scss";
+.long-label  /deep/.el-form-item__label {
+  line-height: 1.3;
+}
 </style>
 

src/views/zcxw/zwgl/kl.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:51:39
- * @LastEditTime: 2021-11-24 18:06:17
+ * @LastEditTime: 2021-11-26 18:37:00
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\kl.vue
@@ -16,31 +16,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
     <!-- 赃物认领弹框 -->
      <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -55,6 +60,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcsskl",
   components: {
@@ -68,11 +78,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -85,15 +94,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -101,19 +110,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -130,13 +137,11 @@ export default {
           prop: "ssklSawpSawpdmStr",
           width: "120",
         },
-        //字段不确定
         {
           label: "物品标识号",
-          prop: "ssklwpbsh",
+          prop: "ssklKhWpbzh",
           width: "120",
         },
-        //字段不确定
         {
           label: "单位名称",
           prop: "ssklFkdwDwmc",
@@ -147,20 +152,18 @@ export default {
           prop: "ssklHfrq",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
-          width: "120",
+          prop: "djsj",
+          width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "sskl/queryAllZw",
       Menu: [
         {
           id: "zcsskl",
@@ -173,38 +176,88 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
       goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
   },
-  mounted() {
-    console.log(this.$route.query.glzdxxzjbh);
-    this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
+  methods: {
+    /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
                           this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+        }) 
     },
-  methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
       }) 
-        
     },
-    //未认领操作
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -212,7 +265,37 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
     },
   },
 };

src/views/zcxw/zwgl/qtwp.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:51:51
- * @LastEditTime: 2021-11-24 18:06:31
+ * @LastEditTime: 2021-11-26 18:37:05
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\qtwp.vue
@@ -16,31 +16,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
     <!-- 赃物认领弹框 -->
     <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -55,6 +60,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcssqtwp",
   components: {
@@ -68,11 +78,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -85,15 +94,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -101,20 +110,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
-        //   toInfor: true,
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -137,7 +143,6 @@ export default {
           prop: "sswpPpxh",
           width: "120",
         },
-        //字段不确定
         {
           label: "标识号类别",
           prop: "sswpWpbzhWpbzhlbdmStr",
@@ -148,20 +153,18 @@ export default {
           prop: "sswpWpjzrmby",
           width: "120",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
+          prop: "djsj",
           width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "ssqtwp/queryAllZw",
       Menu: [
         {
           id: "zcssqtwp",
@@ -174,38 +177,88 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
       goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
   },
-  mounted() {
-    console.log(this.$route.query.glzdxxzjbh);
-    this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
+  methods: {
+     /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
                           this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+        }) 
     },
-  methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
       }) 
-        
     },
-    //未认领操作
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -213,9 +266,51 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
     },
   },
+  watch:{
+    stolenGoodsVisiable:{
+      handler(val){
+        if(!val){
+          for(let key in this.goodsForm){
+            this.goodsForm[key] = ''
+          }
+        }
+      },
+      deep:true,
+    }
+  },
 };
 </script>
 <style>
@@ -267,4 +362,7 @@ export default {
 </style>
 <style scoped lang="scss">
 @import "@/assets/styles/rightContent.scss";
+.Content .long-label  /deep/.el-form-item__label {
+  line-height: 1.3;
+}
 </style>

src/views/zcxw/zwgl/qz.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:52:03
- * @LastEditTime: 2021-11-24 18:06:45
+ * @LastEditTime: 2021-11-26 18:37:15
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\qz.vue
@@ -16,31 +16,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
     <!-- 赃物认领弹框 -->
     <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -55,6 +60,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcssqz",
   components: {
@@ -68,11 +78,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -85,15 +94,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -101,19 +110,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -135,29 +142,26 @@ export default {
           prop: "ssqzQhWpbzh",
           width: "150",
         },
-        //不确定字段
         {
           label: "物品真伪",
-          prop: "ssqzwpzw",
+          prop: "ssqzWpzwPdbz",
         },
         {
           label: "物品数量",
           prop: "ssqzWpsl",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
-          width: "120",
+          prop: "djsj",
+          width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "ssqz/queryAllZw",
       Menu: [
         {
           id: "zcssqz",
@@ -170,37 +174,88 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
       goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
   },
-  mounted() {
-    this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
+  methods: {
+     /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
                           this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+        }) 
     },
-  methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
       }) 
-        
     },
-    //未认领操作
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -208,8 +263,50 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
+    },
   },
+  watch:{
+    stolenGoodsVisiable:{
+      handler(val){
+        if(!val){
+          for(let key in this.goodsForm){
+            this.goodsForm[key] = ''
+          }
+        }
+      },
+      deep:true,
+    }
   },
 };
 </script>
@@ -262,5 +359,8 @@ export default {
 </style>
 <style scoped lang="scss">
 @import "@/assets/styles/rightContent.scss";
+.Content .long-label  /deep/.el-form-item__label {
+  line-height: 1.3;
+}
 </style>
 

src/views/zcxw/zwgl/ww.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:52:09
- * @LastEditTime: 2021-11-24 18:06:59
+ * @LastEditTime: 2021-11-26 18:37:24
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\ww.vue
@@ -16,31 +16,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
     <!-- 赃物认领弹框 -->
      <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -55,6 +60,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcssww",
   components: {
@@ -68,11 +78,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -85,15 +94,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -101,19 +110,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -144,20 +151,18 @@ export default {
           label: "损失价值",
           prop: "sswwWpjzrmby",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
-          width: "120",
+          prop: "djsj",
+          width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "ssww/queryAllZw",
       Menu: [
         {
           id: "zcssww",
@@ -170,37 +175,88 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
       goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
   },
-  mounted() {
-    this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
+  methods: {
+    /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
                           this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+        }) 
     },
-  methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
       }) 
-        
     },
-    //未认领操作
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -208,8 +264,50 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
+    },
   },
+  watch:{
+    stolenGoodsVisiable:{
+      handler(val){
+        if(!val){
+          for(let key in this.goodsForm){
+            this.goodsForm[key] = ''
+          }
+        }
+      },
+      deep:true,
+    }
   },
 };
 </script>
@@ -262,5 +360,8 @@ export default {
 </style>
 <style scoped lang="scss">
 @import "@/assets/styles/rightContent.scss";
+.Content .long-label  /deep/.el-form-item__label {
+  line-height: 1.3;
+}
 </style>
 

src/views/zcxw/zwgl/ydtxsb.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:50:41
- * @LastEditTime: 2021-11-24 18:07:19
+ * @LastEditTime: 2021-11-26 18:37:44
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\ydtxsb.vue
@@ -16,31 +16,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
      <!-- 赃物认领弹框 -->
      <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -55,6 +60,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcssydtxsb",
   components: {
@@ -68,11 +78,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -85,15 +94,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -101,19 +110,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -122,7 +129,7 @@ export default {
           width: "200",
         },
         {
-          label: "物品型号",
+          label: "品牌型号",
           prop: "ssydtxsbPpxh",
         },
         {
@@ -143,63 +150,18 @@ export default {
           label: "损失价值",
           prop: "ssydtxsbWpjzrmby",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
-          width: "120",
-        },
-      ],
-      tableData:[
-          {
-              sswpSawpbh:'00001',
-              asjbh:'11212',
-              ssydtxsbPpxh:'vivo',
-              ssydtxsbIccidWpbzh:'ICCID(SIM卡号)',
-              ssydtxsbYddh:'移动电话',
-              ssydtxsbWpysdmStr:'物品颜色',
-              ssydtxsbWpjzrmby:'2355.22',
-              djdw:'11212',
-              sswpWpgzrq:'2021-11-24',
-              sswpZhstatus:'0',
-              sswpRlstatus:'0',
-          },
-          {
-              sswpSawpbh:'00002',
-              asjbh:'11212',
-              ssydtxsbPpxh:'oppo',
-              sswpWpmc:'11212',
-              ssydtxsbIccidWpbzh:'ICCID(SIM卡号)',
-              ssydtxsbYddh:'移动电话',
-              ssydtxsbWpysdmStr:'物品颜色',
-              ssydtxsbWpjzrmby:'2355.22',
-              djdw:'11212',
-              sswpWpgzrq:'2021-11-24',
-              sswpZhstatus:'1',
-              sswpRlstatus:'1',
-          },
-          {
-              sswpSawpbh:'00003',
-              asjbh:'11212',
-              ssydtxsbPpxh:'小米',
-              sswpWpmc:'11212',
-              ssydtxsbIccidWpbzh:'ICCID(SIM卡号)',
-              ssydtxsbYddh:'移动电话',
-              ssydtxsbWpysdmStr:'物品颜色',
-              ssydtxsbWpjzrmby:'2355.22',
-              djdw:'11212',
-              sswpWpgzrq:'2021-11-24',
-              sswpZhstatus:'1',
-              sswpRlstatus:'2',
+          prop: "djsj",
+          width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "ssydtxsb/queryAllZw",
       Menu: [
         {
           id: "zcssydtxsb",
@@ -212,37 +174,88 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
       goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
   },
-  mounted() {
-    this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
+  methods: {
+   /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
                           this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+        }) 
     },
-  methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
       }) 
-        
     },
-    //未认领操作
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -250,9 +263,51 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
     },
   },
+  watch:{
+    stolenGoodsVisiable:{
+      handler(val){
+        if(!val){
+          for(let key in this.goodsForm){
+            this.goodsForm[key] = ''
+          }
+        }
+      },
+      deep:true,
+    }
+  },
 };
 </script>
 <style>
@@ -304,4 +359,7 @@ export default {
 </style>
 <style scoped lang="scss">
 @import "@/assets/styles/rightContent.scss";
+.Content .long-label  /deep/.el-form-item__label {
+  line-height: 1.3;
+}
 </style>

src/views/zcxw/zwgl/zj.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-24 11:52:15
- * @LastEditTime: 2021-11-24 18:07:13
+ * @LastEditTime: 2021-11-26 18:44:47
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\views\zcxw\zwgl\zj.vue
@@ -16,31 +16,36 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-      @changeReple="changeReple"
+      @changeZhStatus="changeZhStatus"
       @claim="claim"
     ></right-content>
     <!-- 赃物认领弹框 -->
      <el-dialog
       title="认领信息"
       :visible.sync="stolenGoodsVisiable"
-      width="30%"
+      width="35%"
       @closed="closed"
     >
-      <el-form :inline="true" :model="goodsForm" class="demo-form-inline" label-position="right" label-width="140px">
+      <el-form :inline="true" 
+        :model="goodsForm" 
+        :rules="rules" 
+        ref="goodsForm"
+        class="demo-form-inline" label-position="right" label-width="140px"
+      >
         <el-row style="margin-top: 20px">
           <el-col :span="20" :offset="2" >
-            <el-form-item label="认领人姓名：">
-                <el-input v-model="goodsForm.claimPerName"></el-input>
+            <el-form-item label="认领人姓名：" prop="rlrXm">
+                <el-input v-model="goodsForm.rlrXm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-           <el-form-item label="认领人身份证号码：">
-                <el-input v-model="goodsForm.claimIdCard"></el-input>
+           <el-form-item label="认领人身份证号码：" prop="rlrSfzhm" class="long-label">
+                <el-input v-model="goodsForm.rlrSfzhm"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="20" :offset="2">
-            <el-form-item label="认领人联系电话：">
-               <el-input v-model="goodsForm.claimPhoneNum"></el-input>
+            <el-form-item label="认领人联系电话：" prop="rlrLxdh">
+               <el-input v-model="goodsForm.rlrLxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -55,6 +60,11 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import {
+  updateZh,
+  updateRl,
+  updateCzzh,
+} from "@/api/zcxt/zwgl.js";
 export default {
   name: "zcsszj",
   components: {
@@ -68,11 +78,10 @@ export default {
         limit: 10,
         page: 1,
         asjbh:'',
-        //字段不确定
-        sswpWpgzrq1:'',
-        sswpWpgzrq2:'',
-        zjhm:'',
-        djdw:'',
+        djkssj:'',
+        djjssj:'',
+        sawpbh:'',
+        xxdjdwGajgjgdm:'',
       },
       cxQueryField: [
         {
@@ -85,15 +94,15 @@ export default {
         },
         {
           name: "登记时间",
-          id: "sswpWpgzrq1",
-          id2: "sswpWpgzrq2",
+          id: "djkssj",
+          id2: "djjssj",
           type: "zdyDate",
           value: "",
           col: "3",
         },
         {
           name: "物品编号",
-          id: "zjhm",
+          id: "sawpbh",
           type: "text",
           value: "",
           placeholder: "请输入",
@@ -101,19 +110,17 @@ export default {
         },
         {
           name: "登记单位",
-          id: "djdw",
-          type: "codeTreeDialog",
-          props: [], //字典弹框需要的字段
+          id: "xxdjdwGajgjgdm",
+          type: "text",
           value: "",
+          placeholder: "请输入",
           col: "3",
-          codeOptions: [],
-          codeTree: "",
         },
       ],
       cxDefaultFormThead: [
         {
           label: "物品编号",
-          prop: "sswpSawpbh",
+          prop: "sawpbh",
           width: "220",
         },
         {
@@ -127,7 +134,7 @@ export default {
         },
         {
           label: "常用证件",
-          prop: "sszjCyzjCyzjdmStr",
+          prop: "sszjCyzjCyzjdm",
           width: "120",
         },
         {
@@ -136,7 +143,7 @@ export default {
           width: "120",
         },
         {
-          label: "单位名称",
+          label: "发证单位",
           prop: "sszjFzdwDwmc",
           width: "220",
         },
@@ -145,20 +152,18 @@ export default {
           prop: "sszjHfrq",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记单位",
-          prop: "djdw",
+          prop: "xxdjdwGajgmc",
           width: "220",
         },
-        //字段不确定
         {
           label: "登记日期",
-          prop: "sswpWpgzrq",
-          width: "120",
+          prop: "djsj",
+          width: "220",
         },
       ],
-      cxUrl: "",
+      cxUrl: "sszj/queryAllZw",
       Menu: [
         {
           id: "zcsszj",
@@ -171,10 +176,16 @@ export default {
       ],
       stolenGoodsVisiable:false,//赃物认领弹框显隐
       goodsForm:{  //认领信息
-        claimPerName:"",
-        claimIdCard:"",
-        claimPhoneNum:"",
-      }
+        rlrXm:"",
+        rlrSfzhm:"",
+        rlrLxdh:"",
+        sawpbh:'',//物品编号
+      },
+      rules:{ //弹框表单校验规则
+        rlrXm:this.$rules.checkEmpty,
+        rlrSfzhm:this.$rules.emptyAbleIdentityBT,
+        rlrLxdh:this.$rules.mobilePhone,
+      },
     };
   },
   created() {
@@ -186,23 +197,72 @@ export default {
     this.$refs.rightContent.doQuery("yes");
   },
   methods: {
-    //追回未追回切换事件
-    changeReple(obj){
-        console.log(obj.value,'asfsdfsd')
-        console.log(obj.scope.row,'scopescopescope')
-        var self = this;
-        self.tableData.map(el=>{
-            if(el.sswpSawpbh == obj.scope.row.sswpSawpbh){
-                if(obj.value == '0') el.sswpRlstatus = '0'
-                if(obj.value == '1') el.sswpRlstatus = '1'
+    /**
+     * @param obj.value 当前按钮的点击的值
+     * @param obj.scope  当前行的内容
+     * @description 追回未追回切换事件
+     */
+    changeZhStatus(obj){
+        let loading = this.$loading({
+          lock: true,
+          text: "正在保存...",
+          spinner: "el-icon-loading",
+          background: "rgba(255, 255, 255, 0.7)",
+        });
+        let params = {
+          sawpbh:obj.scope.row.sawpbh
+        }
+        //更新到未追回状态
+        if(obj.value == '0') this.updateWzhStatus(params,loading)
+        //更新到追回状态
+        if(obj.value == '1') this.updateZhStatus(params,loading)
+    },
+    updateZhStatus(params,loading){
+      updateZh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
             }
         }) 
-        
     },
-    //未认领操作
+    updateWzhStatus(params,loading){
+      updateCzzh(params).then((res)=>{
+           console.log(res,'reererererer')
+            if (res.success && res.code == 200) {
+              this.$alert("更新追回状态为未追回成功!", "提示", {
+                        confirmButtonText: "确定",
+                        type: "success",
+                        callback:()=>{
+                           //更新状态之后需要刷新表格，获取最新数据
+                          this.$refs.rightContent.doQuery("yes");
+                          loading.close();
+                        }
+              });
+            }else{
+              this.$message.error("更新追回状态失败!");
+              loading.close();
+            }
+      }) 
+    },
+    /**
+     * @param scope 当前行的内容
+     * @description 未认领操作
+     */
     claim(scope){
+        this.goodsForm.sawpbh = scope.row.sawpbh
         this.stolenGoodsVisiable = true;
-        console.log(scope)
+        console.log(this.goodsForm,'this.goodsForm')
     },
     //弹框关闭
     closed(){
@@ -210,8 +270,50 @@ export default {
     },
     //认领信息保存
     submitInfo(){
+      this.$refs["goodsForm"].validate((valid) => {
+        if (valid) {
+          let loading = this.$loading({
+              lock: true,
+              text: "正在保存...",
+              spinner: "el-icon-loading",
+              background: "rgba(255, 255, 255, 0.7)",
+          });
+           let params = JSON.parse(JSON.stringify(this.goodsForm))
+            console.log(params,'paramsparamsparams')
+            updateRl(params).then((res)=>{
+              console.log(res,'reererererer')
+                if (res.success && res.code == 200) {
+                  this.$alert("认领成功!", "提示", {
+                            confirmButtonText: "确定",
+                            type: "success",
+                            callback:()=>{
                               this.stolenGoodsVisiable = false
+                              //更新状态之后需要刷新表格，获取最新数据
+                              this.$refs.rightContent.doQuery("yes");
+                              loading.close();
+                            }
+                  });
+                }else{
+                  loading.close();
+                }
+            })
+        } else {
+          return false;
+        }
+      });
+    },
   },
+  watch:{
+    stolenGoodsVisiable:{
+      handler(val){
+        if(!val){
+          for(let key in this.goodsForm){
+            this.goodsForm[key] = ''
+          }
+        }
+      },
+      deep:true,
+    }
   },
 };
 </script>
@@ -264,4 +366,7 @@ export default {
 </style>
 <style scoped lang="scss">
 @import "@/assets/styles/rightContent.scss";
+.Content .long-label  /deep/.el-form-item__label {
+  line-height: 1.3;
+}
 </style>