手机档案, 车辆档案(添加研判报告)

package-lock.json

@@ -9556,6 +9556,11 @@
         "minimist": "^1.2.5"
       }
     },
+    "moment": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmmirror.com/moment/-/moment-2.29.1.tgz",
+      "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz",

package.json

@@ -16,6 +16,7 @@
     "element-ui": "^2.4.5",
     "file-saver": "^2.0.5",
     "js-cookie": "^2.2.1",
+    "moment": "^2.29.1",
     "qs": "^6.9.4",
     "relation-graph": "^1.1.0",
     "sass-resources-loader": "^2.1.1",

src/components/qxda_compontents.vue

@@ -10,6 +10,7 @@
             cxType != 'cljbxxDj' &&
             cxType != 'thjl' &&
             cxType != 'lsjsr' &&
+            cxType != 'sjlsjz' &&
             cxType != 'sjLs'
           "
           style="
@@ -118,7 +119,7 @@
             <template slot-scope="scope">
               <span
                 v-if="zdygxPage == 'daypbg'"
-                style="color: #0070f4;margin-right: 10px"
+                style="color: #0070f4; margin-right: 10px"
                 @click="details(scope)"
               >
                 查看详情
@@ -343,6 +344,7 @@ export default {
     doQuery(flag) {
       let self = this,
         json = {};
+      this.tableLoading = true;
       for (let i in self.queryData) {
         json[i] = self.queryData[i];
       }
@@ -351,6 +353,7 @@ export default {
           .doQueryRequest(JSON.stringify(json))
           .then((res) => {
             if (res.code === 200) {
+              self.tableLoading = false;
               if (self.cxType == "cljbxxDj") {
                 let array = [];
                 array.push(res.data.result.rows);
@@ -413,8 +416,10 @@ export default {
                   self.dataLength = parseInt(res.data.total);
                   self.phoneInfo = res.data.phoneInfo;
                   debugger;
+                  self.tableLoading = false;
                   //   self.closeLoading();
                 } else {
+                  self.tableLoading = false;
                   /*self.$message({
                   type: "error",
                   message: response.data.message
@@ -438,8 +443,10 @@ export default {
                     : parseInt(res.data.result.total);
                   self.phoneInfo = res.data.phoneInfo;
                   debugger;
+                  self.tableLoading = false;
                   //   self.closeLoading();
                 } else {
+                  self.tableLoading = false;
                   /*self.$message({
                   type: "error",
                   message: response.data.message

src/main.js

@@ -7,12 +7,15 @@ import "./plugins/element.js";
 import Util from "./utils/util";
 import VueWechatTitle from "vue-wechat-title";
 import './assets/iconfont/iconfont.css'
+import moment from 'moment'
 import dataV from '@jiaminghi/data-view'
 import Base64 from "./utils/crypto";
 
 Vue.use(dataV)
 import Video from 'video.js'
 import 'video.js/dist/video-js.css'
+// 时间戳
+Vue.prototype.$moment = moment;
 
 Vue.prototype.$video = Video
 // 引入echarts

src/views/ryda/carDa/carDaypbg.vue

@@ -106,7 +106,7 @@ export default {
         ypbgbt: "",
         ypbgnr: "",
         ypbglx: "02",
-        glhm: sessionStorage.getItem("zjhm"),
+        glhm: sessionStorage.getItem("cphm"),
       },
       rules: {
         ypbgbt: [
@@ -143,7 +143,7 @@ export default {
       ],
       sjhQueryData: {
         ypbglx: "02",
-        glhm: sessionStorage.getItem("zjhm"),
+        glhm: sessionStorage.getItem("cphm"),
         page: 1,
         limit: 5,
       },

src/views/ryda/carDa/sjdaYpbg.vue

+<template>
+  <div class="ryDj">
+    <div class="con">
+      <div class="right">
+        <div class="con-wrap">
+          <table-component
+            ref="zsRef"
+            :DefaultAjFormThead="sjhFormThead"
+            :propQueryData="sjhQueryData"
+            :cxUrl="sjhCxUrl"
+            :tableName="sjhTableName"
+            :zdygxPage="zdygxPage"
+            @addCenter="addCenter"
+            @eadit="eadit"
+            @deleteTp="deleteTp"
+            @details="details"
+          ></table-component>
+        </div>
+      </div>
+    </div>
+
+    <el-dialog title="研判报告" :visible.sync="wpXXDialogShow" width="30%">
+      <div style="margin: 20px 40px">
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="100px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="报告标题:" prop="ypbgbt">
+            <el-input v-model="ruleForm.ypbgbt"></el-input>
+          </el-form-item>
+          <el-form-item label="报告内容:">
+            <el-input type="textarea" v-model="ruleForm.ypbgnr"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="submitForm('ruleForm')"
+              >保存</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="研判报告详情"
+      :visible.sync="wpXXDialogShowXq"
+      width="20%"
+    >
+      <div style="padding: 20px 40px">
+        <div
+          style="line-height: 31px"
+          v-for="(item, index) in xqList"
+          :key="index"
+        >
+          <span style="margin-right: 10px"> {{ item.name }}: </span>
+          <span style="color: #bab7b7">{{ xqObcjt[item.id] }}</span>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import tableComponent from "@c/qxda_compontents.vue";
+import request from "@/utils/axiosHttp.js";
+import url from "@/api/base";
+export default {
+  components: {
+    tableComponent,
+  },
+  name: "ypbg",
+  data() {
+    return {
+      xqObcjt: {},
+      wpXXDialogShowXq: false,
+      xxzjbh: "",
+      xqList: [
+        {
+          name: "报告标题",
+          id: "ypbgbt",
+        },
+
+        {
+          name: "登记人",
+          id: "xxdjryXm",
+        },
+        {
+          name: "登记人电话",
+          id: "xxdjryLxdh",
+        },
+        {
+          name: "登记单位",
+          id: "xxdjdwGajgmc",
+        },
+        {
+          name: "登记时间",
+          id: "djsj",
+        },
+        {
+          name: "报告内容",
+          id: "ypbgnr",
+        },
+      ],
+      ruleForm: {
+        ypbgbt: "",
+        ypbgnr: "",
+        ypbglx: "03",
+        glhm: sessionStorage.getItem("cphm"),
+      },
+      rules: {
+        ypbgbt: [
+          { required: true, message: "请输入研判报告标题", trigger: "blur" },
+        ],
+      },
+      wpXXDialogShow: false,
+      zdygxPage: "daypbg",
+      sjhFormThead: [
+        {
+          label: "研判报告标题",
+          prop: "ypbgbt",
+        },
+        {
+          label: "研判报告内容",
+          prop: "ypbgnr",
+        },
+        {
+          label: "登记人",
+          prop: "xxdjryXm",
+        },
+        {
+          label: "登记人电话",
+          prop: "xxdjryLxdh",
+        },
+        {
+          label: "登记单位",
+          prop: "xxdjdwGajgmc",
+        },
+        {
+          label: "登记时间",
+          prop: "djsj",
+        },
+      ],
+      sjhQueryData: {
+        ypbglx: "03",
+        glhm: sessionStorage.getItem("cphm"),
+        page: 1,
+        limit: 5,
+      },
+      sjhCxUrl: "/daCommon/getYpbgList",
+      sjhTableName: "档案研判报告",
+    };
+  },
+  watch: {},
+  methods: {
+    // 报告保存
+    postSaveYpbg(form) {
+      return request({
+        url: url.rzURL + "/daCommon/saveYpbg",
+        data: JSON.parse(form),
+        method: "POST",
+      });
+    },
+    // 报告详情
+    postSgetYpbhByXxzjbh(form) {
+      return request({
+        url: url.rzURL + "/daCommon/getYpbhByXxzjbh",
+        data: JSON.parse(form),
+        method: "POST",
+      });
+    },
+    // 报告删除
+    postSdeleteYpbgByXxzjbh(form) {
+      return request({
+        url: url.rzURL + "/daCommon/deleteYpbgByXxzjbh",
+        data: JSON.parse(form),
+        method: "POST",
+      });
+    },
+    addCenter() {
+      this.wpXXDialogShow = true;
+    },
+    submitForm(formName) {
+      var self = this;
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (self.xxzjbh) {
+            self.eaditSubmit();
+          } else {
+            self.addSubmit();
+          }
+        } else {
+          self.$message({
+            type: "warning",
+            message: "请填写必填项",
+          });
+        }
+      });
+    },
+    eaditSubmit() {
+      let self = this;
+      let json = {};
+      for (let i in self.ruleForm) {
+        json[i] = self.ruleForm[i];
+      }
+      json["xxzjbh"] = self.xxzjbh;
+      self.postSaveYpbg(JSON.stringify(json)).then((res) => {
+        if (res.success == true) {
+          self.$message({
+            type: "success",
+            message: "保存成功",
+          });
+          // this.$refs[self.formName].resetFields();
+          self.ruleForm.ypbgbt = "";
+          self.ruleForm.ypbgnr = "";
+          self.xxzjbh = "";
+          this.wpXXDialogShow = false;
+          this.$refs.zsRef.doQuery("yes");
+        } else {
+          self.$message({
+            type: "error",
+            message: "保存失败",
+          });
+        }
+      });
+    },
+    addSubmit() {
+      let self = this;
+      let json = {};
+      for (let i in self.ruleForm) {
+        json[i] = self.ruleForm[i];
+      }
+      self.postSaveYpbg(JSON.stringify(json)).then((res) => {
+        if (res.success == true) {
+          self.$message({
+            type: "success",
+            message: "保存成功",
+          });
+          // this.$refs[self.formName].resetFields();
+          self.ruleForm.ypbgbt = "";
+          self.ruleForm.ypbgnr = "";
+          this.wpXXDialogShow = false;
+          this.$refs.zsRef.doQuery("yes");
+        } else {
+          self.$message({
+            type: "error",
+            message: "保存失败",
+          });
+        }
+      });
+    },
+    // 修改
+    eadit(scope) {
+      this.xxzjbh = scope.row.xxzjbh;
+      let json = {};
+      json["xxzjbh"] = scope.row.xxzjbh;
+      this.postSgetYpbhByXxzjbh(JSON.stringify(json)).then((res) => {
+        if (res.success == true) {
+          this.ruleForm.ypbgbt = res.data.ypbh.ypbgbt;
+          this.ruleForm.ypbgnr = res.data.ypbh.ypbgnr;
+          this.wpXXDialogShow = true;
+        }
+      });
+    },
+    // 删除
+    deleteTp(scope) {
+      debugger;
+      let self = this;
+      let json = {};
+      json["xxzjbh"] = scope.row.xxzjbh;
+      this.$confirm("此操作将删除此报告, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          self.postSdeleteYpbgByXxzjbh(JSON.stringify(json)).then((res) => {
+            if (res.success === true) {
+              self.$message({
+                type: "success",
+                message: "删除成功",
+              });
+              self.$refs.zsRef.doQuery("yes");
+            } else {
+              self.$message({
+                type: "error",
+                message: "删除失败",
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 详情
+    details(scope) {
+      this.wpXXDialogShowXq = true;
+      let json = {};
+      json["xxzjbh"] = scope.row.xxzjbh;
+      this.postSgetYpbhByXxzjbh(JSON.stringify(json)).then((res) => {
+        if (res.success == true) {
+          this.xqObcjt = res.data.ypbh;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@import "@/assets/styles/ryfwdwdz.scss";
+button.el-button.el-button--primary {
+  margin: 0 0 20px 0;
+  width: 114px;
+}
+</style>