style:证书管理

任超
Showing 9 changed files with 102 additions and 84 deletions
src/api/zsgl.js
src/views/zsgl/zssyjl/components/viewDialog.vue → src/views/zsgl/components/viewDialog.vue
src/views/zsgl/zsff/components/addDialog.vue
src/views/zsgl/zsff/zsff.vue
src/views/zsgl/zsff/zsffdata.js
src/views/zsgl/zsrk/zsrk.vue
src/views/zsgl/zsrk/zsrkdata.js
src/views/zsgl/zssyjl/zssyjl.vue
src/views/zsgl/zssyjl/zssyjldata.js
--- a/src/api/zsgl.js
View file @b4e2efc
+++ b/src/api/zsgl.js
View file @b4e2efc
@@ -27,7 +27,8 @@ export function zsrk (data) {
        url: '/sys/zsgl/zsrk',
        method: 'post',
        data,
-        showLoading: true
+        showLoading: true,
+        loadingTarget: '正在保存中...'
    })
 }
 /* 
@@ -86,7 +87,9 @@ export function zsff (data) {
    return request({
        url: '/sys/zsgl/zsff',
        method: 'post',
-        data
+        data,
+        showLoading: true,
+        loadingTarget: '正在保存中...'
    })
 }
 /* 
--- a/src/views/zsgl/zssyjl/components/viewDialog.vue → src/views/zsgl/components/viewDialog.vue
View file @b4e2efc
+++ b/src/views/zsgl/zssyjl/components/viewDialog.vue → src/views/zsgl/components/viewDialog.vue
View file @b4e2efc
 <template>
-  <dialogBox title="证书使用情况" @closeDialog="closeDialog" v-model="myValue" :isButton="false">
+  <dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false">
    <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
      <div class="title-name">
        入库情况
@@ -145,11 +145,16 @@ export default {
    },
  },
  methods: {
+    getDetail () {
+    },
+    submitForm () {
+    },
    closeDialog () {
      this.$emit('input', false)
+      this.$refs['ruleForm'].resetFields()
    }
-  },
+  }
-};
+}
 </script>
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
--- a/src/views/zsgl/zsff/components/addDialog.vue
View file @b4e2efc
+++ b/src/views/zsgl/zsff/components/addDialog.vue
View file @b4e2efc
 <template>
-  <dialogBox title="证书分发" @submitForm="submitForm"  saveButton="保存" width="45%"  @closeDialog="closeDialog" v-model="value">
+  <dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
+    @closeDialog="closeDialog" v-model="myValue">
    <div>
      <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
        <el-row>
@@ -10,31 +11,35 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="领取时间:" prop="rksj">
-                  <el-date-picker v-model="ruleForm.rksj" type="datetime" placeholder="选择日期时间"></el-date-picker>
+              <el-date-picker v-model="ruleForm.rksj" class="width100" type="datetime" placeholder="选择日期时间">
+              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
-              <el-form-item label="发放人员:" prop="rkry">
+            <el-form-item label="入库人员:">
              <el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="领取人:" prop="receiver">
-                    <el-select v-model="ruleForm.receiver" placeholder="请选择">
+              <el-select v-model="ruleForm.receiver" class="width100" placeholder="请选择">
                <el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <div>
-              <el-table :data="tableForm" border :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}">
+          <el-table :data="tableForm" border
+            :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}"
+            :cell-style="{'text-align':'center'}">
            <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
            <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
            <el-table-column prop="bs" label="本数">
              <template slot-scope="scope">
-                      <el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)" oninput="value=value.replace(/[^\d.]/g,'')" ></el-input>
+                <el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)"
+                  oninput="value=value.replace(/[^\d.]/g,'')" maxlength="6"></el-input>
              </template>
            </el-table-column>
            <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
@@ -54,7 +59,7 @@
 </template>
 <script>
-import { getZsStartNo,getSysSerialSingle, getZsEndNo,zsff} from "@/api/zsgl.js"
+import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff } from "@/api/zsgl.js"
 export default {
  components: {
  },
@@ -65,6 +70,7 @@ export default {
  },
  data () {
    return {
+      myValue: this.value,
      //表单提交数据
      ruleForm: {
        batchno: '',
@@ -104,7 +110,7 @@ export default {
        digit: '5'
      },
      //用户列表
-      usernames: ['张三','李四'],
+      usernames: ['张三', '李四'],
      rules: {
        batchNo: [
          { required: true, message: '入库编号不能为空', trigger: 'blur' }
@@ -112,79 +118,81 @@ export default {
        lqr: [
          { required: true, message: '请选择领取人', trigger: 'change' }
        ],
-          rkry: [
-            { required: true, message: '入库人员不能为空', trigger: 'blur' }
-          ],
        rksj: [
          { required: true, message: '请选择入库时间', trigger: 'change' }
        ],
      },
    }
  },
+  watch: {
+    value (val) {
+      this.myValue = val
+    }
+  },
  methods: {
    //表单提交
    submitForm () {
      zsff(this.ruleForm).then(res => {
-        if(res.code == 200){
+        if (res.code == 200) {
          this.$message.success('保存成功')
          this.$emit("input", false);
-          this.ruleForm = {};
+          this.$refs['ruleForm'].resetFields();
          this.resetTableFields();
          this.$parent.fetchData();
-        }else{
+        } else {
          this.$message.error(res.message)
        }
      })
    },
    //序列号获取
-    ywhSerial(){
+    ywhSerial () {
      getSysSerialSingle(this.ywhQueryForm).then(res => {
-        if(res.code == 200){
+        if (res.code == 200) {
          this.ruleForm.batchno = res.message;
        }
      })
    },
-    initStartNo(){
+    initStartNo () {
      getZsStartNo().then(res => {
-            if(res.code == 200){
+        if (res.code == 200) {
          this.tableForm[0].ksysxlh = res.result.zsstarno
          this.tableForm[1].ksysxlh = res.result.zmstarno
        }
      })
    },
    //印刷序列号处理
-    ysxlhDeal(item){
+    ysxlhDeal (item) {
-      if(item.bs){
+      if (item.bs) {
        //存在本数
-        getZsEndNo({"bookNumber": item.bs,"zslx": item.zslx}).then(res => {
+        getZsEndNo({ "bookNumber": item.bs, "zslx": item.zslx }).then(res => {
-          if(res.code == 200){
+          if (res.code == 200) {
            item.jsysxlh = res.result.endno
            item.bs = res.result.bookNumber
-            this.updateRuleForm(res.result.endno,res.result.bookNumber,item);
+            this.updateRuleForm(res.result.endno, res.result.bookNumber, item);
-          }else{
+          } else {
            this.$message.error(res.message)
          }
        })
-      }else{
+      } else {
        //不存在本数
        item.bs = 0;
        item.jsysxlh = '';
-        this.updateRuleForm('',0,item);
+        this.updateRuleForm('', 0, item);
      }
    },
    //更新表单数据
-    updateRuleForm(endno,bookNumber,item){
+    updateRuleForm (endno, bookNumber, item) {
-      if(item.zslx == 'zs'){
+      if (item.zslx == 'zs') {
        this.ruleForm.zsstarno = item.ksysxlh;
        this.ruleForm.zsendno = endno;
        this.ruleForm.zsnum = bookNumber;
-      }else if(item.zslx == 'zm'){
+      } else if (item.zslx == 'zm') {
        this.ruleForm.zmstarno = item.ksysxlh;
        this.ruleForm.zmendno = endno;
        this.ruleForm.zmnum = bookNumber;
      }
    },
-    resetTableFields() {
+    resetTableFields () {
      this.tableForm = [
        {
          name: '不动产权证书',
@@ -204,16 +212,19 @@ export default {
    },
    closeDialog () {
      this.$emit("input", false);
-    },
+      this.$refs['ruleForm'].resetFields();
+    }
  }
 }
 </script>
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
-.font-red{
+.font-red {
  color: red
 }
-.middle-margin-bottom{
-  margin-top:20px
+.middle-margin-bottom {
+  margin-top: 20px
 }
 </style>
--- a/src/views/zsgl/zsff/zsff.vue
View file @b4e2efc
+++ b/src/views/zsgl/zsff/zsff.vue
View file @b4e2efc
@@ -2,7 +2,7 @@
  <div class="from-clues">
    <!-- 表单部分 -->
    <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="70px">
+      <el-form :model="ruleForm" label-width="80px">
        <el-row>
          <el-col :span="5">
            <el-form-item label="分发编号">
@@ -12,7 +12,7 @@
          <el-col :span="8">
            <el-form-item label="领取时间">
              <el-date-picker v-model="ruleForm.ffsj" type="daterange" range-separator="至" start-placeholder="开始日期"
-                end-placeholder="结束日期"  @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable >
+                end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable>
              </el-date-picker>
            </el-form-item>
          </el-col>
@@ -32,23 +32,26 @@
        :data="tableData.data">
      </lb-table>
    </div>
-    <addDialog ref="addDialog" v-model="isDialog"/>
+    <addDialog ref="addDialog" v-model="isDialog" />
+    <viewDialog v-model="viewDialog" />
  </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./zsffdata";
-import { getZsglffList,removeZsgl,confirmZsff} from "@/api/zsgl.js"
+import viewDialog from "../components/viewDialog.vue";
+import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js"
 import addDialog from "./components/addDialog.vue"
 export default {
  name: "zsff",
-  components: {addDialog},
+  components: { addDialog, viewDialog },
  mixins: [table],
  mounted () {
    sendThis(this);
  },
  data () {
    return {
+      viewDialog: false,
      isDialog: false,
      value: '',
      ruleForm: {
@@ -83,7 +86,7 @@ export default {
    },
    openDialog () {
      this.isDialog = true;
-       this.$nextTick(()=> {
+      this.$nextTick(() => {
        this.$refs.addDialog.ywhSerial();
        this.$refs.addDialog.initStartNo();
      })
@@ -92,7 +95,7 @@ export default {
      this.fetchData()
    },
    //修改筛选时间
-    timeChange() {
+    timeChange () {
      if (this.ruleForm.ffsj != null) {
        this.approveForm.ffkssj = this.ruleForm.ffsj[0];
        this.approveForm.ffjssj = this.ruleForm.ffsj[1];
@@ -102,17 +105,17 @@ export default {
      }
    },
    //确定证书分发
-    confrimVerify(item){
+    confrimVerify (item) {
      this.$confirm('是否确定分发', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
-        confirmZsff({"bsmBatch":item.bsmBatch}).then(res => {
+        confirmZsff({ "bsmBatch": item.bsmBatch }).then(res => {
-          if(res.code == 200){
+          if (res.code == 200) {
            this.$message.success("分发成功")
            this.fetchData();
-          }else{
+          } else {
            this.$message.error(res.message)
          }
        })
@@ -124,17 +127,17 @@ export default {
      });
    },
    //删除证书分发数据
-    delZsff(item){
+    delZsff (item) {
      this.$confirm('确定要删除吗, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
-        removeZsgl({"bsmBatch":item.bsmBatch}).then(res => {
+        removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
-          if(res.code == 200){
+          if (res.code == 200) {
            this.$message.success("删除成功")
            this.fetchData();
-          }else{
+          } else {
            this.$message.error(res.message)
          }
        })
--- a/src/views/zsgl/zsff/zsffdata.js
View file @b4e2efc
+++ b/src/views/zsgl/zsff/zsffdata.js
View file @b4e2efc
@@ -63,15 +63,15 @@ class data extends filter {
                <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button>
              </div>
            case '1':
-              return <el-button type="text" onClick={() => { }}>查看</el-button>
+              return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
          }
        }
      }
    ]
  }
-  ywlys(){
+  ywlys () {
-    return[
+    return [
      { value: 1, label: "办事大厅" },
      { value: 2, label: "微信小程序" },
      { value: 3, label: "法院端" },
--- a/src/views/zsgl/zsrk/zsrk.vue
View file @b4e2efc
+++ b/src/views/zsgl/zsrk/zsrk.vue
View file @b4e2efc
@@ -2,7 +2,7 @@
  <div class="from-clues">
    <!-- 表单部分 -->
    <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="70px">
+      <el-form :model="ruleForm" label-width="80px">
        <el-row>
          <el-col :span="5">
            <el-form-item label="入库编号">
@@ -33,16 +33,18 @@
      </lb-table>
    </div>
    <addDialog ref="addDialog" v-model="isDialog" />
+    <viewDialog v-model="viewDialog" />
  </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./zsrkdata";
-import addDialog from "./components/addDialog.vue"
+import addDialog from "./components/addDialog.vue";
-import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js"
+import viewDialog from "../components/viewDialog.vue";
+import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
 export default {
  name: "zsrk",
-  components: { addDialog },
+  components: { addDialog,viewDialog },
  mixins: [table],
  mounted () {
    sendThis(this);
@@ -50,6 +52,7 @@ export default {
  data () {
    return {
      isDialog: false,
+      viewDialog: false,
      ruleForm: {
        rksj: '',
        batchno: '',
--- a/src/views/zsgl/zsrk/zsrkdata.js
View file @b4e2efc
+++ b/src/views/zsgl/zsrk/zsrkdata.js
View file @b4e2efc
@@ -63,15 +63,15 @@ class data extends filter {
                <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button>
              </div>
            case '1':
-              return <el-button type="text" onClick={() => { }}>查看</el-button>
+              return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
          }
        }
      }
    ]
  }
-  ywlys(){
+  ywlys () {
-    return[
+    return [
      { value: 1, label: "办事大厅" },
      { value: 2, label: "微信小程序" },
      { value: 3, label: "法院端" },
--- a/src/views/zsgl/zssyjl/zssyjl.vue
View file @b4e2efc
+++ b/src/views/zsgl/zssyjl/zssyjl.vue
View file @b4e2efc
@@ -2,7 +2,7 @@
  <div class="from-clues">
    <!-- 表单部分 -->
    <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="120px">
+      <el-form :model="ruleForm" label-width="85px">
        <el-row>
          <el-col :span="5">
            <el-form-item label="印刷序列号" prop="ysxlh">
@@ -11,23 +11,19 @@
          </el-col>
          <el-col :span="5">
            <el-form-item label="证书类型" prop="zslx">
-              <el-select v-model="ruleForm.zslx" placeholder="请选择证书类型" clearable >
+              <el-select v-model="ruleForm.zslx" class="width100" placeholder="请选择证书类型" clearable>
-                <el-option
+                <el-option v-for="item in zslxArr" :key="item.value" :label="item.label" :value="item.value">
-                  v-for="item in zslxArr"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5">
-            <el-form-item label="业务号" prop="ywh">
+            <el-form-item label="业务号" label-width="60px" prop="ywh">
              <el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
-            <el-form-item label="不动产权证号" prop="bdcqzh">
+            <el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
              <el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
            </el-form-item>
          </el-col>
@@ -52,9 +48,9 @@
  </div>
 </template>
 <script>
-import viewDialog from "./components/viewDialog.vue"
+import viewDialog from "../components/viewDialog.vue"
 import table from "@/utils/mixin/table";
-import { getZssyqkList} from "@/api/zsgl.js"
+import { getZssyqkList } from "@/api/zsgl.js"
 import { datas, sendThis } from "./zssyjldata";
 export default {
  name: "zssyjl",
@@ -78,15 +74,12 @@ export default {
        data: [],
      },
      zslxArr: [
-        {label: '不动产权证书',value: 'zs'},
+        { label: '不动产权证书', value: 'zs' },
-        {label: '不动产登记证明', value: 'zm'}
+        { label: '不动产登记证明', value: 'zm' }
      ]
    };
  },
  methods: {
-    init (e) {
-      this.fetchData()
-    },
    // 列表渲染接口
    fetchData () {
      getZssyqkList({ ...this.ruleForm, ...this.pageData }).then(res => {
@@ -99,9 +92,9 @@ export default {
    },
    openDialog () {
      this.isDialog = true
-    },
+    }
-  },
+  }
-};
+}
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";
--- a/src/views/zsgl/zssyjl/zssyjldata.js
View file @b4e2efc
+++ b/src/views/zsgl/zssyjl/zssyjldata.js
View file @b4e2efc
@@ -75,7 +75,7 @@ class data extends filter {
        align: 'center',
        fixed: 'right',
        render: (h, scope) => {
-          return <el-button type="text" icon="el-icon-view" onClick={() => { }}>查看</el-button>
+          return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog() }}>查看</el-button>
        }
      }
    ]