证书管理

蔡俊立
Showing 7 changed files with 93 additions and 33 deletions
src/api/zsgl.js
src/views/zsgl/zsff/components/addDialog.vue
src/views/zsgl/zsff/zsff.vue
src/views/zsgl/zsff/zsffdata.js
src/views/zsgl/zsrk/components/addDialog.vue
src/views/zsgl/zsrk/zsrk.vue
src/views/zsgl/zsrk/zsrkdata.js
--- a/src/api/zsgl.js
View file @9b0683f
+++ b/src/api/zsgl.js
View file @9b0683f
@@ -124,4 +124,14 @@ export function getZssyqkInfo (params) {
        method: 'get',
        params
    })
+}
+/* 
+证书管理-证书入库/分发详情
+*/
+export function getZsglInfo (params) {
+    return request({
+        url: '/sys/zsgl/getZsglInfo',
+        method: 'get',
+        params
+    })
 }
\ No newline at end of file
--- a/src/views/zsgl/zsff/components/addDialog.vue
View file @9b0683f
+++ b/src/views/zsgl/zsff/components/addDialog.vue
View file @9b0683f
 <template>
  <dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
-    @closeDialog="closeDialog" v-model="myValue">
+    @closeDialog="closeDialog" v-model="myValue" :isButton="readOnly">
    <div>
      <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
        <el-row>
@@ -10,8 +10,9 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
-            <el-form-item label="领取时间:" prop="rksj">
+            <el-form-item label="领取时间:" prop="operationtime">
-              <el-date-picker v-model="ruleForm.rksj" class="width100" type="datetime" placeholder="选择日期时间">
+              <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" 
+              placeholder="选择日期时间" :disabled="!readOnly" value-format="yyyy-MM-dd HH:mm:ss">
              </el-date-picker>
            </el-form-item>
          </el-col>
@@ -19,12 +20,12 @@
        <el-row>
          <el-col :span="12">
            <el-form-item label="入库人员:">
-              <el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
+              <el-input v-model="ruleForm.operator" :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" class="width100" placeholder="请选择">
+              <el-select v-model="ruleForm.receiver" class="width100" placeholder="请选择" :disabled="!readOnly">
                <el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
              </el-select>
            </el-form-item>
@@ -39,7 +40,7 @@
            <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,'')" maxlength="6"></el-input>
+                  oninput="value=value.replace(/[^\d.]/g,'')" maxlength="6" :disabled="!readOnly"></el-input>
              </template>
            </el-table-column>
            <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
@@ -51,7 +52,7 @@
          </el-table>
        </div>
        <el-form-item label="备注" class="middle-margin-bottom">
-          <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
+          <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
        </el-form-item>
      </el-form>
    </div>
@@ -59,7 +60,7 @@
 </template>
 <script>
-import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff } from "@/api/zsgl.js"
+import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff ,getZsglInfo} from "@/api/zsgl.js"
 export default {
  components: {
  },
@@ -71,12 +72,13 @@ export default {
  data () {
    return {
      myValue: this.value,
+      readOnly: false,
      //表单提交数据
      ruleForm: {
        batchno: '',
        receiver: '',
-        rkry: '超级管理员',
+        operator: '超级管理员',
-        rksj: '',
+        operationtime: '',
        bz: '',
        zsstarno: '',
        zsendno: '',
@@ -149,9 +151,26 @@ export default {
      getSysSerialSingle(this.ywhQueryForm).then(res => {
        if (res.code == 200) {
          this.ruleForm.batchno = res.message;
+          this.readOnly = true;
        }
      })
    },
+    //获取详情信息
+    getDetailInfo(bsmBatch) {
+       getZsglInfo({"bsmBatch": bsmBatch}).then(res => {
+          if(res.code == 200){
+            this.ruleForm = res.result;
+            this.readOnly = false;
+            this.tableForm[0].ksysxlh = res.result.zsstarno;
+            this.tableForm[0].jsysxlh = res.result.zsendno;
+            this.tableForm[0].bs = res.result.zsnum;
+            this.tableForm[1].ksysxlh = res.result.zmstarno;
+            this.tableForm[1].jsysxlh = res.result.zmendno;
+            this.tableForm[1].bs = res.result.zmnum;
+          }
+       })
+    },
+    //初始化开始序列号
    initStartNo () {
      getZsStartNo().then(res => {
        if (res.code == 200) {
@@ -213,6 +232,7 @@ export default {
    closeDialog () {
      this.$emit("input", false);
      this.$refs['ruleForm'].resetFields();
+      this.resetTableFields();
    }
  }
 }
--- a/src/views/zsgl/zsff/zsff.vue
View file @9b0683f
+++ b/src/views/zsgl/zsff/zsff.vue
View file @9b0683f
@@ -84,12 +84,18 @@ export default {
        }
      })
    },
-    openDialog () {
+    openDialog (bsmBatch) {
+      if(bsmBatch){
+        this.$nextTick(() => {
+          this.$refs.addDialog.getDetailInfo(bsmBatch);
+        })
+      }else{
+        this.$nextTick(() => {
+          this.$refs.addDialog.ywhSerial();
+          this.$refs.addDialog.initStartNo();
+        })
+      }
      this.isDialog = true;
-      this.$nextTick(() => {
-        this.$refs.addDialog.ywhSerial();
-        this.$refs.addDialog.initStartNo();
-      })
    },
    queryClick () {
      this.fetchData()
--- a/src/views/zsgl/zsff/zsffdata.js
View file @9b0683f
+++ b/src/views/zsgl/zsff/zsffdata.js
View file @9b0683f
@@ -70,7 +70,7 @@ 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={() => { vm.viewDialog = true }}>查看</el-button>
+              return <el-button type="text" onClick={() => { vm.openDialog(scope.row.bsmBatch) }}>查看</el-button>
          }
        }
      }
--- a/src/views/zsgl/zsrk/components/addDialog.vue
View file @9b0683f
+++ b/src/views/zsgl/zsrk/components/addDialog.vue
View file @9b0683f
 <template>
  <dialogBox title="证书入库" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%"
-    @closeDialog="closeDialog" v-model="myValue">
+    @closeDialog="closeDialog" v-model="myValue" :isButton="readOnly">
    <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
      <el-row>
        <el-col :span="12">
@@ -10,7 +10,7 @@
        </el-col>
        <el-col :span="12">
          <el-form-item label="登记机构:" prop="djjg">
-            <el-select v-model="ruleForm.djjg" class="width100" placeholder="请选择">
+            <el-select v-model="ruleForm.djjg" class="width100" placeholder="请选择" :disabled="!readOnly">
              <el-option v-for="item in dictData['ywly']" :key="item.dname" :label="item.dname" :value="item.dname">
              </el-option>
            </el-select>
@@ -20,12 +20,12 @@
      <el-row>
        <el-col :span="12">
          <el-form-item label="入库人员:">
-            <el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
+            <el-input v-model="ruleForm.operator" :disabled="true"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
-          <el-form-item label="入库时间:" prop="rksj">
+          <el-form-item label="入库时间:" prop="operationtime">
-            <el-date-picker v-model="ruleForm.rksj" class="width100" type="datetime">
+            <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" :disabled="!readOnly" value-format="yyyy-MM-dd HH:mm:ss">
            </el-date-picker>
          </el-form-item>
        </el-col>
@@ -38,13 +38,13 @@
          <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200">
            <template slot-scope="scope">
              <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
-                oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
+                oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
            </template>
          </el-table-column>
          <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
            <template slot-scope="scope">
              <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
-                oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
+                oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
            </template>
          </el-table-column>
          <el-table-column prop="bs" label="本数">
@@ -57,7 +57,7 @@
        </el-table>
      </div>
      <el-form-item label="备注" class="middle-margin-bottom">
-        <el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
+        <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
      </el-form-item>
    </el-form>
  </dialogBox>
@@ -65,7 +65,7 @@
 <script>
 import { mapGetters } from 'vuex'
-import { getSysSerialSingle, zsrk } from "@/api/zsgl.js"
+import { getSysSerialSingle, zsrk,getZsglInfo} from "@/api/zsgl.js"
 export default {
  computed: {
    ...mapGetters(['dictData']),
@@ -76,12 +76,13 @@ export default {
  data () {
    return {
      myValue: this.value,
+      readOnly: false,
      //表单提交数据
      ruleForm: {
        batchno: '',
        djjg: '',
-        rkry: '超级管理员',
+        operator: '超级管理员',
-        rksj: '',
+        operationtime: '',
        bz: '',
        zsstarno: '',
        zsendno: '',
@@ -157,9 +158,25 @@ export default {
      getSysSerialSingle(this.ywhQueryForm).then(res => {
        if (res.code == 200) {
          this.ruleForm.batchno = res.message;
+          this.readOnly = true;
        }
      })
    },
+    //获取详情信息
+    getDetailInfo(bsmBatch) {
+       getZsglInfo({"bsmBatch": bsmBatch}).then(res => {
+          if(res.code == 200){
+            this.ruleForm = res.result;
+            this.readOnly = false;
+            this.tableForm[0].ksysxlh = res.result.zsstarno;
+            this.tableForm[0].jsysxlh = res.result.zsendno;
+            this.tableForm[0].bs = res.result.zsnum;
+            this.tableForm[1].ksysxlh = res.result.zmstarno;
+            this.tableForm[1].jsysxlh = res.result.zmendno;
+            this.tableForm[1].bs = res.result.zmnum;
+          }
+       })
+    },
    //印刷序列号处理
    ysxlhDeal (item) {
      if (item.ksysxlh && item.jsysxlh) {
@@ -219,6 +236,7 @@ export default {
    closeDialog () {
      this.$emit("input", false);
      this.$refs['ruleForm'].resetFields();
+      this.resetTableFields();
    }
  }
 }
--- a/src/views/zsgl/zsrk/zsrk.vue
View file @9b0683f
+++ b/src/views/zsgl/zsrk/zsrk.vue
View file @9b0683f
@@ -77,11 +77,17 @@ export default {
        }
      })
    },
-    openDialog () {
+    openDialog (bsmBatch) {
-      this.$nextTick(() => {
+      if(bsmBatch){
-        this.$refs.addDialog.ywhSerial();
+        this.$nextTick(() => {
-        this.isDialog = true;
+          this.$refs.addDialog.getDetailInfo(bsmBatch);
-      })
+        })
+      }else{
+        this.$nextTick(() => {
+          this.$refs.addDialog.ywhSerial();
+        })
+      }
+      this.isDialog = true;
    },
    queryClick () {
      this.fetchData()
--- a/src/views/zsgl/zsrk/zsrkdata.js
View file @9b0683f
+++ b/src/views/zsgl/zsrk/zsrkdata.js
View file @9b0683f
@@ -70,7 +70,7 @@ 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={() => { vm.viewDialog = true }}>查看</el-button>
+              return <el-button type="text" onClick={() => { vm.openDialog(scope.row.bsmBatch) }}>查看</el-button>
          }
        }
      }