Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6834eda9 by 任超
Options

style:材料信息

1 parent 91145f62
Inline Side-by-side
Showing 8 changed files with 106 additions and 102 deletions
...@@ -5,4 +5,4 @@ NODE_ENV=development ...@@ -5,4 +5,4 @@ NODE_ENV=development
5 VUE_APP_BASE_API = '/bdcdj' 5 VUE_APP_BASE_API = '/bdcdj'
6 6
7 # 开发环境 7 # 开发环境
8 VUE_APP_API_BASE_URL = 'http://192.168.2.88:8018' 8 VUE_APP_API_BASE_URL = 'http://192.168.2.95:8018'
......
1 <template> 1 <template>
2 <div class="dashboard-container"> 2 <div class="dashboard-container">
3 11111111 3 <img src="./home.png" alt="">
4 </div> 4 </div>
5 </template> 5 </template>
6 6
...@@ -28,8 +28,13 @@ export default { ...@@ -28,8 +28,13 @@ export default {
28 } 28 }
29 } 29 }
30 </script> 30 </script>
31 <style > 31 <style scoped lang="scss">
32 .dashboard-container { 32 .dashboard-container {
33 height: 100%; 33 height: 100%;
34
35 img {
36 width: 100%;
37 height: 100%;
38 }
34 } 39 }
35 </style> 40 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -96,7 +96,6 @@ export default { ...@@ -96,7 +96,6 @@ export default {
96 label: "是否必选", 96 label: "是否必选",
97 width: "50", 97 width: "50",
98 render: (h, scope) => { 98 render: (h, scope) => {
99 // 新增的材料,全部为系统默认可选
100 if (scope.row.sfxjcl === "1") { 99 if (scope.row.sfxjcl === "1") {
101 return ( 100 return (
102 <div> 101 <div>
...@@ -104,7 +103,6 @@ export default { ...@@ -104,7 +103,6 @@ export default {
104 </div> 103 </div>
105 ); 104 );
106 } 105 }
107 // 系统配置的材料
108 else { 106 else {
109 return ( 107 return (
110 <div> 108 <div>
...@@ -121,6 +119,7 @@ export default { ...@@ -121,6 +119,7 @@ export default {
121 { 119 {
122 prop: "sjlx", 120 prop: "sjlx",
123 label: "材料类型", 121 label: "材料类型",
122 width: "80",
124 render: (h, scope) => { 123 render: (h, scope) => {
125 return ( 124 return (
126 <div> 125 <div>
...@@ -132,10 +131,12 @@ export default { ...@@ -132,10 +131,12 @@ export default {
132 { 131 {
133 prop: "sjsl", 132 prop: "sjsl",
134 label: "份数", 133 label: "份数",
134 width: "50"
135 }, 135 },
136 { 136 {
137 prop: "smzt", 137 prop: "smzt",
138 label: "扫描状态", 138 label: "扫描状态",
139 width: "80",
139 render: (h, scope) => { 140 render: (h, scope) => {
140 if (scope.row.children.length > 0) { 141 if (scope.row.children.length > 0) {
141 return ( 142 return (
...@@ -155,6 +156,7 @@ export default { ...@@ -155,6 +156,7 @@ export default {
155 { 156 {
156 prop: "ys", 157 prop: "ys",
157 label: "扫描页数", 158 label: "扫描页数",
159 width: "50"
158 }, 160 },
159 { 161 {
160 label: "操作", 162 label: "操作",
...@@ -193,23 +195,35 @@ export default { ...@@ -193,23 +195,35 @@ export default {
193 imgList: [ 195 imgList: [
194 { 196 {
195 url: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111' 197 url: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
196 },
197 {
198 url: 'https://img1.baidu.com/it/u=2383300938,4241539174&fm=253&fmt=auto&app=138&f=JPEG?w=307&h=500'
199 } 198 }
200 ], 199 ]
201 } 200 }
202 }; 201 }
203 }, 202 },
204 computed: { 203 computed: {
205 ...mapGetters(["dictData"]), 204 ...mapGetters(["dictData"]),
206 }, 205 },
207 mounted () { 206 created () {
208 if (this.$parent.index == 1) { 207 this.clmlInitList()
209 this.clmlmxInit();
210 }
211 }, 208 },
212 methods: { 209 methods: {
210 // 材料目录明细初始化
211 clmlInitList () {
212 this.unitData = this.$parent.unitData;
213 var formdata = new FormData();
214 formdata.append("bsmSldy", this.unitData[0].bsmSldy);
215 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
216 clmlInit(formdata).then((res) => {
217 if (res.result.result) {
218 this.tableData = res.result.result;
219 this.treeCheckId = this.tableData[0].bsmSj;
220 this.title = this.tableData[0].sjmc;
221 this.titleYs = 1;
222 this.titleNum = this.tableData[0].children.length;
223 }
224 console.log(this.tableData);
225 })
226 },
213 // 左侧菜单点击 227 // 左侧菜单点击
214 menuClick (item) { 228 menuClick (item) {
215 this.checkedId = item.id 229 this.checkedId = item.id
...@@ -227,7 +241,7 @@ export default { ...@@ -227,7 +241,7 @@ export default {
227 }; 241 };
228 // 接口待调 242 // 接口待调
229 move(obj).then((res) => { 243 move(obj).then((res) => {
230 this.clmlmxInit(); 244 this.clmlInitList()
231 }); 245 });
232 }, 246 },
233 // 下移 247 // 下移
...@@ -236,29 +250,11 @@ export default { ...@@ -236,29 +250,11 @@ export default {
236 xh: row.xh, 250 xh: row.xh,
237 bsmSlsq: row.bsmSlsq, 251 bsmSlsq: row.bsmSlsq,
238 moveDirection: "down", 252 moveDirection: "down",
239 }; 253 }
240 // 接口待调 254 // 接口待调
241 move(obj).then((res) => { 255 move(obj).then((res) => {
242 console.log("222222222", res); 256 this.clmlInitList()
243 this.clmlmxInit(); 257 })
244 });
245 },
246 // 材料目录明细初始化
247 clmlmxInit () {
248 this.id = this.$parent.$parent.$parent.id;
249 this.unitData = this.$parent.$parent.$parent.unitData;
250 var formdata = new FormData();
251 formdata.append("bsmSldy", this.unitData[0].bsmSldy);
252 formdata.append("bsmSlsq", this.id);
253 clmlInit(formdata).then((res) => {
254 if (res.result.result) {
255 this.tableData = res.result.result;
256 this.treeCheckId = this.tableData[0].bsmSj;
257 this.title = this.tableData[0].sjmc;
258 this.titleYs = 1;
259 this.titleNum = this.tableData[0].children.length;
260 }
261 });
262 }, 258 },
263 // 新增弹窗保存 259 // 新增弹窗保存
264 addSave (data) { 260 addSave (data) {
...@@ -398,10 +394,11 @@ export default { ...@@ -398,10 +394,11 @@ export default {
398 394
399 .menu-tree { 395 .menu-tree {
400 width: 20%; 396 width: 20%;
397 min-width: 160px;
401 height: 100%; 398 height: 100%;
402 margin-right: 30px; 399 margin-right: 10px;
403 border-right: 1px dotted #d9d9d9; 400 border-right: 1px dotted #d9d9d9;
404 padding: 0 24px; 401 padding: 0 15px;
405 402
406 .item { 403 .item {
407 height: 60px; 404 height: 60px;
...@@ -443,10 +440,9 @@ export default { ...@@ -443,10 +440,9 @@ export default {
443 } 440 }
444 441
445 .child { 442 .child {
446 height: 60px; 443 line-height: 36px;
447 line-height: 60px;
448 border-bottom: 1px solid #e8e8e8; 444 border-bottom: 1px solid #e8e8e8;
449 padding-left: 18px; 445 padding-left: 10px;
450 color: #6b6b6b; 446 color: #6b6b6b;
451 cursor: pointer; 447 cursor: pointer;
452 box-sizing: border-box; 448 box-sizing: border-box;
......
...@@ -6,17 +6,17 @@ ...@@ -6,17 +6,17 @@
6 <el-row :gutter="20"> 6 <el-row :gutter="20">
7 <el-col :span="6"> 7 <el-col :span="6">
8 <el-form-item label="印刷序列号"> 8 <el-form-item label="印刷序列号">
9 <el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input> 9 <el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
10 </el-form-item> 10 </el-form-item>
11 </el-col> 11 </el-col>
12 <el-col :span="6"> 12 <el-col :span="6">
13 <el-form-item label="证书号"> 13 <el-form-item label="证书号">
14 <el-input v-model="ruleForm.zsh" clearable placeholder="请输入证书号"></el-input> 14 <el-input v-model="ruleForm.zsh" clearable placeholder="请输入证书号"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="6"> 17 <el-col :span="6">
18 <el-form-item label="权利人"> 18 <el-form-item label="权利人">
19 <el-input v-model="ruleForm.qlr" clearable placeholder="请输入权利人"></el-input> 19 <el-input v-model="ruleForm.qlr" clearable placeholder="请输入权利人"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="6" class="btnCol"> 22 <el-col :span="6" class="btnCol">
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
28 </el-form> 28 </el-form>
29 </div> 29 </div>
30 <div class="from-clues-content"> 30 <div class="from-clues-content">
31 <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false"> 31 <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false">
32 </lb-table> 32 </lb-table>
33 </div> 33 </div>
34 </div> 34 </div>
...@@ -39,32 +39,30 @@ import { getCertificateList } from "@/api/fqsq.js"; ...@@ -39,32 +39,30 @@ import { getCertificateList } from "@/api/fqsq.js";
39 import { datas } from "./fzxxdata"; 39 import { datas } from "./fzxxdata";
40 export default { 40 export default {
41 mixins: [table], 41 mixins: [table],
42 components: { }, 42 components: {},
43 props: { 43 props: {
44 44
45 }, 45 },
46 46
47 data() { 47 data () {
48 return { 48 return {
49 ruleForm: { 49 ruleForm: {
50 ysxlh: '', 50 ysxlh: '',
51 zsh: '', 51 zsh: '',
52 qlr: '', 52 qlr: '',
53 bsmSldy: '', 53 bsmSldy: '',
54 }, 54 },
55 tableData: { 55 tableData: {
56 total: 0, 56 total: 0,
57 columns: datas.columns(), 57 columns: datas.columns(),
58 data: [], 58 data: [],
59 }, 59 },
60 }; 60 };
61 }, 61 },
62 async created() {
63 },
64 methods: { 62 methods: {
65 // 列表渲染接口 63 // 列表渲染接口
66 fetchData () { 64 fetchData () {
67 this.ruleForm.bsmSldy = this.$parent.$parent.unitData[0].bsmSldy 65 this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy
68 getCertificateList(this.ruleForm).then(res => { 66 getCertificateList(this.ruleForm).then(res => {
69 if (res.code === 200) { 67 if (res.code === 200) {
70 this.tableData.data = res.result 68 this.tableData.data = res.result
...@@ -76,5 +74,4 @@ export default { ...@@ -76,5 +74,4 @@ export default {
76 </script> 74 </script>
77 <style scoped lang='scss'> 75 <style scoped lang='scss'>
78 @import "~@/styles/public.scss"; 76 @import "~@/styles/public.scss";
79
80 </style> 77 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -60,6 +60,7 @@ ...@@ -60,6 +60,7 @@
60 </div> 60 </div>
61 </el-dialog> 61 </el-dialog>
62 <zsylDialog ref="zsylDialog" v-model="zsylFlag" :value='zsylFlag' /> 62 <zsylDialog ref="zsylDialog" v-model="zsylFlag" :value='zsylFlag' />
63 <el-empty description="暂无数据" v-if="tableData.length==0"></el-empty>
63 </div> 64 </div>
64 </template> 65 </template>
65 <script> 66 <script>
...@@ -67,30 +68,28 @@ import zsylDialog from "./zsyl.vue"; ...@@ -67,30 +68,28 @@ import zsylDialog from "./zsyl.vue";
67 import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js"; 68 import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js";
68 69
69 export default { 70 export default {
70 components: { zsylDialog }, 71 components: { zsylDialog },
71 props: { 72 props: {
72 73 },
73 }, 74 data () {
74 75 return {
75 data() { 76 tableData: [],
76 return { 77 zsylFlag: false,
77 tableData: [], 78 bdcqzlx: 1,
78 zsylFlag: false, 79 bdcqz: {},
79 bdcqzlx: 1, 80 zfyy: '',
80 bdcqz: {}, 81 invalidDiglog: false,
81 zfyy: '', 82 bsmSz: '',
82 invalidDiglog: false, 83 };
83 bsmSz: '', 84 },
84 }; 85 created () {
85 }, 86 this.list();
86 async created() { 87 },
87 this.list(); 88 methods: {
88 }, 89 //初始化列表
89 methods: { 90 list () {
90 //初始化列表 91 var bsmSldy = this.$parent.unitData[0].bsmSldy
91 list(){ 92 getBdcqzList({ bsmSldy: bsmSldy }).then(res => {
92 var bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
93 getBdcqzList({bsmSldy:bsmSldy}).then(res => {
94 if (res.code === 200) { 93 if (res.code === 200) {
95 this.tableData = res.result 94 this.tableData = res.result
96 if (res.result) { 95 if (res.result) {
...@@ -100,11 +99,11 @@ export default { ...@@ -100,11 +99,11 @@ export default {
100 }) 99 })
101 }, 100 },
102 //打开证书预览弹窗 101 //打开证书预览弹窗
103 openZsylDialog(item,type){ 102 openZsylDialog (item, type) {
104 this.zsylFlag = true; 103 this.zsylFlag = true;
105 this.bdcqz = item; 104 this.bdcqz = item;
106 this.$refs.zsylDialog.bdcqz = item; 105 this.$refs.zsylDialog.bdcqz = item;
107 if(type == 2){ 106 if (type == 2) {
108 this.$nextTick(() => { 107 this.$nextTick(() => {
109 this.$refs.zsylDialog.ysxlhList(); 108 this.$refs.zsylDialog.ysxlhList();
110 }); 109 });
...@@ -148,10 +147,9 @@ export default { ...@@ -148,10 +147,9 @@ export default {
148 147
149 .box-card { 148 .box-card {
150 float: left; 149 float: left;
151 width: 330px; 150 width: 300px;
152 margin-top: 20px; 151 margin-top: 10px;
153 margin-right: 20px; 152 margin-right: 10px;
154 height: 440px;
155 153
156 .szxx_body { 154 .szxx_body {
157 height: 240px; 155 height: 240px;
...@@ -160,9 +158,9 @@ export default { ...@@ -160,9 +158,9 @@ export default {
160 } 158 }
161 159
162 .szxx_header { 160 .szxx_header {
163 color: white; 161 color: #ffffff;
164 font-weight: bolder; 162 font-weight: bolder;
165 font-size: 18px; 163 font-size: 16px;
166 164
167 .header_type { 165 .header_type {
168 display: flex; 166 display: flex;
...@@ -173,7 +171,6 @@ export default { ...@@ -173,7 +171,6 @@ export default {
173 .header_text { 171 .header_text {
174 text-align: center; 172 text-align: center;
175 margin-top: 10px; 173 margin-top: 10px;
176 height: 50px;
177 line-height: 30px; 174 line-height: 30px;
178 } 175 }
179 } 176 }
...@@ -201,13 +198,12 @@ export default { ...@@ -201,13 +198,12 @@ export default {
201 198
202 .operation_button { 199 .operation_button {
203 border: 1px solid rgb(0, 121, 254); 200 border: 1px solid rgb(0, 121, 254);
204 padding: 15px 10px; 201 padding: 5px;
205 text-align: center; 202 text-align: center;
206 width: 100px;
207 } 203 }
208 204
209 .card_padding { 205 .card_padding {
210 padding-top: 20px 206 padding-top: 8px
211 } 207 }
212 208
213 .invalid-diglog { 209 .invalid-diglog {
......
...@@ -18,7 +18,13 @@ ...@@ -18,7 +18,13 @@
18 18
19 .title { 19 .title {
20 line-height: 36px; 20 line-height: 36px;
21 padding-left: 10px; 21 text-align: center;
22 }
23
24 .title-detail {
25 display: flex;
26 flex-wrap: wrap;
27 width: 100%;
22 } 28 }
23 29
24 ul { 30 ul {
...@@ -52,6 +58,10 @@ ...@@ -52,6 +58,10 @@
52 width: 260px; 58 width: 260px;
53 } 59 }
54 60
61 /deep/.el-menu-item {
62 padding-left: 5px !important;
63 }
64
55 /deep/.el-tabs__header { 65 /deep/.el-tabs__header {
56 margin-bottom: 0 !important; 66 margin-bottom: 0 !important;
57 } 67 }
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 <el-menu :default-active="activeIndex" @select="unitClick"> 26 <el-menu :default-active="activeIndex" @select="unitClick">
27 <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> 27 <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
28 <p>{{ item.bdcdyh }}</p> 28 <p>{{ item.bdcdyh }}</p>
29 <p>{{ item.zl }}</p> 29 <p class="title-detail">{{ item.zl }}</p>
30 </el-menu-item> 30 </el-menu-item>
31 </el-menu> 31 </el-menu>
32 </div> 32 </div>
......