style:登记薄
Showing
21 changed files
with
788 additions
and
362 deletions
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-16 14:05:25 | 4 | * @LastEditTime: 2023-09-15 09:32:40 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | import { log } from 'bpmn-js-token-simulation' | 7 | import { log } from 'bpmn-js-token-simulation' |
... | @@ -25,7 +25,7 @@ export function addRepairRecord (data) { | ... | @@ -25,7 +25,7 @@ export function addRepairRecord (data) { |
25 | */ | 25 | */ |
26 | export function deleteFlow (params) { | 26 | export function deleteFlow (params) { |
27 | return request({ | 27 | return request({ |
28 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params, | 28 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq=' + params, |
29 | method: 'get', | 29 | method: 'get', |
30 | }) | 30 | }) |
31 | } | 31 | } |
... | @@ -37,7 +37,7 @@ export function deleteFlow (params) { | ... | @@ -37,7 +37,7 @@ export function deleteFlow (params) { |
37 | */ | 37 | */ |
38 | export function deleteRepairRecord (params) { | 38 | export function deleteRepairRecord (params) { |
39 | return request({ | 39 | return request({ |
40 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair='+params, | 40 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair=' + params, |
41 | method: 'get', | 41 | method: 'get', |
42 | }) | 42 | }) |
43 | } | 43 | } |
... | @@ -49,7 +49,7 @@ export function deleteRepairRecord (params) { | ... | @@ -49,7 +49,7 @@ export function deleteRepairRecord (params) { |
49 | */ | 49 | */ |
50 | export function init (params) { | 50 | export function init (params) { |
51 | return request({ | 51 | return request({ |
52 | url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params.bsmRepair+'&isEdit='+params.isEdit, | 52 | url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair=' + params.bsmRepair + '&isEdit=' + params.isEdit, |
53 | method: 'get', | 53 | method: 'get', |
54 | }) | 54 | }) |
55 | } | 55 | } |
... | @@ -61,7 +61,7 @@ export function init (params) { | ... | @@ -61,7 +61,7 @@ export function init (params) { |
61 | */ | 61 | */ |
62 | export function leftMenubl (params) { | 62 | export function leftMenubl (params) { |
63 | return request({ | 63 | return request({ |
64 | url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq='+params, | 64 | url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq=' + params, |
65 | method: 'get', | 65 | method: 'get', |
66 | params | 66 | params |
67 | }) | 67 | }) |
... | @@ -110,7 +110,7 @@ export function getZtQlxx (params) { | ... | @@ -110,7 +110,7 @@ export function getZtQlxx (params) { |
110 | * @param {*} data | 110 | * @param {*} data |
111 | * @author: renchao | 111 | * @author: renchao |
112 | */ | 112 | */ |
113 | export function startBusinessFlow (data) { | 113 | export function startBusinessFlow (data) { |
114 | return request({ | 114 | return request({ |
115 | url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow', | 115 | url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow', |
116 | method: 'post', | 116 | method: 'post', |
... | @@ -122,7 +122,7 @@ export function getZtQlxx (params) { | ... | @@ -122,7 +122,7 @@ export function getZtQlxx (params) { |
122 | * @param {*} data | 122 | * @param {*} data |
123 | * @author: renchao | 123 | * @author: renchao |
124 | */ | 124 | */ |
125 | export function addidea (data) { | 125 | export function addidea (data) { |
126 | return request({ | 126 | return request({ |
127 | url: SERVER.SERVERAPI + '/rest/djbRepair/sh', | 127 | url: SERVER.SERVERAPI + '/rest/djbRepair/sh', |
128 | method: 'post', | 128 | method: 'post', |
... | @@ -134,9 +134,9 @@ export function getZtQlxx (params) { | ... | @@ -134,9 +134,9 @@ export function getZtQlxx (params) { |
134 | * @param {*} data | 134 | * @param {*} data |
135 | * @author: renchao | 135 | * @author: renchao |
136 | */ | 136 | */ |
137 | export function getShList (data) { | 137 | export function getShList (data) { |
138 | return request({ | 138 | return request({ |
139 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, | 139 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair=' + data.bsmRepair, |
140 | method: 'post', | 140 | method: 'post', |
141 | data | 141 | data |
142 | }) | 142 | }) |
... | @@ -147,10 +147,24 @@ export function getZtQlxx (params) { | ... | @@ -147,10 +147,24 @@ export function getZtQlxx (params) { |
147 | * @param {*} data | 147 | * @param {*} data |
148 | * @author: renchao | 148 | * @author: renchao |
149 | */ | 149 | */ |
150 | export function getQlxxByQlxxBsm (params) { | 150 | export function getQlxxByQlxxBsm (params) { |
151 | return request({ | 151 | return request({ |
152 | url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm', | 152 | url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm', |
153 | method: 'get', | 153 | method: 'get', |
154 | params | 154 | params |
155 | }) | 155 | }) |
156 | } | 156 | } |
157 | |||
158 | |||
159 | /** | ||
160 | * @description: 初始化材料信息 | ||
161 | * @param {*} data | ||
162 | * @author: renchao | ||
163 | */ | ||
164 | export function repairInitClml (data) { | ||
165 | return request({ | ||
166 | url: SERVER.SERVERAPI + '/rest/djbRepair/repairInitClml', | ||
167 | method: 'post', | ||
168 | data | ||
169 | }) | ||
170 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-07 15:04:46 | ||
5 | --> | ||
6 | <template> | ||
7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | ||
8 | :isFullscreen="false"> | ||
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px"> | ||
10 | <el-row> | ||
11 | <el-col :span="24"> | ||
12 | <el-form-item label="材料类型" prop="cllx"> | ||
13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | ||
14 | <el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
15 | </el-option> | ||
16 | </el-select> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | </el-row> | ||
20 | <el-row :gutter="20"> | ||
21 | <el-col :span="24"> | ||
22 | <el-form-item label="材料名称" prop="clmc"> | ||
23 | <el-input v-model="ruleForm.clmc"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | </el-row> | ||
27 | </el-form> | ||
28 | </dialogBox> | ||
29 | </template> | ||
30 | <script> | ||
31 | import store from '@/store/index.js' | ||
32 | export default { | ||
33 | props: { | ||
34 | value: { type: Boolean, default: false }, | ||
35 | }, | ||
36 | data () { | ||
37 | return { | ||
38 | cllxList: store.getters.dictData['A40'], | ||
39 | myValue: this.value, | ||
40 | ruleForm: { | ||
41 | cllx: "", | ||
42 | clmc: "", | ||
43 | }, | ||
44 | rules: { | ||
45 | cllx: [ | ||
46 | { required: true, message: '请选择材料类型', trigger: 'change' } | ||
47 | ], | ||
48 | clmc: [ | ||
49 | { required: true, message: '请输入材料名称', trigger: 'blur' } | ||
50 | ] | ||
51 | } | ||
52 | } | ||
53 | }, | ||
54 | watch: { | ||
55 | value (val) { | ||
56 | this.myValue = val; | ||
57 | }, | ||
58 | }, | ||
59 | methods: { | ||
60 | /** | ||
61 | * @description: closeDialog | ||
62 | * @author: renchao | ||
63 | */ | ||
64 | closeDialog () { | ||
65 | this.$emit("input", false); | ||
66 | this.ruleForm = { | ||
67 | cllx: "", | ||
68 | clmc: "", | ||
69 | } | ||
70 | }, | ||
71 | /** | ||
72 | * @description: handleSubmit | ||
73 | * @author: renchao | ||
74 | */ | ||
75 | handleSubmit () { | ||
76 | this.$refs['ruleForm'].validate((valid) => { | ||
77 | if (valid) { | ||
78 | this.$parent.addSave(this.ruleForm); | ||
79 | this.ruleForm = { | ||
80 | cllx: "", | ||
81 | clmc: "", | ||
82 | } | ||
83 | this.$emit("input", false); | ||
84 | } else { | ||
85 | return false; | ||
86 | } | ||
87 | }) | ||
88 | } | ||
89 | } | ||
90 | }; | ||
91 | </script> | ||
92 | <style scoped lang="scss"> | ||
93 | .submit-button { | ||
94 | text-align: center; | ||
95 | height: 52px; | ||
96 | padding-top: 10px; | ||
97 | background-color: #fff; | ||
98 | } | ||
99 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-14 11:14:54 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="clmlmx-box"> | ||
8 | <lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false" | ||
9 | :data="tableData"> | ||
10 | </lb-table> | ||
11 | <div class="text-center"> | ||
12 | <el-button @click="handleCancel">取消</el-button> | ||
13 | <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button> | ||
14 | </div> | ||
15 | </div> | ||
16 | </template> | ||
17 | <script> | ||
18 | import store from '@/store/index.js' | ||
19 | import Sortable from 'sortablejs' | ||
20 | import { ywPopupCacel } from "@/utils/popup.js"; | ||
21 | import { editCompanyMaterialList } from "@/api/company.js"; | ||
22 | export default { | ||
23 | props: { | ||
24 | formData: { | ||
25 | type: Object, | ||
26 | default: () => { | ||
27 | return {} | ||
28 | } | ||
29 | } | ||
30 | }, | ||
31 | data () { | ||
32 | return { | ||
33 | loading: false, | ||
34 | sortable: null, | ||
35 | column: [ | ||
36 | { | ||
37 | label: "材料名称", | ||
38 | render: (h, scope) => { | ||
39 | return ( | ||
40 | (scope.row.sfxjcl == '1') ? | ||
41 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> : <span>{scope.row.clmc}</span> | ||
42 | ) | ||
43 | } | ||
44 | }, | ||
45 | { | ||
46 | label: "材料类型", | ||
47 | width: "110", | ||
48 | render: (h, scope) => { | ||
49 | return ( | ||
50 | <el-select value={scope.row.cllx} | ||
51 | onChange={(val) => { scope.row.cllx = val }}> | ||
52 | { | ||
53 | store.getters.dictData['A40'].map(option => { | ||
54 | return ( | ||
55 | <el-option label={option.dname} value={option.dcode}></el-option> | ||
56 | ) | ||
57 | }) | ||
58 | } | ||
59 | </el-select> | ||
60 | ) | ||
61 | } | ||
62 | }, | ||
63 | { | ||
64 | label: "页数", | ||
65 | width: "80", | ||
66 | render: (h, scope) => { | ||
67 | if (scope.row.count && scope.row.count > 0) { | ||
68 | return ( | ||
69 | <div> | ||
70 | <span>{scope.row.count}</span> | ||
71 | </div> | ||
72 | ); | ||
73 | } else { | ||
74 | return ( | ||
75 | <div> | ||
76 | <span>0</span> | ||
77 | </div> | ||
78 | ); | ||
79 | } | ||
80 | }, | ||
81 | }, | ||
82 | { | ||
83 | label: "操作", | ||
84 | width: "100", | ||
85 | render: (h, scope) => { | ||
86 | return ( | ||
87 | <el-button | ||
88 | type="text" | ||
89 | icon="el-icon-delete" | ||
90 | disabled={scope.row.count != 0} | ||
91 | onClick={() => { | ||
92 | this.handleDelete(scope.$index, scope.row); | ||
93 | }} | ||
94 | > | ||
95 | 删除 | ||
96 | </el-button> | ||
97 | ) | ||
98 | } | ||
99 | } | ||
100 | ], | ||
101 | key: 0, | ||
102 | tableData: [] | ||
103 | } | ||
104 | }, | ||
105 | mounted () { | ||
106 | this.initSort() | ||
107 | this.tableData = _.cloneDeep(this.formData.data) | ||
108 | }, | ||
109 | beforeDestroy () { | ||
110 | if (this.sortable) { | ||
111 | this.sortable.destroy(); | ||
112 | } | ||
113 | }, | ||
114 | watch: { | ||
115 | 'formData.data': { | ||
116 | handler: function (val, oldVal) { | ||
117 | this.tableData = _.cloneDeep(val) | ||
118 | }, | ||
119 | immediate: true, | ||
120 | deep: true | ||
121 | } | ||
122 | }, | ||
123 | methods: { | ||
124 | handleCancel () { | ||
125 | ywPopupCacel() | ||
126 | }, | ||
127 | handleSubmit () { | ||
128 | this.loading = true | ||
129 | store.dispatch('user/reWorkFresh', false) | ||
130 | editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => { | ||
131 | this.loading = false | ||
132 | if (res.code == 200) { | ||
133 | this.$message({ | ||
134 | message: '保存成功', | ||
135 | type: 'success' | ||
136 | }) | ||
137 | store.dispatch('user/reWorkFresh', true) | ||
138 | ywPopupCacel() | ||
139 | } | ||
140 | }).catch(() => { | ||
141 | this.loading = false | ||
142 | }) | ||
143 | }, | ||
144 | /** | ||
145 | * @description: 材料目录删除 | ||
146 | * @param {*} index | ||
147 | * @param {*} row | ||
148 | * @author: renchao | ||
149 | */ | ||
150 | handleDelete (index, row) { | ||
151 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
152 | confirmButtonText: '确定', | ||
153 | cancelButtonText: '取消', | ||
154 | type: 'warning' | ||
155 | }).then(() => { | ||
156 | this.tableData.splice(index, 1); | ||
157 | }).catch(() => { | ||
158 | this.$message({ | ||
159 | type: 'info', | ||
160 | message: '已取消删除' | ||
161 | }) | ||
162 | }) | ||
163 | }, | ||
164 | initSort () { | ||
165 | const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] | ||
166 | this.sortable = Sortable.create(el, { | ||
167 | ghostClass: 'sortable-ghost', | ||
168 | setData: function (dataTransfer) { | ||
169 | dataTransfer.setData('Text', '') | ||
170 | }, | ||
171 | onEnd: evt => { | ||
172 | const targetRow = this.tableData.splice(evt.oldIndex, 1)[0]; | ||
173 | this.tableData.splice(evt.newIndex, 0, targetRow); | ||
174 | } | ||
175 | }) | ||
176 | } | ||
177 | } | ||
178 | } | ||
179 | </script> | ||
180 | <style scoped lang='scss'> | ||
181 | @import "~@/styles/mixin.scss"; | ||
182 | .clmlmx-box { | ||
183 | margin: 0 auto; | ||
184 | .title { | ||
185 | text-align: center; | ||
186 | height: 60px; | ||
187 | line-height: 60px; | ||
188 | border: 1px solid #dfe6ec; | ||
189 | font-size: 20px; | ||
190 | background: #81d3f81a; | ||
191 | margin-bottom: -1px; | ||
192 | } | ||
193 | } | ||
194 | </style> |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-22 16:27:38 | 4 | * @LastEditTime: 2023-09-15 09:33:54 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -210,11 +210,6 @@ | ... | @@ -210,11 +210,6 @@ |
210 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 210 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
211 | </el-form-item> | 211 | </el-form-item> |
212 | </el-col> | 212 | </el-col> |
213 | <!-- <el-col :span="8"> | ||
214 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> | ||
215 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
216 | </el-form-item> | ||
217 | </el-col> --> | ||
218 | <el-col :span="8"> | 213 | <el-col :span="8"> |
219 | <el-form-item | 214 | <el-form-item |
220 | label="登记机构:" | 215 | label="登记机构:" | ... | ... |
This diff is collapsed.
Click to expand it.
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-09 09:20:10 | 4 | * @LastEditTime: 2023-09-15 09:30:33 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-dialog | 7 | <el-dialog |
... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ |
11 | :visible.sync="dialogVisible" | 11 | :visible.sync="dialogVisible" |
12 | custom-class="insetDialog" | 12 | custom-class="insetDialog" |
13 | append-to-body | 13 | append-to-body |
14 | width="31%" | 14 | width="31%"> |
15 | > | ||
16 | <!-- <el-radio-group v-model="radio"> | 15 | <!-- <el-radio-group v-model="radio"> |
17 | <el-radio-button | 16 | <el-radio-button |
18 | v-for="(value, key) in qllxlistdata" | 17 | v-for="(value, key) in qllxlistdata" |
... | @@ -21,9 +20,9 @@ | ... | @@ -21,9 +20,9 @@ |
21 | ></el-radio-button> | 20 | ></el-radio-button> |
22 | 21 | ||
23 | </el-radio-group> --> | 22 | </el-radio-group> --> |
24 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" | 23 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" |
25 | :key="key" | 24 | :key="key" |
26 | :label="value" @click="clicksss(key)" plain>{{value}}</el-button> | 25 | :label="value" @click="clicksss(key)" plain>{{value}}</el-button> |
27 | <div class="btn"> | 26 | <div class="btn"> |
28 | <el-button type="primary" @click="handleSubmit">确定</el-button> | 27 | <el-button type="primary" @click="handleSubmit">确定</el-button> |
29 | <el-button type="primary" @click="closeDialog">取消</el-button> | 28 | <el-button type="primary" @click="closeDialog">取消</el-button> |
... | @@ -32,99 +31,97 @@ | ... | @@ -32,99 +31,97 @@ |
32 | </template> | 31 | </template> |
33 | 32 | ||
34 | <script> | 33 | <script> |
35 | export default { | 34 | export default { |
36 | data() { | 35 | data () { |
37 | return { | 36 | return { |
38 | dialogVisible: false, | 37 | dialogVisible: false, |
39 | qllxlistdata: {}, | 38 | qllxlistdata: {}, |
40 | radio: "", | 39 | radio: "", |
41 | qllx:"" | 40 | qllx: "" |
42 | }; | 41 | }; |
43 | }, | ||
44 | |||
45 | methods: { | ||
46 | /** | ||
47 | * @description: closeDialog | ||
48 | * @author: renchao | ||
49 | */ | ||
50 | closeDialog() { | ||
51 | this.dialogVisible = false; | ||
52 | }, | 42 | }, |
53 | 43 | ||
54 | /** | 44 | methods: { |
55 | * @description: clicksss | 45 | /** |
56 | * @param {*} el | 46 | * @description: closeDialog |
57 | * @author: renchao | 47 | * @author: renchao |
58 | */ | 48 | */ |
59 | clicksss(el){ | 49 | closeDialog () { |
60 | console.log("elllllllllllllllllllll",el); | 50 | this.dialogVisible = false; |
61 | this.qllx=el | 51 | }, |
62 | }, | ||
63 | /** | ||
64 | * @description: handleSubmit | ||
65 | * @author: renchao | ||
66 | */ | ||
67 | handleSubmit() { | ||
68 | 52 | ||
69 | if(this.qllx){ | 53 | /** |
70 | let qllxobj = { | 54 | * @description: clicksss |
71 | qllx:this.qllx, | 55 | * @param {*} el |
72 | bsmQlxx:"" | 56 | * @author: renchao |
73 | }; | 57 | */ |
74 | this.$parent.addRepairRecord(qllxobj) | 58 | clicksss (el) { |
75 | }else{ | 59 | this.qllx = el |
76 | this.$message({ | 60 | }, |
61 | /** | ||
62 | * @description: handleSubmit | ||
63 | * @author: renchao | ||
64 | */ | ||
65 | handleSubmit () { | ||
66 | |||
67 | if (this.qllx) { | ||
68 | let qllxobj = { | ||
69 | qllx: this.qllx, | ||
70 | bsmQlxx: "" | ||
71 | }; | ||
72 | this.$parent.addRepairRecord(qllxobj) | ||
73 | } else { | ||
74 | this.$message({ | ||
77 | type: "warning", | 75 | type: "warning", |
78 | message: "请选择权利类型!", | 76 | message: "请选择权利类型!", |
79 | }); | 77 | }); |
80 | } | 78 | } |
81 | this.qllx="" | 79 | this.qllx = "" |
80 | }, | ||
82 | }, | 81 | }, |
83 | }, | 82 | }; |
84 | }; | ||
85 | </script> | 83 | </script> |
86 | <style scoped lang="scss"> | 84 | <style scoped lang="scss"> |
87 | @import '~@/styles/public.scss'; | 85 | @import "~@/styles/public.scss"; |
88 | .qllxdialog { | 86 | .qllxdialog { |
89 | margin-top: 160px; | 87 | margin-top: 160px; |
90 | /deep/.el-dialog__body { | 88 | /deep/.el-dialog__body { |
91 | margin-top: 10px; | 89 | margin-top: 10px; |
92 | // height: 100px; | 90 | // height: 100px; |
93 | padding: 20px; | 91 | padding: 20px; |
92 | } | ||
93 | .gettypebutton { | ||
94 | cursor: pointer; | ||
95 | margin-left: 20px; | ||
96 | width: 45%; | ||
97 | line-height: 20px; | ||
98 | background-color: #ebebeb; | ||
99 | margin-top: 20px; | ||
100 | padding-left: 20px; | ||
101 | border-radius: 2px; | ||
102 | -webkit-box-sizing: border-box; | ||
103 | box-sizing: border-box; | ||
104 | border: 1px solid #ebebeb; | ||
105 | -webkit-transition: all 0.3s; | ||
106 | transition: all 0.3s; | ||
107 | color: #000; | ||
108 | } | ||
109 | .gettypebutton:hover { | ||
110 | border: 1px solid #0f93f6; | ||
111 | color: #0f93f6; | ||
112 | } | ||
113 | .gettypebutton:focus { | ||
114 | background-color: #0f93f6; | ||
115 | border: 1px solid #0f93f6; | ||
116 | color: #ebebeb; | ||
117 | } | ||
118 | .btn { | ||
119 | margin-top: 30px; | ||
120 | text-align: center; | ||
121 | .el-button { | ||
122 | margin-top: 10px; | ||
123 | margin-left: 20px; | ||
124 | } | ||
125 | } | ||
94 | } | 126 | } |
95 | .gettypebutton{ | ||
96 | cursor: pointer; | ||
97 | margin-left: 20px; | ||
98 | width: 45%; | ||
99 | line-height: 20px; | ||
100 | background-color: #ebebeb; | ||
101 | margin-top: 20px; | ||
102 | padding-left: 20px; | ||
103 | border-radius: 2px; | ||
104 | -webkit-box-sizing: border-box; | ||
105 | box-sizing: border-box; | ||
106 | border: 1px solid #ebebeb; | ||
107 | -webkit-transition: all 0.3s; | ||
108 | transition: all 0.3s; | ||
109 | color: #000; | ||
110 | } | ||
111 | .gettypebutton:hover{ | ||
112 | border: 1px solid #0F93F6; | ||
113 | color: #0F93F6; | ||
114 | } | ||
115 | .gettypebutton:focus{ | ||
116 | background-color: #0F93F6; | ||
117 | border: 1px solid #0F93F6; | ||
118 | color: #ebebeb; | ||
119 | } | ||
120 | .btn{ | ||
121 | margin-top:30px; | ||
122 | text-align: center; | ||
123 | .el-button { | ||
124 | margin-top: 10px; | ||
125 | margin-left: 20px; | ||
126 | } | ||
127 | } | ||
128 | |||
129 | } | ||
130 | </style> | 127 | </style> | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-29 14:39:11 | 4 | * @LastEditTime: 2023-09-15 09:31:37 |
5 | */ | 5 | */ |
6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
7 | export function getForm(tabName) { | 7 | export function getForm (tabName) { |
8 | let form; | 8 | let form; |
9 | switch (tabName) { | 9 | switch (tabName) { |
10 | case "zdjbxx": | 10 | case "zdjbxx": |
... | @@ -46,7 +46,7 @@ export function getForm(tabName) { | ... | @@ -46,7 +46,7 @@ export function getForm(tabName) { |
46 | case "yydj": | 46 | case "yydj": |
47 | form = require("@/views/registerBook/yydj.vue"); | 47 | form = require("@/views/registerBook/yydj.vue"); |
48 | break; | 48 | break; |
49 | //林地使用权 | 49 | //林地使用权 |
50 | case "slxxlq": | 50 | case "slxxlq": |
51 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue"); | 51 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue"); |
52 | break; | 52 | break; |
... | @@ -82,7 +82,7 @@ export function getForm(tabName) { | ... | @@ -82,7 +82,7 @@ export function getForm(tabName) { |
82 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); | 82 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); |
83 | break; | 83 | break; |
84 | case "clxx": | 84 | case "clxx": |
85 | form = require("@/views/workflow/components/clxx/clxxUnify.vue"); | 85 | form = require("@/views/djbworkflow/djbBook/components/clxx/index.vue"); |
86 | break; | 86 | break; |
87 | case "spyj": | 87 | case "spyj": |
88 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | 88 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-14 11:16:12 | 4 | * @LastEditTime: 2023-09-15 09:27:14 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -53,7 +53,6 @@ | ... | @@ -53,7 +53,6 @@ |
53 | :key="item.value"> | 53 | :key="item.value"> |
54 | </el-tab-pane> | 54 | </el-tab-pane> |
55 | </el-tabs> | 55 | </el-tabs> |
56 | |||
57 | <component | 56 | <component |
58 | :key="fresh" | 57 | :key="fresh" |
59 | :is="componentTag" | 58 | :is="componentTag" |
... | @@ -132,7 +131,6 @@ | ... | @@ -132,7 +131,6 @@ |
132 | mounted () { | 131 | mounted () { |
133 | // this.getleftMenubl() | 132 | // this.getleftMenubl() |
134 | }, | 133 | }, |
135 | |||
136 | methods: { | 134 | methods: { |
137 | /** | 135 | /** |
138 | * @description: stepForm | 136 | * @description: stepForm |
... | @@ -163,7 +161,6 @@ | ... | @@ -163,7 +161,6 @@ |
163 | }); | 161 | }); |
164 | } | 162 | } |
165 | }, | 163 | }, |
166 | // 获取右侧选项卡 | ||
167 | /** | 164 | /** |
168 | * @description: 获取右侧选项卡 | 165 | * @description: 获取右侧选项卡 |
169 | * @param {*} val | 166 | * @param {*} val |
... | @@ -185,7 +182,6 @@ | ... | @@ -185,7 +182,6 @@ |
185 | this.stepForm(this.currentSelectProps.qllx); | 182 | this.stepForm(this.currentSelectProps.qllx); |
186 | } | 183 | } |
187 | }, | 184 | }, |
188 | // 获取渲染登记簿列表 | ||
189 | /** | 185 | /** |
190 | * @description: 获取渲染登记簿列表 | 186 | * @description: 获取渲染登记簿列表 |
191 | * @author: renchao | 187 | * @author: renchao |
... | @@ -218,7 +214,6 @@ | ... | @@ -218,7 +214,6 @@ |
218 | } | 214 | } |
219 | }); | 215 | }); |
220 | }, | 216 | }, |
221 | //选项卡切换事件 | ||
222 | /** | 217 | /** |
223 | * @description: 右侧表单选项卡事件 | 218 | * @description: 右侧表单选项卡事件 |
224 | * @param {*} handleClick | 219 | * @param {*} handleClick |
... | @@ -233,7 +228,6 @@ | ... | @@ -233,7 +228,6 @@ |
233 | } | 228 | } |
234 | 229 | ||
235 | }, | 230 | }, |
236 | //右侧表单选项卡事件 | ||
237 | /** | 231 | /** |
238 | * @description: 右侧表单选项卡事件 | 232 | * @description: 右侧表单选项卡事件 |
239 | * @param {*} activeName | 233 | * @param {*} activeName |
... | @@ -243,7 +237,6 @@ | ... | @@ -243,7 +237,6 @@ |
243 | beforeLeave (activeName) { | 237 | beforeLeave (activeName) { |
244 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 238 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
245 | }, | 239 | }, |
246 | //切换选项卡内容组件 | ||
247 | /** | 240 | /** |
248 | * @description: 切换选项卡内容组件 | 241 | * @description: 切换选项卡内容组件 |
249 | * @param {*} tabname | 242 | * @param {*} tabname |
... | @@ -255,7 +248,6 @@ | ... | @@ -255,7 +248,6 @@ |
255 | changeywh () { | 248 | changeywh () { |
256 | this.$refs.Menu.getleftMenubl("change"); | 249 | this.$refs.Menu.getleftMenubl("change"); |
257 | }, | 250 | }, |
258 | // 增加补录记录 | ||
259 | /** | 251 | /** |
260 | * @description: 增加补录记录 | 252 | * @description: 增加补录记录 |
261 | * @param {*} row | 253 | * @param {*} row |
... | @@ -300,21 +292,9 @@ | ... | @@ -300,21 +292,9 @@ |
300 | .catch((res) => { | 292 | .catch((res) => { |
301 | console.log("错", res); | 293 | console.log("错", res); |
302 | }); | 294 | }); |
303 | }, | 295 | } |
304 | // openDialog () { | 296 | } |
305 | // this.$store.dispatch('user/refreshPage', false) | 297 | } |
306 | // let data = JSON.parse(localStorage.getItem('ywbl')) | ||
307 | // let title | ||
308 | // if (data?.sqywmc) { | ||
309 | // title = "申请业务:" + data?.sqywmc | ||
310 | // } else { | ||
311 | // title = "申请业务:" + data?.djywmc | ||
312 | // } | ||
313 | |||
314 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | ||
315 | // } | ||
316 | }, | ||
317 | }; | ||
318 | </script> | 298 | </script> |
319 | <style scoped lang="scss"> | 299 | <style scoped lang="scss"> |
320 | .rightContainer { | 300 | .rightContainer { | ... | ... |
This diff is collapsed.
Click to expand it.
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-15 11:00:11 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="tableBox"> | ||
8 | <div v-show="false"> | ||
9 | <printTemplate | ||
10 | id="boxdiyaq" | ||
11 | :tableData="tableData" | ||
12 | :render="render" /> | ||
13 | </div> | ||
14 | <div class="title"> | ||
15 | {{ title }} | ||
16 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | ||
17 | <div class="checkbox"> | ||
18 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
19 | <el-checkbox | ||
20 | v-for="item in qsztList" | ||
21 | :key="item.value" | ||
22 | :label="item.value">{{ item.label }}</el-checkbox> | ||
23 | </el-checkbox-group> | ||
24 | </div> | ||
25 | </div> | ||
26 | <div class="xxTableBox rollTable"> | ||
27 | <table class="xxTable"> | ||
28 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
29 | <td> | ||
30 | {{ item.label }} | ||
31 | </td> | ||
32 | <td | ||
33 | v-for="(row, index) in tableData" | ||
34 | :key="index" | ||
35 | :class="[ | ||
36 | row.qszt == '2' ? 'lishi' : '', | ||
37 | row.qszt == '0' ? 'linshi' : '', | ||
38 | row.qlzt == '4' ? 'linshi' : '', | ||
39 | |||
40 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
41 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
42 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
43 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
44 | ]"> | ||
45 | <div | ||
46 | class="setbut" | ||
47 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> | ||
48 | <el-button | ||
49 | type="text" | ||
50 | icon="el-icon-edit-outline" | ||
51 | @click="editDialog(row)">编辑</el-button> | ||
52 | <el-button | ||
53 | type="text" | ||
54 | icon="el-icon-edit-outline" | ||
55 | @click="editDialog(row, 'D')">删除</el-button> | ||
56 | </div> | ||
57 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
58 | 有效 | ||
59 | </div> | ||
60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
61 | 正在补录 | ||
62 | </div> | ||
63 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
64 | 正在申请 | ||
65 | </div> | ||
66 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
67 | 正在注销 | ||
68 | </div> | ||
69 | |||
70 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> | ||
71 | <span v-if="item.prop == 'qszt'"> | ||
72 | {{ getQsztName(row[item.prop]) }} | ||
73 | </span> | ||
74 | <span v-else>{{ row[item.prop] }}</span> | ||
75 | </p> | ||
76 | |||
77 | <el-tooltip | ||
78 | v-else | ||
79 | effect="dark" | ||
80 | :content="row[item.prop]" | ||
81 | placement="top" | ||
82 | popper-class="tooltip-width"> | ||
83 | <span class="ellipsis-line"> | ||
84 | {{ row[item.prop] }} | ||
85 | </span> | ||
86 | </el-tooltip> | ||
87 | </td> | ||
88 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
89 | </tr> | ||
90 | </table> | ||
91 | </div> | ||
92 | </div> | ||
93 | </template> | ||
94 | <script> | ||
95 | import { datas } from "../qlxxFormData.js"; | ||
96 | import printTemplate from "../components/printTemplate.vue"; | ||
97 | export default { | ||
98 | components: { | ||
99 | printTemplate | ||
100 | }, | ||
101 | props: { | ||
102 | title: { | ||
103 | type: String, | ||
104 | default: '' | ||
105 | }, | ||
106 | shows: { | ||
107 | type: Boolean, | ||
108 | default: false | ||
109 | }, | ||
110 | // 传递参数 | ||
111 | propsParam: { | ||
112 | type: Object, | ||
113 | default: () => { } | ||
114 | }, | ||
115 | // 列表数据 | ||
116 | tableData: { | ||
117 | type: Array, | ||
118 | default: () => [] | ||
119 | }, | ||
120 | columns: { | ||
121 | type: Array, | ||
122 | default: () => [] | ||
123 | }, | ||
124 | }, | ||
125 | data () { | ||
126 | return { | ||
127 | printObj: { | ||
128 | id: "box", | ||
129 | //其他配置项, | ||
130 | }, | ||
131 | qsztList: datas.columns().qsztList, | ||
132 | checkList: datas.columns().checkList, | ||
133 | //空列值个数 | ||
134 | emptycolNum: datas.columns().emptycolNum, | ||
135 | render: false, | ||
136 | }; | ||
137 | }, | ||
138 | methods: { | ||
139 | openPrint () { | ||
140 | this.render = true; | ||
141 | setTimeout(() => { | ||
142 | this.prinsss(); | ||
143 | }, 100); | ||
144 | }, | ||
145 | /** | ||
146 | * @description: prinsss | ||
147 | * @author: miaofang | ||
148 | */ | ||
149 | prinsss () { | ||
150 | printJS({ | ||
151 | printable: "boxdiyaq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
152 | type: "html", | ||
153 | maxWidth: 800, // 最大宽度 | ||
154 | font_size: "", // 不设置则使用默认字体大小 | ||
155 | style: `@font-face { | ||
156 | font-family: "STZHONGS"; | ||
157 | src: url(${window.ttf}) format("truetype"); | ||
158 | }`, | ||
159 | // 继承原来的所有样式 | ||
160 | targetStyles: ["*"], | ||
161 | }); | ||
162 | this.render = false | ||
163 | }, | ||
164 | /** | ||
165 | * @description: checkChange | ||
166 | * @author: renchao | ||
167 | */ | ||
168 | checkChange () { | ||
169 | if (this.checkList.length === 0) { | ||
170 | this.tableData = []; | ||
171 | this.emptycolNum = datas.columns().emptycolNum; | ||
172 | } else { | ||
173 | this.$parent.loadData(); | ||
174 | } | ||
175 | }, | ||
176 | /** | ||
177 | * @description: getQsztName | ||
178 | * @param {*} code | ||
179 | * @author: renchao | ||
180 | */ | ||
181 | getQsztName (code) { | ||
182 | let name = ""; | ||
183 | for (let item of this.qsztList) { | ||
184 | if (item.value == code) { | ||
185 | name = item.label; | ||
186 | break; | ||
187 | } | ||
188 | } | ||
189 | return name; | ||
190 | }, | ||
191 | /** | ||
192 | * @description: 新增一条补录信息 | ||
193 | * @param {*} row | ||
194 | * @param {*} del | ||
195 | * @author: renchao | ||
196 | */ | ||
197 | editDialog (row, del) { | ||
198 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
199 | confirmButtonText: "确定", | ||
200 | cancelButtonText: "取消", | ||
201 | type: "warning", | ||
202 | }) | ||
203 | .then(() => { | ||
204 | this.$parent.$parent.addRepairRecord(row, del); | ||
205 | this.$message({ | ||
206 | type: "success", | ||
207 | message: "补录成功!" | ||
208 | }) | ||
209 | }) | ||
210 | .catch(() => { | ||
211 | this.$message({ | ||
212 | type: "info", | ||
213 | message: "取消编辑" | ||
214 | }) | ||
215 | }) | ||
216 | } | ||
217 | } | ||
218 | } | ||
219 | </script> | ||
220 | |||
221 | <style lang="scss" scoped> | ||
222 | @import "../qlxxCommon.scss"; | ||
223 | .title { | ||
224 | position: relative; | ||
225 | .print { | ||
226 | z-index: 10; | ||
227 | position: absolute; | ||
228 | left: 11px; | ||
229 | top: 5px; | ||
230 | } | ||
231 | } | ||
232 | </style> |
This diff is collapsed.
Click to expand it.
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-23 15:57:40 | 4 | * @LastEditTime: 2023-09-15 10:41:10 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="content"> | 7 | <div class="content"> |
... | @@ -83,7 +83,6 @@ | ... | @@ -83,7 +83,6 @@ |
83 | this.loadData(this.formData.bdcdyh); | 83 | this.loadData(this.formData.bdcdyh); |
84 | }, | 84 | }, |
85 | methods: { | 85 | methods: { |
86 | |||
87 | /** | 86 | /** |
88 | * @description: getBdcdyh | 87 | * @description: getBdcdyh |
89 | * @author: miaofang | 88 | * @author: miaofang |
... | @@ -122,7 +121,7 @@ | ... | @@ -122,7 +121,7 @@ |
122 | bdcdyh: val.bdcdyh, | 121 | bdcdyh: val.bdcdyh, |
123 | qllx: this.formData.qllx, | 122 | qllx: this.formData.qllx, |
124 | bsmQlxx: this.formData.bsmQlxx, | 123 | bsmQlxx: this.formData.bsmQlxx, |
125 | }; | 124 | } |
126 | }, | 125 | }, |
127 | /** | 126 | /** |
128 | * @description: loadData | 127 | * @description: loadData |
... | @@ -142,26 +141,23 @@ | ... | @@ -142,26 +141,23 @@ |
142 | this.defaultNode = getNode( | 141 | this.defaultNode = getNode( |
143 | this.formData.qllx, | 142 | this.formData.qllx, |
144 | { linShi: 0, xianShi: 0, liShi: 0 }, | 143 | { linShi: 0, xianShi: 0, liShi: 0 }, |
145 | res.result.bdcdylx|| "" | 144 | res.result.bdcdylx || "" |
146 | ); | 145 | ); |
147 | this.sfqdata[0].children.forEach((item, index) => { | 146 | this.sfqdata[0].children.forEach((item, index) => { |
148 | if (item.id == this.defaultNode.id) { | 147 | if (item.id == this.defaultNode.id) { |
149 | this.iskey = index | 148 | this.iskey = index |
150 | } | 149 | } |
151 | }) | 150 | }) |
152 | |||
153 | this.setstyle(0, 0, this.iskey); | 151 | this.setstyle(0, 0, this.iskey); |
154 | 152 | }) | |
155 | |||
156 | }); | ||
157 | } | 153 | } |
158 | }); | 154 | }) |
159 | this.currentSelectProps = { | 155 | this.currentSelectProps = { |
160 | bdcdyid: this.formData.bdcdyid, | 156 | bdcdyid: this.formData.bdcdyid, |
161 | bdcdyh: val, | 157 | bdcdyh: val, |
162 | qllx: this.formData.qllx, | 158 | qllx: this.formData.qllx, |
163 | bsmQlxx: this.formData.bsmQlxx, | 159 | bsmQlxx: this.formData.bsmQlxx, |
164 | }; | 160 | } |
165 | }, | 161 | }, |
166 | /** | 162 | /** |
167 | * @description: handleNodeClick | 163 | * @description: handleNodeClick |
... | @@ -171,12 +167,6 @@ | ... | @@ -171,12 +167,6 @@ |
171 | handleNodeClick (data) { | 167 | handleNodeClick (data) { |
172 | this.loadComponent(data.form); | 168 | this.loadComponent(data.form); |
173 | }, | 169 | }, |
174 | /** | ||
175 | * @description: setstyle | ||
176 | * @param {*} data | ||
177 | * @author: renchao | ||
178 | * 设置样式和点击定位到当前功能 | ||
179 | */ | ||
180 | setstyle (newindex, index, key) { | 170 | setstyle (newindex, index, key) { |
181 | if (key != undefined || this.keyy == index) { | 171 | if (key != undefined || this.keyy == index) { |
182 | if (key != undefined) { | 172 | if (key != undefined) { |
... | @@ -193,10 +183,6 @@ | ... | @@ -193,10 +183,6 @@ |
193 | dpme.style.color = "black"; | 183 | dpme.style.color = "black"; |
194 | dpme.style.border = "none"; | 184 | dpme.style.border = "none"; |
195 | } | 185 | } |
196 | |||
197 | |||
198 | |||
199 | |||
200 | }, | 186 | }, |
201 | /** | 187 | /** |
202 | * @description: addlist | 188 | * @description: addlist |
... | @@ -213,8 +199,8 @@ | ... | @@ -213,8 +199,8 @@ |
213 | this.currentSelectProps.bdcdyid = data.bdcdyid; | 199 | this.currentSelectProps.bdcdyid = data.bdcdyid; |
214 | this.loadComponent(data.form); | 200 | this.loadComponent(data.form); |
215 | } else { | 201 | } else { |
216 | this.loadComponent(data.form); | 202 | this.loadComponent(data.form); |
217 | let newindex = this.sfqdata.findIndex((item) => { | 203 | let newindex = this.sfqdata.findIndex((item) => { |
218 | return item.bdcdyid == data.bdcdyid; | 204 | return item.bdcdyid == data.bdcdyid; |
219 | }); | 205 | }); |
220 | this.setstyle(newindex, index); | 206 | this.setstyle(newindex, index); |
... | @@ -227,11 +213,12 @@ | ... | @@ -227,11 +213,12 @@ |
227 | * @author: renchao | 213 | * @author: renchao |
228 | */ | 214 | */ |
229 | loadComponent (form) { | 215 | loadComponent (form) { |
216 | console.log(form, 'form'); | ||
230 | this.componentTag = (r) => | 217 | this.componentTag = (r) => |
231 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 218 | require.ensure([], () => r(require("@/views/registerBook/" + form))); |
232 | }, | 219 | } |
233 | }, | 220 | } |
234 | }; | 221 | } |
235 | </script> | 222 | </script> |
236 | <style scoped lang="scss"> | 223 | <style scoped lang="scss"> |
237 | /deep/.rollTable { | 224 | /deep/.rollTable { | ... | ... |
1 | import { log } from "bpmn-js-token-simulation"; | 1 | /* |
2 | 2 | * @Description: | |
3 | 3 | * @Autor: renchao | |
4 | * @LastEditTime: 2023-09-15 10:52:40 | ||
5 | */ | ||
4 | var qlxxPage = [ | 6 | var qlxxPage = [ |
5 | { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" }, | 7 | { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" }, |
6 | { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" }, | 8 | { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" }, |
... | @@ -45,7 +47,7 @@ var qlxxPage = [ | ... | @@ -45,7 +47,7 @@ var qlxxPage = [ |
45 | * @param {*} bdcdyh | 47 | * @param {*} bdcdyh |
46 | * @author: renchao | 48 | * @author: renchao |
47 | */ | 49 | */ |
48 | export function loadTreeData(bdcdyh) { | 50 | export function loadTreeData (bdcdyh) { |
49 | let treedata = []; | 51 | let treedata = []; |
50 | //加载封面 | 52 | //加载封面 |
51 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | 53 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); |
... | @@ -53,24 +55,24 @@ export function loadTreeData(bdcdyh) { | ... | @@ -53,24 +55,24 @@ export function loadTreeData(bdcdyh) { |
53 | treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); | 55 | treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); |
54 | return treedata; | 56 | return treedata; |
55 | } | 57 | } |
56 | export function loadsfqData(qlxxData, bdcdyh,bdcdyid) { | 58 | export function loadsfqData (qlxxData, bdcdyh, bdcdyid) { |
57 | let treedata={ | 59 | let treedata = { |
58 | bdcdyid:bdcdyid,id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], | 60 | bdcdyid: bdcdyid, id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], |
59 | }; | 61 | }; |
60 | //主体权利 | 62 | //主体权利 |
61 | treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx,bdcdyid)); | 63 | treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx, bdcdyid)); |
62 | //抵押权 | 64 | //抵押权 |
63 | treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid)); | 65 | treedata.children.push(getNode("A37", qlxxData.diyaq, '', bdcdyid)); |
64 | //地役权 | 66 | //地役权 |
65 | treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid)); | 67 | treedata.children.push(getNode("A19", qlxxData.diyiq, '', bdcdyid)); |
66 | //预告登记 | 68 | //预告登记 |
67 | treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid)); | 69 | treedata.children.push(getNode("B40", qlxxData.ygdj, '', bdcdyid)); |
68 | //异议登记 | 70 | //异议登记 |
69 | treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid)); | 71 | treedata.children.push(getNode("B38", qlxxData.yydj, '', bdcdyid)); |
70 | //查封登记 | 72 | //查封登记 |
71 | treedata.children.push(getNode("B39", qlxxData.cfdj, '',bdcdyid)); | 73 | treedata.children.push(getNode("B39", qlxxData.cfdj, '', bdcdyid)); |
72 | 74 | ||
73 | return treedata; | 75 | return treedata; |
74 | } | 76 | } |
75 | 77 | ||
76 | //获取权利类型、不动产单元类型对应的树形节点信息 | 78 | //获取权利类型、不动产单元类型对应的树形节点信息 |
... | @@ -81,18 +83,18 @@ export function loadsfqData(qlxxData, bdcdyh,bdcdyid) { | ... | @@ -81,18 +83,18 @@ export function loadsfqData(qlxxData, bdcdyh,bdcdyid) { |
81 | * @param {*} bdcdylx | 83 | * @param {*} bdcdylx |
82 | * @author: renchao | 84 | * @author: renchao |
83 | */ | 85 | */ |
84 | export function getNode(qllx, qlxx, bdcdylx,bdcdyid) { | 86 | export function getNode (qllx, qlxx, bdcdylx, bdcdyid) { |
85 | let node; | 87 | let node; |
86 | for (var i = 0; i < qlxxPage.length; i++) { | 88 | for (var i = 0; i < qlxxPage.length; i++) { |
87 | if (qlxxPage[i].qllx == qllx) { | 89 | if (qlxxPage[i].qllx == qllx) { |
88 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { | 90 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { |
89 | if (bdcdylx == "4") { | 91 | if (bdcdylx == "4") { |
90 | node = {bdcdyid:bdcdyid,id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 92 | node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; |
91 | } else { | 93 | } else { |
92 | node = { bdcdyid:bdcdyid,id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 94 | node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; |
93 | } | 95 | } |
94 | } else { | 96 | } else { |
95 | node = { bdcdyid:bdcdyid,id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 97 | node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; |
96 | } | 98 | } |
97 | break; | 99 | break; |
98 | } | 100 | } | ... | ... |
This diff is collapsed.
Click to expand it.
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-09-15 10:58:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <!-- <div v-show="false"> |
9 | <printTemplate | 9 | <printTemplate |
10 | id="boxfdcq" | 10 | id="boxfdcq" |
11 | :tableData="tableData" | 11 | :tableData="tableData" |
12 | :render="render" | 12 | :render="render" /> |
13 | /> | 13 | </div> --> |
14 | </div> | 14 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
15 | <div class="tableBox"> | 15 | :columns="columns" :tableData="tableData" /> |
16 | <!-- <div class="tableBox"> | ||
16 | <div class="title"> | 17 | <div class="title"> |
17 | {{ title }} | 18 | {{ title }} |
18 | <el-button class="print" v-show="shows" @click="openPrint()" | 19 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> |
19 | >打印</el-button | ||
20 | > | ||
21 | <div class="checkbox"> | 20 | <div class="checkbox"> |
22 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 21 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
23 | <el-checkbox | 22 | <el-checkbox |
24 | v-for="item in qsztList" | 23 | v-for="item in qsztList" |
25 | :key="item.value" | 24 | :key="item.value" |
26 | :label="item.value" | 25 | :label="item.value">{{ item.label }}</el-checkbox> |
27 | >{{ item.label }}</el-checkbox | ||
28 | > | ||
29 | </el-checkbox-group> | 26 | </el-checkbox-group> |
30 | </div> | 27 | </div> |
31 | </div> | 28 | </div> |
... | @@ -47,24 +44,18 @@ | ... | @@ -47,24 +44,18 @@ |
47 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 44 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
48 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 45 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
49 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 46 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
50 | ]" | 47 | ]"> |
51 | > | ||
52 | <div | 48 | <div |
53 | class="setbut" | 49 | class="setbut" |
54 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | 50 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> |
55 | > | ||
56 | <el-button | 51 | <el-button |
57 | type="text" | 52 | type="text" |
58 | icon="el-icon-edit-outline" | 53 | icon="el-icon-edit-outline" |
59 | @click="editDialog(row)" | 54 | @click="editDialog(row)">编辑</el-button> |
60 | >编辑</el-button | ||
61 | > | ||
62 | <el-button | 55 | <el-button |
63 | type="text" | 56 | type="text" |
64 | icon="el-icon-edit-outline" | 57 | icon="el-icon-edit-outline" |
65 | @click="editDialog(row, 'D')" | 58 | @click="editDialog(row, 'D')">删除</el-button> |
66 | >删除</el-button | ||
67 | > | ||
68 | </div> | 59 | </div> |
69 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
70 | 有效 | 61 | 有效 |
... | @@ -91,8 +82,7 @@ | ... | @@ -91,8 +82,7 @@ |
91 | effect="dark" | 82 | effect="dark" |
92 | :content="row[item.prop]" | 83 | :content="row[item.prop]" |
93 | placement="top" | 84 | placement="top" |
94 | popper-class="tooltip-width" | 85 | popper-class="tooltip-width"> |
95 | > | ||
96 | <span class="ellipsis-line"> | 86 | <span class="ellipsis-line"> |
97 | {{ row[item.prop] }} | 87 | {{ row[item.prop] }} |
98 | </span> | 88 | </span> |
... | @@ -102,162 +92,84 @@ | ... | @@ -102,162 +92,84 @@ |
102 | </tr> | 92 | </tr> |
103 | </table> | 93 | </table> |
104 | </div> | 94 | </div> |
105 | </div> | 95 | </div> --> |
106 | </div> | 96 | </div> |
107 | </template> | 97 | </template> |
108 | |||
109 | <script> | 98 | <script> |
110 | import printTemplate from "./components/printTemplate.vue"; | 99 | import { datas } from "./qlxxFormData.js"; |
111 | import { datas } from "./qlxxFormData.js"; | 100 | import { getSjlx } from "@/utils/dictionary.js"; |
112 | import { getSjlx } from "@/utils/dictionary.js"; | 101 | import { getFdcq2List } from "@/api/djbDetail.js"; |
113 | import { getFdcq2List } from "@/api/djbDetail.js"; | 102 | import djbDetail from "./components/djbDetail.vue" |
114 | export default { | 103 | import printTemplate from "./components/printTemplate.vue"; |
115 | components: { | 104 | export default { |
116 | printTemplate, | 105 | components: { |
117 | }, | 106 | printTemplate, |
118 | data() { | 107 | djbDetail |
119 | return { | 108 | }, |
120 | 109 | ||
121 | shows: false, | 110 | data () { |
122 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 111 | return { |
123 | qsztList: datas.columns().qsztList, | 112 | shows: false, |
124 | checkList: datas.columns().checkList, | 113 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
125 | //传递参数 | 114 | //传递参数 |
126 | propsParam: this.$attrs, | 115 | propsParam: this.$attrs, |
127 | //列表数据 | 116 | //列表数据 |
128 | tableData: [], | 117 | tableData: [], |
129 | //空列值个数 | 118 | //列名称对象 |
130 | emptycolNum: datas.columns().emptycolNum, | 119 | columns: datas.columns().FDCQ2, |
131 | //列名称对象 | 120 | // qsztList: datas.columns().qsztList, |
132 | columns: datas.columns().FDCQ2, | 121 | render: false, |
133 | render: false, | 122 | // checkList:datas.columns().checkList, |
134 | }; | 123 | //空列值个数 |
135 | }, | 124 | // emptycolNum: datas.columns().emptycolNum |
136 | created() { | 125 | }; |
137 | this.loadData(); | ||
138 | }, | ||
139 | methods: { | ||
140 | /** | ||
141 | * @description: openPrint | ||
142 | * @author: miaofang | ||
143 | */ | ||
144 | openPrint() { | ||
145 | this.render = true; | ||
146 | setTimeout(() => { | ||
147 | this.prinsss(); | ||
148 | }, 100); | ||
149 | }, | 126 | }, |
150 | /** | 127 | created () { |
151 | * @description: prinsss | 128 | this.loadData(); |
152 | * @author: miaofang | ||
153 | */ | ||
154 | prinsss() { | ||
155 | printJS({ | ||
156 | printable: "boxfdcq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
157 | type: "html", | ||
158 | maxWidth: 800, // 最大宽度 | ||
159 | font_size: "", // 不设置则使用默认字体大小 | ||
160 | style: `@font-face { | ||
161 | font-family: "STZHONGS"; | ||
162 | src: url(${window.ttf}) format("truetype"); | ||
163 | }`, | ||
164 | // 继承原来的所有样式 | ||
165 | targetStyles: ["*"], | ||
166 | }); | ||
167 | this.render = false | ||
168 | }, | 129 | }, |
169 | /** | 130 | methods: { |
170 | * @description: loadData | 131 | /** |
171 | * @author: miaofang | 132 | * @description: loadData |
172 | */ | 133 | * @author: miaofang |
173 | loadData() { | 134 | */ |
174 | if (this.$parent.addRepairRecord) { | 135 | loadData () { |
175 | this.columns.unshift({ prop: "cz", label: "操作" }); | 136 | if (this.$parent.addRepairRecord) { |
176 | } | 137 | this.columns.unshift({ prop: "cz", label: "操作" }); |
177 | getFdcq2List({ | ||
178 | bdcdyid: this.propsParam.bdcdyid, | ||
179 | qllx: this.propsParam.qllx, | ||
180 | qszt: this.checkList, | ||
181 | }).then((res) => { | ||
182 | if (res.code === 200) { | ||
183 | this.tableData = res.result; | ||
184 | this.shows = this.tableData.length > 0; | ||
185 | this.tableData.forEach((item) => { | ||
186 | item.sjlx = getSjlx(item.sjlx); | ||
187 | }); | ||
188 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
189 | this.emptycolNum = | ||
190 | datas.columns().emptycolNum - this.tableData.length; | ||
191 | } else { | ||
192 | this.emptycolNum = 0; | ||
193 | } | ||
194 | } | 138 | } |
195 | }); | 139 | getFdcq2List({ |
196 | }, | 140 | bdcdyid: this.propsParam.bdcdyid, |
197 | /** | 141 | qllx: this.propsParam.qllx, |
198 | * @description: checkChange | 142 | qszt: this.checkList, |
199 | * @author: miaofang | 143 | }).then((res) => { |
200 | */ | 144 | if (res.code === 200) { |
201 | checkChange() { | 145 | this.tableData = res.result; |
202 | if (this.checkList.length === 0) { | 146 | this.shows = this.tableData.length > 0; |
203 | this.tableData = []; | 147 | this.tableData.forEach((item) => { |
204 | this.emptycolNum = datas.columns().emptycolNum; | 148 | item.sjlx = getSjlx(item.sjlx); |
205 | } else { | 149 | }); |
206 | this.loadData(); | 150 | if (this.tableData.length < datas.columns().emptycolNum) { |
207 | } | 151 | this.emptycolNum = |
208 | }, | 152 | datas.columns().emptycolNum - this.tableData.length; |
209 | /** | 153 | } else { |
210 | * @description: getQsztName | 154 | this.emptycolNum = 0; |
211 | * @param {*} code | 155 | } |
212 | * @author: miaofang | 156 | } |
213 | */ | ||
214 | getQsztName(code) { | ||
215 | let name = ""; | ||
216 | for (let item of this.qsztList) { | ||
217 | if (item.value == code) { | ||
218 | name = item.label; | ||
219 | break; | ||
220 | } | ||
221 | } | ||
222 | return name; | ||
223 | }, | ||
224 | // 新增一条补录信息 | ||
225 | /** | ||
226 | * @description: 新增一条补录信息 | ||
227 | * @param {*} row | ||
228 | * @param {*} del | ||
229 | * @author: miaofang | ||
230 | */ | ||
231 | editDialog(row, del) { | ||
232 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
233 | confirmButtonText: "确定", | ||
234 | cancelButtonText: "取消", | ||
235 | type: "warning", | ||
236 | }) | ||
237 | .then(() => { | ||
238 | this.$parent.addRepairRecord(row, del); | ||
239 | }) | 157 | }) |
240 | .catch(() => { | 158 | } |
241 | this.$message({ | 159 | } |
242 | type: "info", | 160 | }; |
243 | message: "取消", | ||
244 | }); | ||
245 | }); | ||
246 | }, | ||
247 | }, | ||
248 | }; | ||
249 | </script> | 161 | </script> |
250 | 162 | ||
251 | <style lang="scss" scoped> | 163 | <style lang="scss" scoped> |
252 | @import "./qlxxCommon.scss"; | 164 | @import "./qlxxCommon.scss"; |
253 | .title { | 165 | .title { |
254 | position: relative; | 166 | position: relative; |
255 | .print { | 167 | .print { |
256 | // background-color: #0079fe; | 168 | // background-color: #0079fe; |
257 | z-index: 10; | 169 | z-index: 10; |
258 | position: absolute; | 170 | position: absolute; |
259 | left: 11px; | 171 | left: 11px; |
260 | top: 5px; | 172 | top: 5px; |
173 | } | ||
261 | } | 174 | } |
262 | } | ||
263 | </style> | 175 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-13 11:26:39 | 4 | * @LastEditTime: 2023-09-15 10:02:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clxx"> | 7 | <div class="clxx"> |
... | @@ -167,6 +167,7 @@ | ... | @@ -167,6 +167,7 @@ |
167 | //type 1:列表初始化 2:新增材料 | 167 | //type 1:列表初始化 2:新增材料 |
168 | return new Promise((resolve) => { | 168 | return new Promise((resolve) => { |
169 | this.unitData = this.$parent.unitData; | 169 | this.unitData = this.$parent.unitData; |
170 | console.log(this.$parent.unitData, 'this.$parent.unitData;'); | ||
170 | var formdata = new FormData(); | 171 | var formdata = new FormData(); |
171 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | 172 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); |
172 | if (this.$route.query.sqywbm == "DJBBL") { | 173 | if (this.$route.query.sqywbm == "DJBBL") { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-13 15:58:06 | 4 | * @LastEditTime: 2023-09-15 10:04:28 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
... | @@ -232,7 +232,6 @@ | ... | @@ -232,7 +232,6 @@ |
232 | * @param {*} row | 232 | * @param {*} row |
233 | */ | 233 | */ |
234 | handleDelete (index, row) { | 234 | handleDelete (index, row) { |
235 | let that = this | ||
236 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | 235 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { |
237 | confirmButtonText: '确定', | 236 | confirmButtonText: '确定', |
238 | cancelButtonText: '取消', | 237 | cancelButtonText: '取消', | ... | ... |
... | @@ -84,9 +84,15 @@ class data extends filter { | ... | @@ -84,9 +84,15 @@ class data extends filter { |
84 | minWidth: '150', | 84 | minWidth: '150', |
85 | }, | 85 | }, |
86 | { | 86 | { |
87 | prop: "bdcqzh", | ||
88 | label: "不动产权证号", | 87 | label: "不动产权证号", |
89 | minWidth: '150' | 88 | minWidth: '150', |
89 | render: (h, scope) => { | ||
90 | return ( | ||
91 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
92 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
93 | </el-tooltip> | ||
94 | ) | ||
95 | } | ||
90 | }, | 96 | }, |
91 | { | 97 | { |
92 | prop: "qlrmc", | 98 | prop: "qlrmc", |
... | @@ -119,9 +125,15 @@ class data extends filter { | ... | @@ -119,9 +125,15 @@ class data extends filter { |
119 | minWidth: '80' | 125 | minWidth: '80' |
120 | }, | 126 | }, |
121 | { | 127 | { |
122 | prop: "zl", | ||
123 | label: "坐落", | 128 | label: "坐落", |
124 | minWidth: '150' | 129 | minWidth: '150', |
130 | render: (h, scope) => { | ||
131 | return ( | ||
132 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
133 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
134 | </el-tooltip> | ||
135 | ) | ||
136 | } | ||
125 | }, | 137 | }, |
126 | { | 138 | { |
127 | label: '操作', | 139 | label: '操作', | ... | ... |
-
Please register or sign in to post a comment