Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
f7f53b2e by renchao@pashanhoo.com
Options

style:证书分发

1 parent 7913a3f5
Inline Side-by-side
Showing 4 changed files with 150 additions and 221 deletions
1 <template> 1 <template>
2 <dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false" 2 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
3 @closeDialog="closeDialog" v-model="myValue" :isButton="readOnly"> 3 <el-row>
4 <div> 4 <el-col :span="12">
5 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> 5 <el-form-item label="发放编号:" prop="batchno">
6 <el-row> 6 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
7 <el-col :span="12"> 7 </el-form-item>
8 <el-form-item label="发放编号:" prop="batchno"> 8 </el-col>
9 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input> 9 <el-col :span="12">
10 </el-form-item> 10 <el-form-item label="领取时间:" prop="operationtime">
11 </el-col> 11 <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" placeholder="选择日期时间"
12 <el-col :span="12"> 12 :disabled="!readOnly" value-format="yyyy-MM-dd HH:mm:ss">
13 <el-form-item label="领取时间:" prop="operationtime"> 13 </el-date-picker>
14 <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" 14 </el-form-item>
15 placeholder="选择日期时间" :disabled="!readOnly" value-format="yyyy-MM-dd HH:mm:ss"> 15 </el-col>
16 </el-date-picker> 16 </el-row>
17 </el-form-item> 17 <el-row>
18 </el-col> 18 <el-col :span="12">
19 </el-row> 19 <el-form-item label="入库人员:">
20 <el-row> 20 <el-input v-model="ruleForm.operator" :disabled="true"></el-input>
21 <el-col :span="12"> 21 </el-form-item>
22 <el-form-item label="入库人员:"> 22 </el-col>
23 <el-input v-model="ruleForm.operator" :disabled="true"></el-input> 23 <el-col :span="12">
24 </el-form-item> 24 <el-form-item label="领取人:" prop="receiver">
25 </el-col> 25 <el-select v-model="ruleForm.receiver" class="width100" placeholder="请选择" :disabled="!readOnly">
26 <el-col :span="12"> 26 <el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
27 <el-form-item label="领取人:" prop="receiver"> 27 </el-select>
28 <el-select v-model="ruleForm.receiver" class="width100" placeholder="请选择" :disabled="!readOnly">
29 <el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
30 </el-select>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <div>
35 <el-table :data="tableForm" border
36 :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}"
37 :cell-style="{'text-align':'center'}">
38 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
39 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
40 <el-table-column prop="bs" label="本数">
41 <template slot-scope="scope">
42 <el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)"
43 oninput="value=value.replace(/[^\d.]/g,'')" maxlength="6" :disabled="!readOnly"></el-input>
44 </template>
45 </el-table-column>
46 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
47 <template slot-scope="scope">
48 <span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
49 <span v-else>{{scope.row.jsysxlh}}</span>
50 </template>
51 </el-table-column>
52 </el-table>
53 </div>
54 <el-form-item label="备注" class="middle-margin-bottom">
55 <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
56 </el-form-item> 28 </el-form-item>
57 </el-form> 29 </el-col>
30 </el-row>
31 <div>
32 <el-table :data="tableForm" border :header-cell-style="{ 'text-align': 'center', background: 'rgb(236, 245, 255)' }"
33 :cell-style="{ 'text-align': 'center' }">
34 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
35 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
36 <el-table-column prop="bs" label="本数">
37 <template slot-scope="scope">
38 <el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)" oninput="value=value.replace(/[^\d.]/g,'')"
39 maxlength="6" :disabled="!readOnly"></el-input>
40 </template>
41 </el-table-column>
42 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
43 <template slot-scope="scope">
44 <span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
45 <span v-else>{{ scope.row.jsysxlh }}</span>
46 </template>
47 </el-table-column>
48 </el-table>
58 </div> 49 </div>
59 </dialogBox> 50 <el-form-item label="备注" class="middle-margin-bottom">
51 <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
52 </el-form-item>
53
54 <el-form-item v-if="readOnly">
55 <el-button type="primary" @click="submitForm">保存</el-button>
56 <el-button @click="closeDialog">取消</el-button>
57 </el-form-item>
58 </el-form>
60 </template> 59 </template>
61 60
62 <script> 61 <script>
63 import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff ,getZsglInfo} from "@/api/zsgl.js" 62 import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff, getZsglInfo } from "@/api/zsgl.js"
64 export default { 63 export default {
65 components: {
66 },
67 computed: {
68 },
69 props: { 64 props: {
70 value: { type: Boolean, default: false }, 65 formData: {
66 type: Object,
67 default: () => { }
68 }
71 }, 69 },
72 data () { 70 data () {
73 return { 71 return {
74 myValue: this.value,
75 readOnly: false, 72 readOnly: false,
76 //表单提交数据 73 //表单提交数据
77 ruleForm: { 74 ruleForm: {
...@@ -126,9 +123,12 @@ export default { ...@@ -126,9 +123,12 @@ export default {
126 }, 123 },
127 } 124 }
128 }, 125 },
129 watch: { 126 mounted () {
130 value (val) { 127 if (this.formData.bsmBatch) {
131 this.myValue = val 128 this.getDetailInfo(this.formData.bsmBatch);
129 } else {
130 this.ywhSerial();
131 this.initStartNo();
132 } 132 }
133 }, 133 },
134 methods: { 134 methods: {
...@@ -156,19 +156,19 @@ export default { ...@@ -156,19 +156,19 @@ export default {
156 }) 156 })
157 }, 157 },
158 //获取详情信息 158 //获取详情信息
159 getDetailInfo(bsmBatch) { 159 getDetailInfo (bsmBatch) {
160 getZsglInfo({"bsmBatch": bsmBatch}).then(res => { 160 getZsglInfo({ "bsmBatch": bsmBatch }).then(res => {
161 if(res.code == 200){ 161 if (res.code == 200) {
162 this.ruleForm = res.result; 162 this.ruleForm = res.result;
163 this.readOnly = false; 163 this.readOnly = false;
164 this.tableForm[0].ksysxlh = res.result.zsstarno; 164 this.tableForm[0].ksysxlh = res.result.zsstarno;
165 this.tableForm[0].jsysxlh = res.result.zsendno; 165 this.tableForm[0].jsysxlh = res.result.zsendno;
166 this.tableForm[0].bs = res.result.zsnum; 166 this.tableForm[0].bs = res.result.zsnum;
167 this.tableForm[1].ksysxlh = res.result.zmstarno; 167 this.tableForm[1].ksysxlh = res.result.zmstarno;
168 this.tableForm[1].jsysxlh = res.result.zmendno; 168 this.tableForm[1].jsysxlh = res.result.zmendno;
169 this.tableForm[1].bs = res.result.zmnum; 169 this.tableForm[1].bs = res.result.zmnum;
170 } 170 }
171 }) 171 })
172 }, 172 },
173 //初始化开始序列号 173 //初始化开始序列号
174 initStartNo () { 174 initStartNo () {
...@@ -240,6 +240,7 @@ export default { ...@@ -240,6 +240,7 @@ export default {
240 <style scoped lang="scss"> 240 <style scoped lang="scss">
241 @import "~@/styles/mixin.scss"; 241 @import "~@/styles/mixin.scss";
242 @import "~@/styles/dialogBoxheader.scss"; 242 @import "~@/styles/dialogBoxheader.scss";
243
243 .font-red { 244 .font-red {
244 color: red 245 color: red
245 } 246 }
......
...@@ -19,8 +19,8 @@ ...@@ -19,8 +19,8 @@
19 </el-col> 19 </el-col>
20 <el-col :span="5"> 20 <el-col :span="5">
21 <el-form-item label="结束时间"> 21 <el-form-item label="结束时间">
22 <el-date-picker v-model="ruleForm.ffjssj" :picker-options="pickerOptionsEnd" type="date" 22 <el-date-picker v-model="ruleForm.ffjssj" :picker-options="pickerOptionsEnd" type="date" placeholder="结束日期"
23 placeholder="结束日期" value-format="yyyy-MM-dd" clearable> 23 value-format="yyyy-MM-dd" clearable>
24 </el-date-picker> 24 </el-date-picker>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
...@@ -96,18 +96,11 @@ export default { ...@@ -96,18 +96,11 @@ export default {
96 } 96 }
97 }, 97 },
98 methods: { 98 methods: {
99 // 查看弹框
99 openDialog (bsmBatch) { 100 openDialog (bsmBatch) {
100 if (bsmBatch) { 101 this.$popupDialog("证书分发", "zsgl/zsff/components/addDialog", {
101 this.$nextTick(() => { 102 bsmBatch: bsmBatch
102 this.$refs.addDialog.getDetailInfo(bsmBatch); 103 }, "50%")
103 })
104 } else {
105 this.$nextTick(() => {
106 this.$refs.addDialog.ywhSerial();
107 this.$refs.addDialog.initStartNo();
108 })
109 }
110 this.isDialog = true;
111 }, 104 },
112 queryClick () { 105 queryClick () {
113 getZsglffList({ ...this.ruleForm, ...this.pageData }).then(res => { 106 getZsglffList({ ...this.ruleForm, ...this.pageData }).then(res => {
......
1 <template> 1 <template>
2 <!-- <dialogBox title="证书入库" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" 2 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
3 @closeDialog="closeDialog" v-model="myValue" :isButton="readOnly"> 3 <el-row>
4 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> 4 <el-col :span="12">
5 <el-row> 5 <el-form-item label="入库编号:" prop="batchno">
6 <el-col :span="12"> 6 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
7 <el-form-item label="入库编号:" prop="batchno">
8 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
9 </el-form-item>
10 </el-col>
11 <el-col :span="12">
12 <el-form-item label="登记机构:" prop="djjg">
13 <el-select v-model="ruleForm.djjg" class="width100" placeholder="请选择" :disabled="!readOnly">
14 <el-option v-for="item in dictData['ywly']" :key="item.dname" :label="item.dname" :value="item.dname">
15 </el-option>
16 </el-select>
17 </el-form-item>
18 </el-col>
19 </el-row>
20 <el-row>
21 <el-col :span="12">
22 <el-form-item label="入库人员:">
23 <el-input v-model="ruleForm.operator" :disabled="true"></el-input>
24 </el-form-item>
25 </el-col>
26 <el-col :span="12">
27 <el-form-item label="入库时间:" prop="operationtime">
28 <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" :disabled="!readOnly" value-format="yyyy-MM-dd HH:mm:ss">
29 </el-date-picker>
30 </el-form-item>
31 </el-col>
32 </el-row>
33 <div>
34 <el-table :data="tableForm" border style="width: 100%"
35 :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}"
36 :cell-style="{'text-align':'center'}">
37 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
38 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200">
39 <template slot-scope="scope">
40 <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
41 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
42 </template>
43 </el-table-column>
44 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
45 <template slot-scope="scope">
46 <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
47 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
48 </template>
49 </el-table-column>
50 <el-table-column prop="bs" label="本数">
51 <template slot-scope="scope">
52 <span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
53 <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
54 <span v-else>{{scope.row.bs}}</span>
55 </template>
56 </el-table-column>
57 </el-table>
58 </div>
59 <el-form-item label="备注" class="middle-margin-bottom">
60 <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
61 </el-form-item>
62 </el-form>
63 </dialogBox> -->
64 <div>
65 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
66 <el-row>
67 <el-col :span="12">
68 <el-form-item label="入库编号:" prop="batchno">
69 <el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="12">
73 <el-form-item label="登记机构:" prop="djjg">
74 <el-select v-model="ruleForm.djjg" class="width100" placeholder="请选择" :disabled="!readOnly">
75 <el-option v-for="item in DJJGLIST" :key="item.dname" :label="item.dname" :value="item.dname">
76 </el-option>
77 </el-select>
78 </el-form-item>
79 </el-col>
80 </el-row>
81 <el-row>
82 <el-col :span="12">
83 <el-form-item label="入库人员:">
84 <el-input v-model="ruleForm.operator" :disabled="true"></el-input>
85 </el-form-item>
86 </el-col>
87 <el-col :span="12">
88 <el-form-item label="入库时间:" prop="operationtime">
89 <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" :disabled="!readOnly"
90 value-format="yyyy-MM-dd HH:mm:ss">
91 </el-date-picker>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <div>
96 <el-table :data="tableForm" border style="width: 100%"
97 :header-cell-style="{ 'text-align': 'center', background: 'rgb(236, 245, 255)' }"
98 :cell-style="{ 'text-align': 'center' }">
99 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
100 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200">
101 <template slot-scope="scope">
102 <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
103 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
104 </template>
105 </el-table-column>
106 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
107 <template slot-scope="scope">
108 <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
109 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
110 </template>
111 </el-table-column>
112 <el-table-column prop="bs" label="本数">
113 <template slot-scope="scope">
114 <span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
115 <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
116 <span v-else>{{ scope.row.bs }}</span>
117 </template>
118 </el-table-column>
119 </el-table>
120 </div>
121 <el-form-item label="备注" class="middle-margin-bottom">
122 <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
123 </el-form-item>
124 <el-row v-if="readOnly">
125 <el-form-item>
126 <el-button type="primary" @click="submitForm">保存</el-button>
127 <el-button @click="closeDialog">取消</el-button>
128 </el-form-item> 7 </el-form-item>
129 </el-row> 8 </el-col>
130 </el-form> 9 <el-col :span="12">
131 </div> 10 <el-form-item label="登记机构:" prop="djjg">
11 <el-select v-model="ruleForm.djjg" class="width100" placeholder="请选择" :disabled="!readOnly">
12 <el-option v-for="item in DJJGLIST" :key="item.dname" :label="item.dname" :value="item.dname">
13 </el-option>
14 </el-select>
15 </el-form-item>
16 </el-col>
17 </el-row>
18 <el-row>
19 <el-col :span="12">
20 <el-form-item label="入库人员:">
21 <el-input v-model="ruleForm.operator" :disabled="true"></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="12">
25 <el-form-item label="入库时间:" prop="operationtime">
26 <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" :disabled="!readOnly"
27 value-format="yyyy-MM-dd HH:mm:ss">
28 </el-date-picker>
29 </el-form-item>
30 </el-col>
31 </el-row>
32 <div>
33 <el-table :data="tableForm" border style="width: 100%"
34 :header-cell-style="{ 'text-align': 'center', background: 'rgb(236, 245, 255)' }"
35 :cell-style="{ 'text-align': 'center' }">
36 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
37 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200">
38 <template slot-scope="scope">
39 <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
40 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
41 </template>
42 </el-table-column>
43 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
44 <template slot-scope="scope">
45 <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
46 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
47 </template>
48 </el-table-column>
49 <el-table-column prop="bs" label="本数">
50 <template slot-scope="scope">
51 <span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
52 <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
53 <span v-else>{{ scope.row.bs }}</span>
54 </template>
55 </el-table-column>
56 </el-table>
57 </div>
58 <el-form-item label="备注" class="middle-margin-bottom">
59 <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
60 </el-form-item>
61 <el-form-item v-if="readOnly">
62 <el-button type="primary" @click="submitForm">保存</el-button>
63 <el-button @click="closeDialog">取消</el-button>
64 </el-form-item>
65 </el-form>
132 </template> 66 </template>
133 67
134 <script> 68 <script>
......
...@@ -93,6 +93,7 @@ export default { ...@@ -93,6 +93,7 @@ export default {
93 } 93 }
94 }, 94 },
95 methods: { 95 methods: {
96 // 查看弹框
96 openDialog (bsmBatch) { 97 openDialog (bsmBatch) {
97 this.$popupDialog("证书入库", "zsgl/zsrk/components/addDialog", { 98 this.$popupDialog("证书入库", "zsgl/zsrk/components/addDialog", {
98 bsmBatch: bsmBatch 99 bsmBatch: bsmBatch
......