style:证书分发

renchao@pashanhoo.com
Showing 4 changed files with 35 additions and 106 deletions
src/views/zsgl/zsff/components/addDialog.vue
src/views/zsgl/zsff/zsff.vue
src/views/zsgl/zsrk/components/addDialog.vue
src/views/zsgl/zsrk/zsrk.vue
--- a/src/views/zsgl/zsff/components/addDialog.vue
View file @f7f53b2
+++ b/src/views/zsgl/zsff/components/addDialog.vue
View file @f7f53b2
 <template>
-  <dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
-    @closeDialog="closeDialog" v-model="myValue" :isButton="readOnly">
-    <div>
  <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
    <el-row>
      <el-col :span="12">
@@ -11,8 +8,8 @@
      </el-col>
      <el-col :span="12">
        <el-form-item label="领取时间:" prop="operationtime">
-              <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime"
+          <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" placeholder="选择日期时间"
-              placeholder="选择日期时间" :disabled="!readOnly" value-format="yyyy-MM-dd HH:mm:ss">
+            :disabled="!readOnly" value-format="yyyy-MM-dd HH:mm:ss">
          </el-date-picker>
        </el-form-item>
      </el-col>
@@ -32,21 +29,20 @@
      </el-col>
    </el-row>
    <div>
-          <el-table :data="tableForm" border
+      <el-table :data="tableForm" border :header-cell-style="{ 'text-align': 'center', background: 'rgb(236, 245, 255)' }"
-            :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}"
+        :cell-style="{ 'text-align': 'center' }">
-            :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)"
+            <el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)" oninput="value=value.replace(/[^\d.]/g,'')"
-                  oninput="value=value.replace(/[^\d.]/g,'')" maxlength="6" :disabled="!readOnly"></el-input>
+              maxlength="6" :disabled="!readOnly"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
          <template slot-scope="scope">
            <span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
-                <span v-else>{{scope.row.jsysxlh}}</span>
+            <span v-else>{{ scope.row.jsysxlh }}</span>
          </template>
        </el-table-column>
      </el-table>
@@ -54,24 +50,25 @@
    <el-form-item label="备注" class="middle-margin-bottom">
      <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
    </el-form-item>
+    <el-form-item v-if="readOnly">
+      <el-button type="primary" @click="submitForm">保存</el-button>
+      <el-button @click="closeDialog">取消</el-button>
+    </el-form-item>
  </el-form>
-    </div>
-  </dialogBox>
 </template>
 <script>
-import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff ,getZsglInfo} from "@/api/zsgl.js"
+import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff, getZsglInfo } from "@/api/zsgl.js"
 export default {
-  components: {
-  },
-  computed: {
-  },
  props: {
-    value: { type: Boolean, default: false },
+    formData: {
+      type: Object,
+      default: () => { }
+    }
  },
  data () {
    return {
-      myValue: this.value,
      readOnly: false,
      //表单提交数据
      ruleForm: {
@@ -126,9 +123,12 @@ export default {
      },
    }
  },
-  watch: {
+  mounted () {
-    value (val) {
+    if (this.formData.bsmBatch) {
-      this.myValue = val
+      this.getDetailInfo(this.formData.bsmBatch);
+    } else {
+      this.ywhSerial();
+      this.initStartNo();
    }
  },
  methods: {
@@ -156,9 +156,9 @@ export default {
      })
    },
    //获取详情信息
-    getDetailInfo(bsmBatch) {
+    getDetailInfo (bsmBatch) {
-       getZsglInfo({"bsmBatch": bsmBatch}).then(res => {
+      getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
-          if(res.code == 200){
+        if (res.code == 200) {
          this.ruleForm = res.result;
          this.readOnly = false;
          this.tableForm[0].ksysxlh = res.result.zsstarno;
@@ -240,6 +240,7 @@ export default {
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/dialogBoxheader.scss";
 .font-red {
  color: red
 }
--- a/src/views/zsgl/zsff/zsff.vue
View file @f7f53b2
+++ b/src/views/zsgl/zsff/zsff.vue
View file @f7f53b2
@@ -19,8 +19,8 @@
          </el-col>
          <el-col :span="5">
            <el-form-item label="结束时间">
-              <el-date-picker v-model="ruleForm.ffjssj" :picker-options="pickerOptionsEnd" type="date"
+              <el-date-picker v-model="ruleForm.ffjssj" :picker-options="pickerOptionsEnd" type="date" placeholder="结束日期"
-                placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
+                value-format="yyyy-MM-dd" clearable>
              </el-date-picker>
            </el-form-item>
          </el-col>
@@ -96,18 +96,11 @@ export default {
    }
  },
  methods: {
+    // 查看弹框
    openDialog (bsmBatch) {
-      if (bsmBatch) {
+      this.$popupDialog("证书分发", "zsgl/zsff/components/addDialog", {
-        this.$nextTick(() => {
+        bsmBatch: bsmBatch
-          this.$refs.addDialog.getDetailInfo(bsmBatch);
+      }, "50%")
-        })
-      } else {
-        this.$nextTick(() => {
-          this.$refs.addDialog.ywhSerial();
-          this.$refs.addDialog.initStartNo();
-        })
-      }
-      this.isDialog = true;
    },
    queryClick () {
      getZsglffList({ ...this.ruleForm, ...this.pageData }).then(res => {
--- a/src/views/zsgl/zsrk/components/addDialog.vue
View file @f7f53b2
+++ b/src/views/zsgl/zsrk/components/addDialog.vue
View file @f7f53b2
 <template>
-  <!-- <dialogBox title="证书入库" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%"
-    @closeDialog="closeDialog" v-model="myValue" :isButton="readOnly">
-    <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
-      <el-row>
-        <el-col :span="12">
-          <el-form-item label="入库编号:" prop="batchno">
-            <el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="登记机构:" prop="djjg">
-            <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>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="12">
-          <el-form-item label="入库人员:">
-            <el-input v-model="ruleForm.operator" :disabled="true"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="入库时间:" prop="operationtime">
-            <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>
-      </el-row>
-      <div>
-        <el-table :data="tableForm" border style="width: 100%"
-          :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">
-            <template slot-scope="scope">
-              <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
-                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,'')" :disabled="!readOnly"></el-input>
-            </template>
-          </el-table-column>
-          <el-table-column prop="bs" label="本数">
-            <template slot-scope="scope">
-              <span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
-              <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
-              <span v-else>{{scope.row.bs}}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <el-form-item label="备注" class="middle-margin-bottom">
-        <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
-      </el-form-item>
-    </el-form>
-  </dialogBox> -->
-  <div>
  <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
    <el-row>
      <el-col :span="12">
@@ -121,14 +58,11 @@
    <el-form-item label="备注" class="middle-margin-bottom">
      <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
    </el-form-item>
-      <el-row v-if="readOnly">
+    <el-form-item v-if="readOnly">
-        <el-form-item>
      <el-button type="primary" @click="submitForm">保存</el-button>
      <el-button @click="closeDialog">取消</el-button>
    </el-form-item>
-      </el-row>
  </el-form>
-  </div>
 </template>
 <script>
--- a/src/views/zsgl/zsrk/zsrk.vue
View file @f7f53b2
+++ b/src/views/zsgl/zsrk/zsrk.vue
View file @f7f53b2
@@ -93,6 +93,7 @@ export default {
    }
  },
  methods: {
+    // 查看弹框
    openDialog (bsmBatch) {
      this.$popupDialog("证书入库", "zsgl/zsrk/components/addDialog", {
        bsmBatch: bsmBatch