--no commit message
Showing
30 changed files
with
657 additions
and
336 deletions
... | @@ -273,6 +273,7 @@ export default { | ... | @@ -273,6 +273,7 @@ export default { |
273 | }, | 273 | }, |
274 | }, | 274 | }, |
275 | methods: { | 275 | methods: { |
276 | |||
276 | closeDialog() { | 277 | closeDialog() { |
277 | this.$emit("input", false); | 278 | this.$emit("input", false); |
278 | this.$refs["ruleForm"].resetFields(); | 279 | this.$refs["ruleForm"].resetFields(); | ... | ... |
... | @@ -41,7 +41,7 @@ var qlxxPage = [ | ... | @@ -41,7 +41,7 @@ var qlxxPage = [ |
41 | ]; | 41 | ]; |
42 | 42 | ||
43 | //组装登记簿树形结构 | 43 | //组装登记簿树形结构 |
44 | export function loadTreeData(qlxxData, bdcdyh) { | 44 | export function loadTreeData(qlxxData) { |
45 | let treedata = []; | 45 | let treedata = []; |
46 | //加载封面 | 46 | //加载封面 |
47 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | 47 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | ... | ... |
... | @@ -5,18 +5,29 @@ | ... | @@ -5,18 +5,29 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | 8 | <lb-table |
9 | :data="tableDataList"> | 9 | :column="column" |
10 | :pagination="false" | ||
11 | :key="key" | ||
12 | :heightNumSetting="true" | ||
13 | :minHeight="150" | ||
14 | :data="tableDataList" | ||
15 | > | ||
10 | </lb-table> | 16 | </lb-table> |
11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | 17 | <addQlr |
18 | v-model="dialog" | ||
19 | :details="details" | ||
20 | :showButton="showButton" | ||
21 | @updateDetail="handleupdateDetail" | ||
22 | /> | ||
12 | </div> | 23 | </div> |
13 | </template> | 24 | </template> |
14 | <script> | 25 | <script> |
15 | import addQlr from './dialog/addQlr.vue' | 26 | import addQlr from "./dialog/addQlr.vue"; |
16 | import { mapGetters } from 'vuex' | 27 | import { mapGetters } from "vuex"; |
17 | export default { | 28 | export default { |
18 | components: { | 29 | components: { |
19 | addQlr | 30 | addQlr, |
20 | }, | 31 | }, |
21 | computed: { | 32 | computed: { |
22 | ...mapGetters(["dictData"]), | 33 | ...mapGetters(["dictData"]), |
... | @@ -25,200 +36,253 @@ | ... | @@ -25,200 +36,253 @@ |
25 | tableData: { | 36 | tableData: { |
26 | type: Array, | 37 | type: Array, |
27 | default: function () { | 38 | default: function () { |
28 | return [] | 39 | return []; |
29 | } | 40 | }, |
41 | }, | ||
42 | ableOperation: { | ||
43 | type: Boolean, | ||
44 | default: false, | ||
30 | }, | 45 | }, |
31 | gyfs: { | 46 | gyfs: { |
32 | type: String, | 47 | type: String, |
33 | default: '1' | 48 | default: "1", |
34 | } | 49 | }, |
35 | }, | 50 | }, |
36 | data () { | 51 | data() { |
37 | return { | 52 | return { |
38 | key: 0, | 53 | key: 0, |
39 | dataIndex: 0, | 54 | dataIndex: 0, |
40 | dialog: false, | 55 | dialog: false, |
41 | isaddupdate: false, | 56 | isaddupdate: false, |
42 | showButton: this.$route.query.viewtype ? false : true, | 57 | showButton: this.ableOperation, |
43 | details: {}, | 58 | details: {}, |
44 | tableDataList: [], | 59 | tableDataList: [], |
45 | InformationTable: [ | 60 | InformationTable: [ |
46 | { | 61 | { |
47 | width: '50', | 62 | width: "50", |
48 | renderHeader: (h, scope) => { | 63 | renderHeader: (h, scope) => { |
49 | return <div> { | 64 | return ( |
50 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 65 | <div> |
51 | } | 66 | {" "} |
67 | {!this.ableOperation ? ( | ||
68 | "序号" | ||
69 | ) : ( | ||
70 | <i | ||
71 | class="el-icon-plus pointer" | ||
72 | onClick={() => { | ||
73 | this.addClick(); | ||
74 | }} | ||
75 | ></i> | ||
76 | )} | ||
52 | </div> | 77 | </div> |
78 | ); | ||
53 | }, | 79 | }, |
54 | render: (h, scope) => { | 80 | render: (h, scope) => { |
55 | return ( | 81 | return ( |
56 | <div> | 82 | <div> |
57 | { | 83 | {!this.ableOperation ? ( |
58 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 84 | <span>{scope.$index + 1}</span> |
59 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 85 | ) : ( |
60 | } | 86 | <i |
87 | class="el-icon-minus pointer" | ||
88 | onClick={() => { | ||
89 | this.deleClick(scope.$index, scope.row); | ||
90 | }} | ||
91 | ></i> | ||
92 | )} | ||
61 | </div> | 93 | </div> |
62 | ) | 94 | ); |
63 | } | 95 | }, |
64 | }, | 96 | }, |
65 | { | 97 | { |
66 | label: '身份证读卡器', | 98 | label: "身份证读卡器", |
67 | align: 'center', | 99 | align: "center", |
68 | render: (h, scope) => { | 100 | render: (h, scope) => { |
69 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | 101 | return ( |
70 | } | 102 | <el-button |
103 | type="text" | ||
104 | icon="el-icon-tickets" | ||
105 | disabled={!this.ableOperation} | ||
106 | onClick={() => { | ||
107 | this.readClick(scope); | ||
108 | }} | ||
109 | > | ||
110 | 读取 | ||
111 | </el-button> | ||
112 | ); | ||
113 | }, | ||
71 | }, | 114 | }, |
72 | { | 115 | { |
73 | prop: "qlrmc", | 116 | prop: "qlrmc", |
74 | label: "姓名/名称" | 117 | label: "姓名/名称", |
75 | }, | 118 | }, |
76 | { | 119 | { |
77 | prop: "zjzl", | 120 | prop: "zjzl", |
78 | label: "证件种类", | 121 | label: "证件种类", |
79 | render: (h, scope) => { | 122 | render: (h, scope) => { |
80 | return this.dictData['A30'] && this.dictData['A30'].map(option => { | 123 | return ( |
124 | this.dictData["A30"] && | ||
125 | this.dictData["A30"].map((option) => { | ||
81 | if (option.dcode == scope.row.zjzl) { | 126 | if (option.dcode == scope.row.zjzl) { |
82 | return <span>{option.dname}</span> | 127 | return <span>{option.dname}</span>; |
83 | } | 128 | } |
84 | }) | 129 | }) |
85 | } | 130 | ); |
131 | }, | ||
86 | }, | 132 | }, |
87 | { | 133 | { |
88 | prop: "zjh", | 134 | prop: "zjh", |
89 | label: "证件号" | 135 | label: "证件号", |
90 | }, | 136 | }, |
91 | { | 137 | { |
92 | prop: "dh", | 138 | prop: "dh", |
93 | label: "联系电话" | 139 | label: "联系电话", |
94 | }, | 140 | }, |
95 | { | 141 | { |
96 | label: '操作', | 142 | label: "操作", |
97 | render: (h, scope) => { | 143 | render: (h, scope) => { |
98 | return ( | 144 | return ( |
99 | <div> | 145 | <div> |
100 | { | 146 | {this.$route.query.viewtype ? ( |
101 | this.$route.query.viewtype ? <el-button | 147 | <el-button |
102 | icon="el-icon-view" | 148 | icon="el-icon-view" |
103 | type="text" | 149 | type="text" |
104 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | 150 | onClick={() => { |
151 | this.queryViewClick(scope.$index, scope.row); | ||
152 | }} | ||
153 | disabled={!this.ableOperation} | ||
154 | > | ||
155 | {" "} | ||
156 | 查看 | ||
157 | </el-button> | ||
158 | ) : ( | ||
159 | <el-button | ||
105 | icon="el-icon-edit-outline" | 160 | icon="el-icon-edit-outline" |
106 | type="text" | 161 | type="text" |
107 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | 162 | onClick={() => { |
108 | } | 163 | this.editClick(scope.$index, scope.row); |
164 | }} | ||
165 | disabled={!this.ableOperation} | ||
166 | > | ||
167 | 编辑 | ||
168 | </el-button> | ||
169 | )} | ||
109 | </div> | 170 | </div> |
110 | ) | 171 | ); |
111 | } | 172 | }, |
112 | } | 173 | }, |
113 | ], | 174 | ], |
114 | column: [] | 175 | column: [], |
115 | } | 176 | }; |
116 | }, | 177 | }, |
117 | watch: { | 178 | watch: { |
118 | tableData: { | 179 | tableData: { |
119 | handler: function (val, oldVal) { | 180 | handler: function (val, oldVal) { |
120 | let that = this | 181 | let that = this; |
121 | this.$nextTick(() => { | 182 | this.$nextTick(() => { |
122 | if (val.length == 0 || !val) { | 183 | if (val.length == 0 || !val) { |
123 | that.tableDataList = _.cloneDeep([{ | 184 | that.tableDataList = _.cloneDeep([ |
124 | qlrmc: '', | 185 | { |
125 | dlrzjlx: '', | 186 | qlrmc: "", |
126 | dlrzjh: '', | 187 | dlrzjlx: "", |
127 | fr: '' | 188 | dlrzjh: "", |
128 | }]) | 189 | fr: "", |
190 | }, | ||
191 | ]); | ||
129 | } else { | 192 | } else { |
130 | that.tableDataList = _.cloneDeep(val) | 193 | that.tableDataList = _.cloneDeep(val); |
131 | } | 194 | } |
132 | }) | 195 | }); |
133 | }, | 196 | }, |
134 | immediate: true, | 197 | immediate: true, |
135 | deep: true | 198 | deep: true, |
136 | }, | 199 | }, |
137 | gyfs: { | 200 | gyfs: { |
138 | handler (newVal, oldValue) { | 201 | handler(newVal, oldValue) { |
139 | let dataList = _.cloneDeep(this.InformationTable) | 202 | let dataList = _.cloneDeep(this.InformationTable); |
140 | if (newVal == 0) { | 203 | if (newVal == 0) { |
141 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 204 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
142 | this.column = _.cloneDeep(dataList) | 205 | this.column = _.cloneDeep(dataList); |
143 | 206 | } else if (newVal == "1" || newVal == "3") { | |
144 | } else if ((newVal == '1' || newVal == '3')) { | 207 | this.column = dataList; |
145 | this.column = dataList | ||
146 | } else { | 208 | } else { |
147 | this.column = _.cloneDeep(dataList) | 209 | this.column = _.cloneDeep(dataList); |
148 | this.column.splice( | 210 | this.column.splice(2, 0, { |
149 | 2, 0, { | ||
150 | prop: "fs", | 211 | prop: "fs", |
151 | label: "份数" | 212 | label: "份数", |
152 | }) | 213 | }); |
153 | } | 214 | } |
154 | }, | 215 | }, |
155 | immediate: true | 216 | immediate: true, |
156 | } | 217 | }, |
157 | }, | 218 | }, |
158 | methods: { | 219 | methods: { |
159 | handleupdateDetail (value) { | 220 | handleupdateDetail(value) { |
160 | if (this.isaddupdate) { | 221 | if (this.isaddupdate) { |
161 | if (!_.isEqual(value, this.tableData)) { | 222 | if (!_.isEqual(value, this.tableData)) { |
162 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | 223 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); |
163 | this.$emit('upDateQlrxxList', this.tableDataList) | 224 | this.$emit("upDateQlrxxList", this.tableDataList); |
164 | } | 225 | } |
165 | } else { | 226 | } else { |
166 | if (!_.isEqual(value, this.tableData)) { | 227 | if (!_.isEqual(value, this.tableData)) { |
167 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 228 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); |
168 | this.$emit('upDateQlrxxList', this.tableDataList) | 229 | this.$emit("upDateQlrxxList", this.tableDataList); |
169 | } | 230 | } |
170 | } | 231 | } |
171 | this.key++ | 232 | this.key++; |
172 | }, | 233 | }, |
173 | // 新增 | 234 | // 新增 |
174 | addClick () { | 235 | addClick() { |
175 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | 236 | if (this.gyfs == "0" && this.tableDataList.length > 0) { |
176 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | 237 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人"); |
177 | } else { | 238 | } else { |
178 | this.dialog = true | 239 | this.dialog = true; |
179 | this.isaddupdate = true | 240 | this.isaddupdate = true; |
180 | } | 241 | } |
181 | }, | 242 | }, |
182 | 243 | ||
183 | // 删除 | 244 | // 删除 |
184 | deleClick (index, row) { | 245 | deleClick(index, row) { |
185 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | 246 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
186 | confirmButtonText: '确定', | 247 | confirmButtonText: "确定", |
187 | cancelButtonText: '取消', | 248 | cancelButtonText: "取消", |
188 | type: 'warning' | 249 | type: "warning", |
189 | }).then(() => { | 250 | }) |
190 | this.tableData.splice(index, 1) | 251 | .then(() => { |
191 | }).catch(() => { | 252 | this.tableData.splice(index, 1); |
192 | }); | 253 | }) |
254 | .catch(() => {}); | ||
193 | }, | 255 | }, |
194 | 256 | ||
195 | // 身份证读取 | 257 | // 身份证读取 |
196 | readClick () { }, | 258 | readClick() {}, |
197 | 259 | ||
260 | // 身份证读取按钮禁用 | ||
261 | onreadClick() { | ||
262 | this.$message.error("此阶段不可编辑"); | ||
263 | }, | ||
198 | // 修改 | 264 | // 修改 |
199 | editClick (index, row) { | 265 | editClick(index, row) { |
200 | // popupDialog("申请人信息", "workflow/components/addQlr", { | 266 | // popupDialog("申请人信息", "workflow/components/addQlr", { |
201 | // showButton: this.$route.query.viewtype ? false : true, | 267 | // showButton: this.$route.query.viewtype ? false : true, |
202 | // dataIndex :index, | 268 | // dataIndex :index, |
203 | // details :row, | 269 | // details :row, |
204 | // isaddupdate :false | 270 | // isaddupdate :false |
205 | // }); | 271 | // }); |
206 | this.dataIndex = index | 272 | this.dataIndex = index; |
207 | this.dialog = true | 273 | this.dialog = true; |
208 | this.details = row | 274 | this.details = row; |
209 | this.isaddupdate = false | 275 | this.isaddupdate = false; |
210 | }, | 276 | }, |
211 | queryViewClick (index, row) { | 277 | queryViewClick(index, row) { |
212 | // popupDialog("申请人信息", "workflow/components/addQlr", { | 278 | // popupDialog("申请人信息", "workflow/components/addQlr", { |
213 | // showButton: this.$route.query.viewtype ? false : true, | 279 | // showButton: this.$route.query.viewtype ? false : true, |
214 | // details: row, | 280 | // details: row, |
215 | // }); | 281 | // }); |
216 | this.dialog = true | 282 | this.dialog = true; |
217 | this.details = row | 283 | this.details = row; |
218 | } | 284 | }, |
219 | } | 285 | }, |
220 | } | 286 | }; |
221 | </script> | 287 | </script> |
222 | <style scoped lang="scss"> | 288 | <style scoped lang="scss"></style> |
223 | |||
224 | </style> | ... | ... |
... | @@ -5,18 +5,29 @@ | ... | @@ -5,18 +5,29 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | 8 | <lb-table |
9 | :data="tableDataList"> | 9 | :column="column" |
10 | :pagination="false" | ||
11 | :key="key" | ||
12 | :heightNumSetting="true" | ||
13 | :minHeight="150" | ||
14 | :data="tableDataList" | ||
15 | > | ||
10 | </lb-table> | 16 | </lb-table> |
11 | <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | 17 | <addYwr |
18 | v-model="dialog" | ||
19 | :details="details" | ||
20 | :showButton="showButton" | ||
21 | @updateDetail="handleupdateDetail" | ||
22 | /> | ||
12 | </div> | 23 | </div> |
13 | </template> | 24 | </template> |
14 | <script> | 25 | <script> |
15 | import addYwr from './dialog/addYwr.vue' | 26 | import addYwr from "./dialog/addYwr.vue"; |
16 | import { mapGetters } from 'vuex' | 27 | import { mapGetters } from "vuex"; |
17 | export default { | 28 | export default { |
18 | components: { | 29 | components: { |
19 | addYwr | 30 | addYwr, |
20 | }, | 31 | }, |
21 | computed: { | 32 | computed: { |
22 | ...mapGetters(["dictData"]), | 33 | ...mapGetters(["dictData"]), |
... | @@ -25,197 +36,248 @@ | ... | @@ -25,197 +36,248 @@ |
25 | tableData: { | 36 | tableData: { |
26 | type: Array, | 37 | type: Array, |
27 | default: function () { | 38 | default: function () { |
28 | return [] | 39 | return []; |
29 | } | 40 | }, |
41 | }, | ||
42 | ableOperation: { | ||
43 | type: Boolean, | ||
44 | default: false, | ||
30 | }, | 45 | }, |
31 | gyfs: { | 46 | gyfs: { |
32 | type: String, | 47 | type: String, |
33 | default: '1' | 48 | default: "1", |
34 | } | 49 | }, |
35 | }, | 50 | }, |
36 | data () { | 51 | data() { |
37 | return { | 52 | return { |
38 | key: 0, | 53 | key: 0, |
39 | dataIndex: 0, | 54 | dataIndex: 0, |
40 | dialog: false, | 55 | dialog: false, |
41 | isaddupdate: false, | 56 | isaddupdate: false, |
42 | showButton: this.$route.query.viewtype ? false : true, | 57 | showButton: this.ableOperation, |
43 | details: {}, | 58 | details: {}, |
44 | tableDataList: [], | 59 | tableDataList: [], |
45 | InformationTable: [ | 60 | InformationTable: [ |
46 | { | 61 | { |
47 | width: '50', | 62 | width: "50", |
48 | renderHeader: (h, scope) => { | 63 | renderHeader: (h, scope) => { |
49 | return <div> { | 64 | return ( |
50 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 65 | <div> |
51 | } | 66 | {" "} |
67 | {!this.ableOperation ? ( | ||
68 | "序号" | ||
69 | ) : ( | ||
70 | <i | ||
71 | class="el-icon-plus pointer" | ||
72 | onClick={() => { | ||
73 | this.addClick(); | ||
74 | }} | ||
75 | ></i> | ||
76 | )} | ||
52 | </div> | 77 | </div> |
78 | ); | ||
53 | }, | 79 | }, |
54 | render: (h, scope) => { | 80 | render: (h, scope) => { |
55 | return ( | 81 | return ( |
56 | <div> | 82 | <div> |
57 | { | 83 | {!this.ableOperation ? ( |
58 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 84 | <span>{scope.$index + 1}</span> |
59 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 85 | ) : ( |
60 | } | 86 | <i |
87 | class="el-icon-minus pointer" | ||
88 | onClick={() => { | ||
89 | this.deleClick(scope.$index, scope.row); | ||
90 | }} | ||
91 | ></i> | ||
92 | )} | ||
61 | </div> | 93 | </div> |
62 | ) | 94 | ); |
63 | } | 95 | }, |
64 | }, | 96 | }, |
65 | { | 97 | { |
66 | label: '身份证读卡器', | 98 | label: "身份证读卡器", |
67 | align: 'center', | 99 | align: "center", |
68 | render: (h, scope) => { | 100 | render: (h, scope) => { |
69 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | 101 | return ( |
70 | } | 102 | <el-button |
103 | type="text" | ||
104 | icon="el-icon-tickets" | ||
105 | disabled={!this.ableOperation} | ||
106 | onClick={() => { | ||
107 | this.readClick(scope); | ||
108 | }} | ||
109 | > | ||
110 | 读取 | ||
111 | </el-button> | ||
112 | ); | ||
113 | }, | ||
71 | }, | 114 | }, |
72 | { | 115 | { |
73 | prop: "ywrmc", | 116 | prop: "ywrmc", |
74 | label: "姓名/名称" | 117 | label: "姓名/名称", |
75 | }, | 118 | }, |
76 | { | 119 | { |
77 | prop: "zjzl", | 120 | prop: "zjzl", |
78 | label: "证件种类", | 121 | label: "证件种类", |
79 | render: (h, scope) => { | 122 | render: (h, scope) => { |
80 | return this.dictData['A30'] && this.dictData['A30'].map(option => { | 123 | return ( |
124 | this.dictData["A30"] && | ||
125 | this.dictData["A30"].map((option) => { | ||
81 | if (option.dcode == scope.row.zjzl) { | 126 | if (option.dcode == scope.row.zjzl) { |
82 | return <span>{option.dname}</span> | 127 | return <span>{option.dname}</span>; |
83 | } | 128 | } |
84 | }) | 129 | }) |
85 | } | 130 | ); |
131 | }, | ||
86 | }, | 132 | }, |
87 | { | 133 | { |
88 | prop: "zjh", | 134 | prop: "zjh", |
89 | label: "证件号" | 135 | label: "证件号", |
90 | }, | 136 | }, |
91 | { | 137 | { |
92 | prop: "dh", | 138 | prop: "dh", |
93 | label: "联系电话" | 139 | label: "联系电话", |
94 | }, | 140 | }, |
95 | { | 141 | { |
96 | label: '操作', | 142 | label: "操作", |
97 | render: (h, scope) => { | 143 | render: (h, scope) => { |
98 | return ( | 144 | return ( |
99 | <div> | 145 | <div> |
100 | { | 146 | {this.$route.query.viewtype ? ( |
101 | this.$route.query.viewtype ? <el-button | 147 | <el-button |
102 | icon="el-icon-view" | 148 | icon="el-icon-view" |
103 | type="text" | 149 | type="text" |
104 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | 150 | onClick={() => { |
151 | this.queryViewClick(scope.$index, scope.row); | ||
152 | }} | ||
153 | disabled={!this.ableOperation} | ||
154 | > | ||
155 | {" "} | ||
156 | 查看 | ||
157 | </el-button> | ||
158 | ) : ( | ||
159 | <el-button | ||
105 | icon="el-icon-edit-outline" | 160 | icon="el-icon-edit-outline" |
106 | type="text" | 161 | type="text" |
107 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | 162 | onClick={() => { |
108 | } | 163 | this.editClick(scope.$index, scope.row); |
164 | }} | ||
165 | disabled={!this.ableOperation} | ||
166 | > | ||
167 | 编辑 | ||
168 | </el-button> | ||
169 | )} | ||
109 | </div> | 170 | </div> |
110 | ) | 171 | ); |
111 | } | 172 | }, |
112 | } | 173 | }, |
113 | ], | 174 | ], |
114 | column: [] | 175 | column: [], |
115 | } | 176 | }; |
116 | }, | 177 | }, |
117 | watch: { | 178 | watch: { |
118 | tableData: { | 179 | tableData: { |
119 | handler: function (val, oldVal) { | 180 | handler: function (val, oldVal) { |
120 | let that = this | 181 | let that = this; |
121 | this.$nextTick(() => { | 182 | this.$nextTick(() => { |
122 | if (val.length == 0 || !val) { | 183 | if (val.length == 0 || !val) { |
123 | that.tableDataList = _.cloneDeep([{ | 184 | that.tableDataList = _.cloneDeep([ |
124 | ywrmc: '', | 185 | { |
125 | dlrzjlx: '', | 186 | ywrmc: "", |
126 | dlrzjh: '', | 187 | dlrzjlx: "", |
127 | fr: '' | 188 | dlrzjh: "", |
128 | }]) | 189 | fr: "", |
190 | }, | ||
191 | ]); | ||
129 | } else { | 192 | } else { |
130 | that.tableDataList = _.cloneDeep(val) | 193 | that.tableDataList = _.cloneDeep(val); |
131 | } | 194 | } |
132 | }) | 195 | }); |
133 | }, | 196 | }, |
134 | immediate: true, | 197 | immediate: true, |
135 | deep: true | 198 | deep: true, |
136 | }, | 199 | }, |
137 | gyfs: { | 200 | gyfs: { |
138 | handler (newVal, oldValue) { | 201 | handler(newVal, oldValue) { |
139 | let dataList = _.cloneDeep(this.InformationTable) | 202 | let dataList = _.cloneDeep(this.InformationTable); |
140 | if (newVal == 0) { | 203 | if (newVal == 0) { |
141 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 204 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
142 | this.column = _.cloneDeep(dataList) | 205 | this.column = _.cloneDeep(dataList); |
143 | 206 | } else if (newVal == "1" || newVal == "3") { | |
144 | } else if ((newVal == '1' || newVal == '3')) { | 207 | this.column = dataList; |
145 | this.column = dataList | ||
146 | } else { | 208 | } else { |
147 | this.column = _.cloneDeep(dataList) | 209 | this.column = _.cloneDeep(dataList); |
148 | this.column.splice( | 210 | this.column.splice(2, 0, { |
149 | 2, 0, { | ||
150 | prop: "fs", | 211 | prop: "fs", |
151 | label: "份数" | 212 | label: "份数", |
152 | }) | 213 | }); |
153 | } | 214 | } |
154 | }, | 215 | }, |
155 | immediate: true | 216 | immediate: true, |
156 | } | 217 | }, |
157 | }, | 218 | }, |
158 | methods: { | 219 | methods: { |
159 | handleupdateDetail (value) { | 220 | handleupdateDetail(value) { |
160 | if (this.isaddupdate) { | 221 | if (this.isaddupdate) { |
161 | if (!_.isEqual(value, this.tableData)) { | 222 | if (!_.isEqual(value, this.tableData)) { |
162 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | 223 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); |
163 | this.$emit('upDateQlrxxList', this.tableDataList) | 224 | this.$emit("upDateQlrxxList", this.tableDataList); |
164 | } | 225 | } |
165 | } else { | 226 | } else { |
166 | if (!_.isEqual(value, this.tableData)) { | 227 | if (!_.isEqual(value, this.tableData)) { |
167 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 228 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); |
168 | this.$emit('upDateQlrxxList', this.tableDataList) | 229 | this.$emit("upDateQlrxxList", this.tableDataList); |
169 | } | 230 | } |
170 | } | 231 | } |
171 | this.key++ | 232 | this.key++; |
172 | }, | 233 | }, |
173 | // 新增 | 234 | // 新增 |
174 | addClick () { | 235 | addClick() { |
175 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | 236 | if (this.gyfs == "0" && this.tableDataList.length > 0) { |
176 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | 237 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人"); |
177 | } else { | 238 | } else { |
178 | this.dialog = true | 239 | this.dialog = true; |
179 | this.isaddupdate = true | 240 | this.isaddupdate = true; |
180 | } | 241 | } |
181 | }, | 242 | }, |
182 | 243 | ||
183 | // 删除 | 244 | // 删除 |
184 | deleClick (index, row) { | 245 | deleClick(index, row) { |
185 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | 246 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
186 | confirmButtonText: '确定', | 247 | confirmButtonText: "确定", |
187 | cancelButtonText: '取消', | 248 | cancelButtonText: "取消", |
188 | type: 'warning' | 249 | type: "warning", |
189 | }).then(() => { | 250 | }) |
190 | this.tableData.splice(index, 1) | 251 | .then(() => { |
191 | }).catch(() => { | 252 | this.tableData.splice(index, 1); |
192 | }); | 253 | }) |
254 | .catch(() => {}); | ||
193 | }, | 255 | }, |
194 | 256 | ||
195 | // 身份证读取 | 257 | // 身份证读取 |
196 | readClick () { }, | 258 | readClick() {}, |
197 | 259 | ||
198 | // 修改 | 260 | // 修改 |
199 | editClick (index, row) { | 261 | editClick(index, row) { |
200 | // popupDialog("申请人信息", "workflow/components/addYwr", { | 262 | // popupDialog("申请人信息", "workflow/components/addYwr", { |
201 | // showButton: this.$route.query.viewtype ? false : true, | 263 | // showButton: this.$route.query.viewtype ? false : true, |
202 | // dataIndex :index, | 264 | // dataIndex :index, |
203 | // details :row, | 265 | // details :row, |
204 | // isaddupdate :false | 266 | // isaddupdate :false |
205 | // }); | 267 | // }); |
206 | this.dataIndex = index | 268 | this.dataIndex = index; |
207 | this.dialog = true | 269 | this.dialog = true; |
208 | this.details = row | 270 | this.details = row; |
209 | this.isaddupdate = false | 271 | this.isaddupdate = false; |
210 | }, | 272 | }, |
211 | queryViewClick (index, row) { | 273 | queryViewClick(index, row) { |
212 | // popupDialog("申请人信息", "workflow/components/addYwr", { | 274 | // popupDialog("申请人信息", "workflow/components/addYwr", { |
213 | // showButton: this.$route.query.viewtype ? false : true, | 275 | // showButton: this.$route.query.viewtype ? false : true, |
214 | // details: row, | 276 | // details: row, |
215 | // }); | 277 | // }); |
216 | this.dialog = true | 278 | this.dialog = true; |
217 | this.details = row | 279 | this.details = row; |
218 | } | 280 | }, |
219 | } | 281 | }, |
220 | } | 282 | }; |
221 | </script> | 283 | </script> | ... | ... |
... | @@ -10,12 +10,13 @@ | ... | @@ -10,12 +10,13 @@ |
10 | <el-form | 10 | <el-form |
11 | :model="ruleForm" | 11 | :model="ruleForm" |
12 | :rules="rules" | 12 | :rules="rules" |
13 | class="loadingtext" | ||
14 | ref="ruleForm" | 13 | ref="ruleForm" |
15 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
16 | :inline="flag" | 15 | :inline="flag" |
17 | label-width="145px" | 16 | label-width="145px" |
18 | inline-message | 17 | inline-message |
18 | :class="{readonly: editDisabled }" | ||
19 | class="loadingtext" | ||
19 | > | 20 | > |
20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
21 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
... | @@ -340,7 +341,7 @@ | ... | @@ -340,7 +341,7 @@ |
340 | </el-form-item> | 341 | </el-form-item> |
341 | </el-col> | 342 | </el-col> |
342 | </div> | 343 | </div> |
343 | <el-row class="btn" v-if="!$route.query.viewtype"> | 344 | <el-row class="btn" v-if="ableOperation"> |
344 | <el-form-item> | 345 | <el-form-item> |
345 | <el-button type="primary" @click="onSubmit">保存</el-button> | 346 | <el-button type="primary" @click="onSubmit">保存</el-button> |
346 | </el-form-item> | 347 | </el-form-item> |
... | @@ -359,6 +360,14 @@ export default { | ... | @@ -359,6 +360,14 @@ export default { |
359 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 360 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
360 | computed: { | 361 | computed: { |
361 | ...mapGetters(["dictData", "flag"]), | 362 | ...mapGetters(["dictData", "flag"]), |
363 | // 根据流程判断表单是否为只读 | ||
364 | editDisabled() { | ||
365 | if (!this.ableOperation) { | ||
366 | //只读状态 | ||
367 | return true; | ||
368 | } | ||
369 | return false; | ||
370 | }, | ||
362 | }, | 371 | }, |
363 | data() { | 372 | data() { |
364 | return { | 373 | return { |
... | @@ -426,6 +435,7 @@ export default { | ... | @@ -426,6 +435,7 @@ export default { |
426 | dname: "是", | 435 | dname: "是", |
427 | }, | 436 | }, |
428 | ], | 437 | ], |
438 | ableOperation:false, | ||
429 | //传递参数\ | 439 | //传递参数\ |
430 | 440 | ||
431 | ssQlxxList: [], | 441 | ssQlxxList: [], |
... | @@ -444,7 +454,9 @@ export default { | ... | @@ -444,7 +454,9 @@ export default { |
444 | created() { | 454 | created() { |
445 | this.loadData(); | 455 | this.loadData(); |
446 | }, | 456 | }, |
447 | mounted() {}, | 457 | mounted() { |
458 | this.ableOperation=this.$parent.ableOperation | ||
459 | }, | ||
448 | methods: { | 460 | methods: { |
449 | ztQlxxchange(val) { | 461 | ztQlxxchange(val) { |
450 | this.ruleForm.ztQlxx = val; | 462 | this.ruleForm.ztQlxx = val; |
... | @@ -570,6 +582,13 @@ export default { | ... | @@ -570,6 +582,13 @@ export default { |
570 | }; | 582 | }; |
571 | </script> | 583 | </script> |
572 | <style scoped lang="scss"> | 584 | <style scoped lang="scss"> |
585 | |||
573 | @import "~@/styles/public.scss"; | 586 | @import "~@/styles/public.scss"; |
574 | @import "~@/styles/slxx/slxx.scss"; | 587 | @import "~@/styles/slxx/slxx.scss"; |
588 | |||
589 | |||
590 | |||
591 | |||
592 | |||
575 | </style> | 593 | </style> |
594 | ... | ... |
... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | :class="{readonly: editDisabled }" | ||
12 | class="loadingtext" | 13 | class="loadingtext" |
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
... | @@ -455,6 +456,7 @@ | ... | @@ -455,6 +456,7 @@ |
455 | :tableData="ruleForm.qlrData" | 456 | :tableData="ruleForm.qlrData" |
456 | @upDateQlrxxList="upDateQlrxxList" | 457 | @upDateQlrxxList="upDateQlrxxList" |
457 | :key="key" | 458 | :key="key" |
459 | :ableOperation="ableOperation" | ||
458 | :gyfs="ruleForm.qlxx.gyfs" | 460 | :gyfs="ruleForm.qlxx.gyfs" |
459 | /> | 461 | /> |
460 | 462 | ||
... | @@ -467,11 +469,12 @@ | ... | @@ -467,11 +469,12 @@ |
467 | v-if="ruleForm.ywrData" | 469 | v-if="ruleForm.ywrData" |
468 | :tableData="ruleForm.ywrData" | 470 | :tableData="ruleForm.ywrData" |
469 | :key="key" | 471 | :key="key" |
472 | :ableOperation="ableOperation" | ||
470 | @upDateQlrxxList="upDateYwrxxList" | 473 | @upDateQlrxxList="upDateYwrxxList" |
471 | /> | 474 | /> |
472 | </div> | 475 | </div> |
473 | </div> | 476 | </div> |
474 | <el-row class="btn" v-if="!$route.query.viewtype"> | 477 | <el-row class="btn" v-if="ableOperation"> |
475 | <el-form-item> | 478 | <el-form-item> |
476 | <el-button type="primary" @click="onSubmit">保存</el-button> | 479 | <el-button type="primary" @click="onSubmit">保存</el-button> |
477 | </el-form-item> | 480 | </el-form-item> |
... | @@ -490,6 +493,14 @@ export default { | ... | @@ -490,6 +493,14 @@ export default { |
490 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 493 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
491 | computed: { | 494 | computed: { |
492 | ...mapGetters(["dictData", "flag"]), | 495 | ...mapGetters(["dictData", "flag"]), |
496 | // 根据流程判断表单是否为只读 | ||
497 | editDisabled() { | ||
498 | if (!this.ableOperation) { | ||
499 | //只读状态 | ||
500 | return true; | ||
501 | } | ||
502 | return false; | ||
503 | }, | ||
493 | }, | 504 | }, |
494 | data() { | 505 | data() { |
495 | return { | 506 | return { |
... | @@ -546,6 +557,7 @@ export default { | ... | @@ -546,6 +557,7 @@ export default { |
546 | ], | 557 | ], |
547 | ssQlxxList: [], | 558 | ssQlxxList: [], |
548 | ztQlxxList: [], | 559 | ztQlxxList: [], |
560 | ableOperation:false, | ||
549 | rules: { | 561 | rules: { |
550 | bdcqzhrules: [ | 562 | bdcqzhrules: [ |
551 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 563 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
... | @@ -570,7 +582,9 @@ export default { | ... | @@ -570,7 +582,9 @@ export default { |
570 | created() { | 582 | created() { |
571 | this.loadData(); | 583 | this.loadData(); |
572 | }, | 584 | }, |
573 | 585 | mounted() { | |
586 | this.ableOperation=this.$parent.ableOperation | ||
587 | }, | ||
574 | methods: { | 588 | methods: { |
575 | ztQlxxchange(val) { | 589 | ztQlxxchange(val) { |
576 | this.ruleForm.ztQlxx = val; | 590 | this.ruleForm.ztQlxx = val; |
... | @@ -703,4 +717,5 @@ export default { | ... | @@ -703,4 +717,5 @@ export default { |
703 | .el-table__row { | 717 | .el-table__row { |
704 | height: 30px !important; | 718 | height: 30px !important; |
705 | } | 719 | } |
720 | |||
706 | </style> | 721 | </style> | ... | ... |
... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | :class="{readonly: editDisabled }" | ||
12 | class="loadingtext" | 13 | class="loadingtext" |
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
... | @@ -244,6 +245,7 @@ | ... | @@ -244,6 +245,7 @@ |
244 | :tableData="ruleForm.qlrData" | 245 | :tableData="ruleForm.qlrData" |
245 | @upDateQlrxxList="upDateQlrxxList" | 246 | @upDateQlrxxList="upDateQlrxxList" |
246 | :key="key" | 247 | :key="key" |
248 | :ableOperation="ableOperation" | ||
247 | :gyfs="ruleForm.qlxx.gyfs" | 249 | :gyfs="ruleForm.qlxx.gyfs" |
248 | /> | 250 | /> |
249 | 251 | ||
... | @@ -256,11 +258,12 @@ | ... | @@ -256,11 +258,12 @@ |
256 | v-if="ruleForm.ywrData" | 258 | v-if="ruleForm.ywrData" |
257 | :tableData="ruleForm.ywrData" | 259 | :tableData="ruleForm.ywrData" |
258 | :key="key" | 260 | :key="key" |
261 | :ableOperation="ableOperation" | ||
259 | @upDateQlrxxList="upDateYwrxxList" | 262 | @upDateQlrxxList="upDateYwrxxList" |
260 | /> | 263 | /> |
261 | </div> | 264 | </div> |
262 | </div> | 265 | </div> |
263 | <el-row class="btn" v-if="!$route.query.viewtype"> | 266 | <el-row class="btn" v-if="ableOperation"> |
264 | <el-form-item> | 267 | <el-form-item> |
265 | <el-button type="primary" @click="onSubmit">保存</el-button> | 268 | <el-button type="primary" @click="onSubmit">保存</el-button> |
266 | </el-form-item> | 269 | </el-form-item> |
... | @@ -279,6 +282,14 @@ export default { | ... | @@ -279,6 +282,14 @@ export default { |
279 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | 282 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
280 | computed: { | 283 | computed: { |
281 | ...mapGetters(["dictData", "flag"]), | 284 | ...mapGetters(["dictData", "flag"]), |
285 | // 根据流程判断表单是否为只读 | ||
286 | editDisabled() { | ||
287 | if (!this.ableOperation) { | ||
288 | //只读状态 | ||
289 | return true; | ||
290 | } | ||
291 | return false; | ||
292 | }, | ||
282 | }, | 293 | }, |
283 | data() { | 294 | data() { |
284 | return { | 295 | return { |
... | @@ -328,6 +339,7 @@ export default { | ... | @@ -328,6 +339,7 @@ export default { |
328 | dname: "历史", | 339 | dname: "历史", |
329 | }, | 340 | }, |
330 | ], | 341 | ], |
342 | ableOperation:false, | ||
331 | //传递参数\ | 343 | //传递参数\ |
332 | rules: { | 344 | rules: { |
333 | bdcqzhrules:[ | 345 | bdcqzhrules:[ |
... | @@ -343,7 +355,9 @@ export default { | ... | @@ -343,7 +355,9 @@ export default { |
343 | created() { | 355 | created() { |
344 | this.loadData(); | 356 | this.loadData(); |
345 | }, | 357 | }, |
346 | mounted() {}, | 358 | mounted() { |
359 | this.ableOperation=this.$parent.ableOperation | ||
360 | }, | ||
347 | methods: { | 361 | methods: { |
348 | loadData() { | 362 | loadData() { |
349 | this.propsParam.isEdit = this.$parent.isEdit; | 363 | this.propsParam.isEdit = this.$parent.isEdit; | ... | ... |
... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | :class="{readonly: editDisabled }" | ||
12 | class="loadingtext" | 13 | class="loadingtext" |
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
... | @@ -272,6 +273,7 @@ | ... | @@ -272,6 +273,7 @@ |
272 | <tdytTable | 273 | <tdytTable |
273 | :tableData="ruleForm.tdytqxList" | 274 | :tableData="ruleForm.tdytqxList" |
274 | @upDateTdytxxList="upDateTdytxxList" | 275 | @upDateTdytxxList="upDateTdytxxList" |
276 | :ableOperation="ableOperation" | ||
275 | /> | 277 | /> |
276 | <div class="slxx_title title-block"> | 278 | <div class="slxx_title title-block"> |
277 | 权利人信息 | 279 | 权利人信息 |
... | @@ -318,11 +320,12 @@ | ... | @@ -318,11 +320,12 @@ |
318 | <qlrCommonTable | 320 | <qlrCommonTable |
319 | :tableData="ruleForm.qlrData" | 321 | :tableData="ruleForm.qlrData" |
320 | @upDateQlrxxList="upDateQlrxxList" | 322 | @upDateQlrxxList="upDateQlrxxList" |
323 | :ableOperation="ableOperation" | ||
321 | :key="key" | 324 | :key="key" |
322 | :gyfs="ruleForm.qlxx.gyfs" | 325 | :gyfs="ruleForm.qlxx.gyfs" |
323 | /> | 326 | /> |
324 | </div> | 327 | </div> |
325 | <el-row class="btn" v-if="!$route.query.viewtype"> | 328 | <el-row class="btn" v-if="ableOperation"> |
326 | <el-form-item> | 329 | <el-form-item> |
327 | <el-button type="primary" @click="onSubmit">保存</el-button> | 330 | <el-button type="primary" @click="onSubmit">保存</el-button> |
328 | </el-form-item> | 331 | </el-form-item> |
... | @@ -343,6 +346,14 @@ export default { | ... | @@ -343,6 +346,14 @@ export default { |
343 | components: { qlrCommonTable, tdytTable }, | 346 | components: { qlrCommonTable, tdytTable }, |
344 | computed: { | 347 | computed: { |
345 | ...mapGetters(["dictData", "flag"]), | 348 | ...mapGetters(["dictData", "flag"]), |
349 | // 根据流程判断表单是否为只读 | ||
350 | editDisabled() { | ||
351 | if (!this.ableOperation) { | ||
352 | //只读状态 | ||
353 | return true; | ||
354 | } | ||
355 | return false; | ||
356 | }, | ||
346 | }, | 357 | }, |
347 | data() { | 358 | data() { |
348 | return { | 359 | return { |
... | @@ -405,6 +416,7 @@ export default { | ... | @@ -405,6 +416,7 @@ export default { |
405 | disabled: true, | 416 | disabled: true, |
406 | czrOptions: [], | 417 | czrOptions: [], |
407 | ruleForm: {}, | 418 | ruleForm: {}, |
419 | ableOperation:false, | ||
408 | //传递参数\ | 420 | //传递参数\ |
409 | rules: { | 421 | rules: { |
410 | 422 | ||
... | @@ -422,7 +434,9 @@ export default { | ... | @@ -422,7 +434,9 @@ export default { |
422 | created() { | 434 | created() { |
423 | this.loadData(); | 435 | this.loadData(); |
424 | }, | 436 | }, |
425 | mounted() {}, | 437 | mounted() { |
438 | this.ableOperation=this.$parent.ableOperation | ||
439 | }, | ||
426 | methods: { | 440 | methods: { |
427 | loadData() { | 441 | loadData() { |
428 | 442 | ... | ... |
... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | :class="{readonly: editDisabled }" | ||
12 | class="loadingtext" | 13 | class="loadingtext" |
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
... | @@ -214,6 +215,7 @@ | ... | @@ -214,6 +215,7 @@ |
214 | <tdytTable | 215 | <tdytTable |
215 | :tableData="ruleForm.tdytqxList" | 216 | :tableData="ruleForm.tdytqxList" |
216 | @upDateTdytxxList="upDateTdytxxList" | 217 | @upDateTdytxxList="upDateTdytxxList" |
218 | :ableOperation="ableOperation" | ||
217 | /> | 219 | /> |
218 | <div class="slxx_title title-block"> | 220 | <div class="slxx_title title-block"> |
219 | 权利人信息 | 221 | 权利人信息 |
... | @@ -262,12 +264,12 @@ | ... | @@ -262,12 +264,12 @@ |
262 | :tableData="ruleForm.qlrData" | 264 | :tableData="ruleForm.qlrData" |
263 | @upDateQlrxxList="upDateQlrxxList" | 265 | @upDateQlrxxList="upDateQlrxxList" |
264 | :key="key" | 266 | :key="key" |
265 | :viewtype="$route.query.viewtype" | 267 | :ableOperation="ableOperation" |
266 | :gyfs="ruleForm.qlxx.gyfs" | 268 | :gyfs="ruleForm.qlxx.gyfs" |
267 | /> | 269 | /> |
268 | 270 | ||
269 | </div> | 271 | </div> |
270 | <el-row class="btn" v-if="!$route.query.viewtype"> | 272 | <el-row class="btn" v-if="ableOperation"> |
271 | <el-form-item> | 273 | <el-form-item> |
272 | <el-button type="primary" @click="onSubmit">保存</el-button> | 274 | <el-button type="primary" @click="onSubmit">保存</el-button> |
273 | </el-form-item> | 275 | </el-form-item> |
... | @@ -285,6 +287,14 @@ export default { | ... | @@ -285,6 +287,14 @@ export default { |
285 | components: { qlrCommonTable, tdytTable }, | 287 | components: { qlrCommonTable, tdytTable }, |
286 | computed: { | 288 | computed: { |
287 | ...mapGetters(["dictData", "flag"]), | 289 | ...mapGetters(["dictData", "flag"]), |
290 | // 根据流程判断表单是否为只读 | ||
291 | editDisabled() { | ||
292 | if (!this.ableOperation) { | ||
293 | //只读状态 | ||
294 | return true; | ||
295 | } | ||
296 | return false; | ||
297 | }, | ||
288 | }, | 298 | }, |
289 | data() { | 299 | data() { |
290 | return { | 300 | return { |
... | @@ -301,7 +311,7 @@ export default { | ... | @@ -301,7 +311,7 @@ export default { |
301 | }, | 311 | }, |
302 | //表单是否可操作 | 312 | //表单是否可操作 |
303 | propsParam: this.$attrs, | 313 | propsParam: this.$attrs, |
304 | ableOperation: true, | 314 | ableOperation:false, |
305 | key: 0, | 315 | key: 0, |
306 | // 登记类型 | 316 | // 登记类型 |
307 | djlxlist: [ | 317 | djlxlist: [ |
... | @@ -362,7 +372,9 @@ export default { | ... | @@ -362,7 +372,9 @@ export default { |
362 | created() { | 372 | created() { |
363 | this.loadData(); | 373 | this.loadData(); |
364 | }, | 374 | }, |
365 | mounted() {}, | 375 | mounted() { |
376 | this.ableOperation=this.$parent.ableOperation | ||
377 | }, | ||
366 | methods: { | 378 | methods: { |
367 | // 字典 | 379 | // 字典 |
368 | getDictData(val) { | 380 | getDictData(val) { | ... | ... |
... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | :class="{readonly: editDisabled }" | ||
12 | class="loadingtext" | 13 | class="loadingtext" |
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
... | @@ -241,6 +242,7 @@ | ... | @@ -241,6 +242,7 @@ |
241 | <tdytTable | 242 | <tdytTable |
242 | :tableData="ruleForm.tdytqxList" | 243 | :tableData="ruleForm.tdytqxList" |
243 | @upDateTdytxxList="upDateTdytxxList" | 244 | @upDateTdytxxList="upDateTdytxxList" |
245 | :ableOperation="ableOperation" | ||
244 | /> | 246 | /> |
245 | <div class="slxx_title title-block"> | 247 | <div class="slxx_title title-block"> |
246 | 权利人信息 | 248 | 权利人信息 |
... | @@ -250,8 +252,8 @@ | ... | @@ -250,8 +252,8 @@ |
250 | <el-col :span="12"> | 252 | <el-col :span="12"> |
251 | <el-form-item label="共有方式:"> | 253 | <el-form-item label="共有方式:"> |
252 | <el-radio-group | 254 | <el-radio-group |
253 | :disabled="$route.query.viewtype == 0" | 255 | :disabled="!ableOperation" |
254 | v-model="ruleForm.qlxx.gyqk" | 256 | v-model="ruleForm.qlxx.gyfs" |
255 | > | 257 | > |
256 | <el-radio label="0">单独所有</el-radio> | 258 | <el-radio label="0">单独所有</el-radio> |
257 | <el-radio label="1">共同共有</el-radio> | 259 | <el-radio label="1">共同共有</el-radio> |
... | @@ -289,11 +291,11 @@ | ... | @@ -289,11 +291,11 @@ |
289 | :tableData="ruleForm.qlrData" | 291 | :tableData="ruleForm.qlrData" |
290 | @upDateQlrxxList="upDateQlrxxList" | 292 | @upDateQlrxxList="upDateQlrxxList" |
291 | :key="key" | 293 | :key="key" |
292 | :viewtype="$route.query.viewtype" | 294 | :ableOperation="ableOperation" |
293 | :gyfs="ruleForm.qlxx.gyfs" | 295 | :gyfs="ruleForm.qlxx.gyfs" |
294 | /> | 296 | /> |
295 | </div> | 297 | </div> |
296 | <el-row class="btn" v-if="!$route.query.viewtype"> | 298 | <el-row class="btn" v-if="ableOperation"> |
297 | <el-form-item> | 299 | <el-form-item> |
298 | <el-button type="primary" @click="onSubmit">保存</el-button> | 300 | <el-button type="primary" @click="onSubmit">保存</el-button> |
299 | </el-form-item> | 301 | </el-form-item> |
... | @@ -311,6 +313,14 @@ export default { | ... | @@ -311,6 +313,14 @@ export default { |
311 | components: { qlrCommonTable, tdytTable }, | 313 | components: { qlrCommonTable, tdytTable }, |
312 | computed: { | 314 | computed: { |
313 | ...mapGetters(["dictData", "flag"]), | 315 | ...mapGetters(["dictData", "flag"]), |
316 | // 根据流程判断表单是否为只读 | ||
317 | editDisabled() { | ||
318 | if (!this.ableOperation) { | ||
319 | //只读状态 | ||
320 | return true; | ||
321 | } | ||
322 | return false; | ||
323 | }, | ||
314 | }, | 324 | }, |
315 | data() { | 325 | data() { |
316 | return { | 326 | return { |
... | @@ -327,7 +337,6 @@ export default { | ... | @@ -327,7 +337,6 @@ export default { |
327 | }, | 337 | }, |
328 | //表单是否可操作 | 338 | //表单是否可操作 |
329 | propsParam: this.$attrs, | 339 | propsParam: this.$attrs, |
330 | ableOperation: true, | ||
331 | key: 0, | 340 | key: 0, |
332 | // 登记类型 | 341 | // 登记类型 |
333 | djlxlist: [ | 342 | djlxlist: [ |
... | @@ -373,6 +382,7 @@ export default { | ... | @@ -373,6 +382,7 @@ export default { |
373 | disabled: true, | 382 | disabled: true, |
374 | czrOptions: [], | 383 | czrOptions: [], |
375 | ruleForm: {}, | 384 | ruleForm: {}, |
385 | ableOperation:false, | ||
376 | //传递参数\ | 386 | //传递参数\ |
377 | rules: { | 387 | rules: { |
378 | bdcqzhrules: [ | 388 | bdcqzhrules: [ |
... | @@ -388,7 +398,9 @@ export default { | ... | @@ -388,7 +398,9 @@ export default { |
388 | created() { | 398 | created() { |
389 | this.loadData(); | 399 | this.loadData(); |
390 | }, | 400 | }, |
391 | mounted() {}, | 401 | mounted() { |
402 | this.ableOperation=this.$parent.ableOperation | ||
403 | }, | ||
392 | methods: { | 404 | methods: { |
393 | // 字典 | 405 | // 字典 |
394 | getDictData(val) { | 406 | getDictData(val) { |
... | @@ -491,4 +503,9 @@ export default { | ... | @@ -491,4 +503,9 @@ export default { |
491 | <style scoped lang="scss"> | 503 | <style scoped lang="scss"> |
492 | @import "~@/styles/public.scss"; | 504 | @import "~@/styles/public.scss"; |
493 | @import "~@/styles/slxx/slxx.scss"; | 505 | @import "~@/styles/slxx/slxx.scss"; |
506 | .loadingtext{ | ||
507 | /deep/.el-form-item__content{ | ||
508 | pointer-events: none!important; | ||
509 | } | ||
510 | } | ||
494 | </style> | 511 | </style> | ... | ... |
... | @@ -10,6 +10,7 @@ | ... | @@ -10,6 +10,7 @@ |
10 | <el-form | 10 | <el-form |
11 | :model="ruleForm" | 11 | :model="ruleForm" |
12 | :rules="rules" | 12 | :rules="rules" |
13 | :class="{readonly: editDisabled }" | ||
13 | class="loadingtext" | 14 | class="loadingtext" |
14 | ref="ruleForm" | 15 | ref="ruleForm" |
15 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
... | @@ -283,6 +284,7 @@ | ... | @@ -283,6 +284,7 @@ |
283 | :tableData="ruleForm.qlrData" | 284 | :tableData="ruleForm.qlrData" |
284 | @upDateQlrxxList="upDateQlrxxList" | 285 | @upDateQlrxxList="upDateQlrxxList" |
285 | :key="key" | 286 | :key="key" |
287 | :ableOperation="ableOperation" | ||
286 | :gyfs="ruleForm.qlxx.gyfs" | 288 | :gyfs="ruleForm.qlxx.gyfs" |
287 | /> | 289 | /> |
288 | 290 | ||
... | @@ -295,11 +297,12 @@ | ... | @@ -295,11 +297,12 @@ |
295 | v-if="ruleForm.ywrData" | 297 | v-if="ruleForm.ywrData" |
296 | :tableData="ruleForm.ywrData" | 298 | :tableData="ruleForm.ywrData" |
297 | :key="key" | 299 | :key="key" |
300 | :ableOperation="ableOperation" | ||
298 | @upDateQlrxxList="upDateYwrxxList" | 301 | @upDateQlrxxList="upDateYwrxxList" |
299 | /> | 302 | /> |
300 | </div> | 303 | </div> |
301 | </div> | 304 | </div> |
302 | <el-row class="btn" v-if="!$route.query.viewtype"> | 305 | <el-row class="btn" v-if="ableOperation"> |
303 | <el-form-item> | 306 | <el-form-item> |
304 | <el-button type="primary" @click="onSubmit">保存</el-button> | 307 | <el-button type="primary" @click="onSubmit">保存</el-button> |
305 | </el-form-item> | 308 | </el-form-item> |
... | @@ -317,6 +320,14 @@ export default { | ... | @@ -317,6 +320,14 @@ export default { |
317 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | 320 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
318 | computed: { | 321 | computed: { |
319 | ...mapGetters(["dictData", "flag"]), | 322 | ...mapGetters(["dictData", "flag"]), |
323 | // 根据流程判断表单是否为只读 | ||
324 | editDisabled() { | ||
325 | if (!this.ableOperation) { | ||
326 | //只读状态 | ||
327 | return true; | ||
328 | } | ||
329 | return false; | ||
330 | }, | ||
320 | }, | 331 | }, |
321 | data() { | 332 | data() { |
322 | return { | 333 | return { |
... | @@ -377,12 +388,15 @@ export default { | ... | @@ -377,12 +388,15 @@ export default { |
377 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | 388 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], |
378 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], | 389 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], |
379 | }, | 390 | }, |
391 | ableOperation:false, | ||
380 | }; | 392 | }; |
381 | }, | 393 | }, |
382 | created() { | 394 | created() { |
383 | this.loadData(); | 395 | this.loadData(); |
384 | }, | 396 | }, |
385 | mounted() {}, | 397 | mounted() { |
398 | this.ableOperation=this.$parent.ableOperation | ||
399 | }, | ||
386 | methods: { | 400 | methods: { |
387 | loadData() { | 401 | loadData() { |
388 | this.propsParam.isEdit=this.$parent.isEdit | 402 | this.propsParam.isEdit=this.$parent.isEdit | ... | ... |
... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | :class="{readonly: editDisabled }" | ||
12 | class="loadingtext" | 13 | class="loadingtext" |
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
... | @@ -202,6 +203,7 @@ | ... | @@ -202,6 +203,7 @@ |
202 | :tableData="ruleForm.qlrData" | 203 | :tableData="ruleForm.qlrData" |
203 | @upDateQlrxxList="upDateQlrxxList" | 204 | @upDateQlrxxList="upDateQlrxxList" |
204 | :key="key" | 205 | :key="key" |
206 | :ableOperation="ableOperation" | ||
205 | :gyfs="ruleForm.qlxx.gyfs" | 207 | :gyfs="ruleForm.qlxx.gyfs" |
206 | /> | 208 | /> |
207 | <div v-if="ruleForm.ywrData"> | 209 | <div v-if="ruleForm.ywrData"> |
... | @@ -213,6 +215,7 @@ | ... | @@ -213,6 +215,7 @@ |
213 | v-if="ruleForm.ywrData" | 215 | v-if="ruleForm.ywrData" |
214 | :tableData="ruleForm.ywrData" | 216 | :tableData="ruleForm.ywrData" |
215 | :key="key" | 217 | :key="key" |
218 | :ableOperation="ableOperation" | ||
216 | @upDateQlrxxList="upDateYwrxxList" | 219 | @upDateQlrxxList="upDateYwrxxList" |
217 | /> | 220 | /> |
218 | </div> | 221 | </div> |
... | @@ -235,6 +238,14 @@ export default { | ... | @@ -235,6 +238,14 @@ export default { |
235 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | 238 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
236 | computed: { | 239 | computed: { |
237 | ...mapGetters(["dictData", "flag"]), | 240 | ...mapGetters(["dictData", "flag"]), |
241 | // 根据流程判断表单是否为只读 | ||
242 | editDisabled() { | ||
243 | if (!this.ableOperation) { | ||
244 | //只读状态 | ||
245 | return true; | ||
246 | } | ||
247 | return false; | ||
248 | }, | ||
238 | }, | 249 | }, |
239 | data() { | 250 | data() { |
240 | return { | 251 | return { |
... | @@ -294,12 +305,15 @@ export default { | ... | @@ -294,12 +305,15 @@ export default { |
294 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 305 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
295 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | 306 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], |
296 | }, | 307 | }, |
308 | ableOperation:false | ||
297 | }; | 309 | }; |
298 | }, | 310 | }, |
299 | created() { | 311 | created() { |
300 | this.loadData(); | 312 | this.loadData(); |
301 | }, | 313 | }, |
302 | mounted() {}, | 314 | mounted() { |
315 | this.ableOperation =this.$parent.ableOperation | ||
316 | }, | ||
303 | methods: { | 317 | methods: { |
304 | loadData() { | 318 | loadData() { |
305 | this.propsParam.isEdit=this.$parent.isEdit | 319 | this.propsParam.isEdit=this.$parent.isEdit | ... | ... |
... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
7 | <div class="spyj loadingtext"> | 7 | <div class="spyj loadingtext"> |
8 | <div class="box"> | 8 | <div class="box"> |
9 | <div class="spyj_title"> | 9 | <div class="spyj_title"> |
10 | <div class="leftadd"> | 10 | <div class="leftadd" v-if="ableOperation"> |
11 | <i | 11 | <i |
12 | class="el-icon-plus pointer" | 12 | class="el-icon-plus pointer" |
13 | @click="addClick()" | 13 | @click="addClick()" |
... | @@ -25,12 +25,15 @@ | ... | @@ -25,12 +25,15 @@ |
25 | > | 25 | > |
26 | <div class="spyj_form"> | 26 | <div class="spyj_form"> |
27 | <div class="item_left"> | 27 | <div class="item_left"> |
28 | <div class="left"> | 28 | <div class="left" v-if="ableOperation"> |
29 | <i | 29 | <i |
30 | class="el-icon-minus pointer" | 30 | class="el-icon-minus pointer" |
31 | @click="deleClick()" | 31 | @click="deleClick()" |
32 | ></i> | 32 | ></i> |
33 | </div> | 33 | </div> |
34 | <div class="left" v-else> | ||
35 | {{index+1}} | ||
36 | </div> | ||
34 | <div class="right">{{ item.jdmc }}意见</div> | 37 | <div class="right">{{ item.jdmc }}意见</div> |
35 | </div> | 38 | </div> |
36 | <div class="item_right"> | 39 | <div class="item_right"> |
... | @@ -42,6 +45,7 @@ | ... | @@ -42,6 +45,7 @@ |
42 | prop="shyj" | 45 | prop="shyj" |
43 | > | 46 | > |
44 | <el-input | 47 | <el-input |
48 | :disabled="!ableOperation" | ||
45 | type="textarea" | 49 | type="textarea" |
46 | :rows="4" | 50 | :rows="4" |
47 | class="opinion" | 51 | class="opinion" |
... | @@ -55,12 +59,13 @@ | ... | @@ -55,12 +59,13 @@ |
55 | <el-row> | 59 | <el-row> |
56 | <el-col :span="16"> | 60 | <el-col :span="16"> |
57 | <el-form-item label="审查人" prop="shryxm"> | 61 | <el-form-item label="审查人" prop="shryxm"> |
58 | <el-input v-model="item.shryxm"></el-input> | 62 | <el-input :disabled="!ableOperation" v-model="item.shryxm"></el-input> |
59 | </el-form-item> | 63 | </el-form-item> |
60 | </el-col> | 64 | </el-col> |
61 | <el-col :span="8"> | 65 | <el-col :span="8"> |
62 | <el-form-item label="审核时间" prop="shkssj"> | 66 | <el-form-item class="sjxzq" label="审核时间" prop="shkssj"> |
63 | <el-date-picker | 67 | <el-date-picker |
68 | :disabled="!ableOperation" | ||
64 | v-model="item.shkssj" | 69 | v-model="item.shkssj" |
65 | type="date" | 70 | type="date" |
66 | placeholder="选择日期" | 71 | placeholder="选择日期" |
... | @@ -95,7 +100,7 @@ export default { | ... | @@ -95,7 +100,7 @@ export default { |
95 | return { | 100 | return { |
96 | isNoData: false, | 101 | isNoData: false, |
97 | currentindex:0, | 102 | currentindex:0, |
98 | ableOperation: true, | 103 | ableOperation: false, |
99 | tableData: [{ jdmc: "初审" }], | 104 | tableData: [{ jdmc: "初审" }], |
100 | rules: { | 105 | rules: { |
101 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], | 106 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], |
... | @@ -116,11 +121,7 @@ export default { | ... | @@ -116,11 +121,7 @@ export default { |
116 | }, | 121 | }, |
117 | created() {}, | 122 | created() {}, |
118 | mounted() { | 123 | mounted() { |
119 | this.propsParam.isEdit=this.$parent.isEdit | 124 | this.ableOperation=this.$parent.ableOperation |
120 | this.propsParam = this.$attrs; | ||
121 | if (this.$route.query.viewtype) { | ||
122 | this.ableOperation = false | ||
123 | } | ||
124 | this.getShList(); | 125 | this.getShList(); |
125 | }, | 126 | }, |
126 | methods: { | 127 | methods: { |
... | @@ -305,7 +306,6 @@ export default { | ... | @@ -305,7 +306,6 @@ export default { |
305 | /deep/.el-form-item__content { | 306 | /deep/.el-form-item__content { |
306 | display: block; | 307 | display: block; |
307 | text-align: left; | 308 | text-align: left; |
308 | text-indent: 10px; | ||
309 | } | 309 | } |
310 | .opinion_item { | 310 | .opinion_item { |
311 | /deep/.el-form-item__error { | 311 | /deep/.el-form-item__error { |
... | @@ -337,5 +337,11 @@ export default { | ... | @@ -337,5 +337,11 @@ export default { |
337 | text-align: center; | 337 | text-align: center; |
338 | margin: 15px 0; | 338 | margin: 15px 0; |
339 | } | 339 | } |
340 | |||
341 | .el-date-editor.el-input{ | ||
342 | width: 100%; | ||
343 | |||
344 | |||
345 | } | ||
340 | } | 346 | } |
341 | </style> | 347 | </style> | ... | ... |
... | @@ -60,11 +60,9 @@ export default { | ... | @@ -60,11 +60,9 @@ export default { |
60 | }) | 60 | }) |
61 | 61 | ||
62 | if(arr.length){ | 62 | if(arr.length){ |
63 | console.log("1111111111111111111"); | ||
64 | this.$refs.Menu.getleftMenubl(); | 63 | this.$refs.Menu.getleftMenubl(); |
65 | }else{ | 64 | }else{ |
66 | this.ableOperation=false | 65 | this.ableOperation=false |
67 | console.log("22222222222222"); | ||
68 | this.$refs.Menu.getleftMenubl(1); | 66 | this.$refs.Menu.getleftMenubl(1); |
69 | } | 67 | } |
70 | } | 68 | } | ... | ... |
... | @@ -98,11 +98,6 @@ | ... | @@ -98,11 +98,6 @@ |
98 | bsmSlsq: this.$route.query.bsmSlsq, | 98 | bsmSlsq: this.$route.query.bsmSlsq, |
99 | //当前流程所在环节 | 99 | //当前流程所在环节 |
100 | bestepid: this.$route.query.bestepid, | 100 | bestepid: this.$route.query.bestepid, |
101 | //受理申请标识码 | ||
102 | bdcdyid: this.$route.query.bdcdyid, | ||
103 | //当前流程所在环节 | ||
104 | bdcdyh: this.$route.query.bdcdyh, | ||
105 | qllx: this.$route.query.qllx, | ||
106 | //设置那个表单选中 | 101 | //设置那个表单选中 |
107 | tabName: "", | 102 | tabName: "", |
108 | isEdit: true, | 103 | isEdit: true, |
... | @@ -124,6 +119,7 @@ | ... | @@ -124,6 +119,7 @@ |
124 | tabdata: [], | 119 | tabdata: [], |
125 | bsmRepair:"", | 120 | bsmRepair:"", |
126 | defaultNode: {}, | 121 | defaultNode: {}, |
122 | ableOperation:false | ||
127 | }; | 123 | }; |
128 | }, | 124 | }, |
129 | mounted () { | 125 | mounted () { |
... | @@ -138,6 +134,7 @@ | ... | @@ -138,6 +134,7 @@ |
138 | this.$nextTick(function () { | 134 | this.$nextTick(function () { |
139 | this.tabList = res.result; | 135 | this.tabList = res.result; |
140 | this.tabName = this.tabList[0].value; | 136 | this.tabName = this.tabList[0].value; |
137 | this.ableOperation=this.tabList[0].ableOperation | ||
141 | this.getFromRouter(this.tabName); | 138 | this.getFromRouter(this.tabName); |
142 | }); | 139 | }); |
143 | }); | 140 | }); |
... | @@ -185,7 +182,7 @@ | ... | @@ -185,7 +182,7 @@ |
185 | bdcdyh: this.currentSelectProps.bdcdyh, | 182 | bdcdyh: this.currentSelectProps.bdcdyh, |
186 | }).then((res) => { | 183 | }).then((res) => { |
187 | if (res.code === 200) { | 184 | if (res.code === 200) { |
188 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 185 | this.treedata = loadTreeData(res.result); |
189 | this.$nextTick(function () { | 186 | this.$nextTick(function () { |
190 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | 187 | this.defaultNode = getNode(this.currentSelectProps.qllx, { |
191 | linShi: 0, | 188 | linShi: 0, | ... | ... |
... | @@ -100,13 +100,7 @@ export default { | ... | @@ -100,13 +100,7 @@ export default { |
100 | data() { | 100 | data() { |
101 | return { | 101 | return { |
102 | bsmSlsq: this.$route.query.bsmSlsq, | 102 | bsmSlsq: this.$route.query.bsmSlsq, |
103 | //当前流程所在环节 | ||
104 | bestepid: this.$route.query.bestepid, | 103 | bestepid: this.$route.query.bestepid, |
105 | //受理申请标识码 | ||
106 | bdcdyid: this.$route.query.bdcdyid, | ||
107 | //当前流程所在环节 | ||
108 | bdcdyh: this.$route.query.bdcdyh, | ||
109 | qllx: this.$route.query.qllx, | ||
110 | //设置那个表单选中 | 104 | //设置那个表单选中 |
111 | tabName: "", | 105 | tabName: "", |
112 | // 弹框显示 | 106 | // 弹框显示 |
... | @@ -129,6 +123,7 @@ export default { | ... | @@ -129,6 +123,7 @@ export default { |
129 | bsmRepair:"", | 123 | bsmRepair:"", |
130 | tabdata: [], | 124 | tabdata: [], |
131 | defaultNode: {}, | 125 | defaultNode: {}, |
126 | ableOperation:false | ||
132 | }; | 127 | }; |
133 | }, | 128 | }, |
134 | mounted() { | 129 | mounted() { |
... | @@ -144,6 +139,8 @@ export default { | ... | @@ -144,6 +139,8 @@ export default { |
144 | this.$nextTick(function () { | 139 | this.$nextTick(function () { |
145 | this.tabList = res.result; | 140 | this.tabList = res.result; |
146 | this.tabName = this.tabList[0].value; | 141 | this.tabName = this.tabList[0].value; |
142 | console.log("是否只读",this.tabList[0].ableOperation); | ||
143 | this.ableOperation=this.tabList[0].ableOperation | ||
147 | this.getFromRouter(this.tabName); | 144 | this.getFromRouter(this.tabName); |
148 | }); | 145 | }); |
149 | }); | 146 | }); | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="content"> | 2 | <div class="content loadingtext"> |
3 | <div class="left"> | 3 | <div class="left"> |
4 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" | 4 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" |
5 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> | 5 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> | ... | ... |
... | @@ -10,62 +10,66 @@ | ... | @@ -10,62 +10,66 @@ |
10 | border | 10 | border |
11 | :pagination="false" | 11 | :pagination="false" |
12 | :key="key" | 12 | :key="key" |
13 | :header-cell-style="{'text-align':'center'}" | 13 | :header-cell-style="{ 'text-align': 'center' }" |
14 | :heightNumSetting="true" | 14 | :heightNumSetting="true" |
15 | :minHeight="150" | 15 | :minHeight="150" |
16 | height="150" | 16 | height="150" |
17 | style="width: 100%"> | 17 | style="width: 100%" |
18 | <el-table-column | 18 | > |
19 | prop="index" | 19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
20 | width="50" | ||
21 | :render-header="renderHeader"> | ||
22 | <template slot-scope="scope"> | 20 | <template slot-scope="scope"> |
23 | <i | 21 | <i |
24 | class="el-icon-minus pointer" | 22 | class="el-icon-minus pointer" |
25 | @click="deleClick(scope.$index, scope.row)" | 23 | @click="deleClick(scope.$index, scope.row)" |
26 | v-if="!$route.query.viewtype == 1" | 24 | v-if="ableOperation" |
27 | ></i> | 25 | ></i> |
28 | <div style="text-align:center;" v-else> | 26 | <div style="text-align: center" v-else> |
29 | {{ scope.$index+1}} | 27 | {{ scope.$index + 1 }} |
30 | </div> | 28 | </div> |
31 | </template> | 29 | </template> |
32 | </el-table-column> | 30 | </el-table-column> |
33 | <el-table-column prop="yt" label="土地用途" min-width="100"> | 31 | <el-table-column prop="tdyt" label="土地用途" min-width="100"> |
34 | <template slot-scope="scope"> | 32 | <template slot-scope="scope"> |
35 | <treeselect | 33 | <treeselect |
36 | v-model="tdyt" | 34 | v-model="tdyt" |
37 | :disabled="disabled" | 35 | :disabled="!ableOperation" |
38 | noOptionsText="暂无数据" | 36 | noOptionsText="暂无数据" |
39 | :show-count="true" | 37 | :show-count="true" |
40 | :options="dictData['tdyt']" | 38 | :options="dictData['tdyt']" |
41 | :normalizer="normalizer" | 39 | :normalizer="normalizer" |
42 | :appendToBody="true" z-index="9999" | 40 | :appendToBody="true" |
43 | @input="addrow(scope.row)" /> | 41 | z-index="9999" |
42 | @input="addrow(scope.row)" | ||
43 | /> | ||
44 | </template> | 44 | </template> |
45 | </el-table-column> | 45 | </el-table-column> |
46 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | 46 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> |
47 | <template slot-scope="scope"> | 47 | <template slot-scope="scope"> |
48 | <el-date-picker | 48 | <el-date-picker |
49 | v-model='scope.row.qssj' | 49 | v-model="scope.row.qssj" |
50 | type="date" | 50 | type="date" |
51 | :disabled="disabled" | 51 | :disabled="!ableOperation" |
52 | :picker-options="scope.row.pickerStart" | ||
52 | placeholder="选择日期" | 53 | placeholder="选择日期" |
53 | value-format="yyyy-MM-dd HH:mm:ss" | 54 | value-format="yyyy-MM-dd HH:mm:ss" |
54 | format="yyyy-MM-dd" | 55 | format="yyyy-MM-dd" |
55 | @blur="addrow(scope.row)"> | 56 | @input="startTime(scope.$index)" |
57 | > | ||
56 | </el-date-picker> | 58 | </el-date-picker> |
57 | </template> | 59 | </template> |
58 | </el-table-column> | 60 | </el-table-column> |
59 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> | 61 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> |
60 | <template slot-scope="scope"> | 62 | <template slot-scope="scope"> |
61 | <el-date-picker | 63 | <el-date-picker |
62 | v-model='scope.row.jssj' | 64 | v-model="scope.row.jssj" |
63 | type="date" | 65 | type="date" |
64 | :disabled="disabled" | 66 | :disabled="!ableOperation" |
67 | :picker-options="scope.row.pickerEnd" | ||
65 | placeholder="选择日期" | 68 | placeholder="选择日期" |
66 | value-format="yyyy-MM-dd HH:mm:ss" | 69 | value-format="yyyy-MM-dd HH:mm:ss" |
67 | format="yyyy-MM-dd" | 70 | format="yyyy-MM-dd" |
68 | @blur="addrow(scope.row)"> | 71 | @input="endTime(scope.$index)" |
72 | > | ||
69 | </el-date-picker> | 73 | </el-date-picker> |
70 | </template> | 74 | </template> |
71 | </el-table-column> | 75 | </el-table-column> |
... | @@ -73,19 +77,21 @@ | ... | @@ -73,19 +77,21 @@ |
73 | <template slot-scope="scope"> | 77 | <template slot-scope="scope"> |
74 | <el-input | 78 | <el-input |
75 | class="item" | 79 | class="item" |
76 | :disabled="disabled" | 80 | :disabled="!ableOperation" |
77 | v-model="scope.row.syqx" | 81 | v-model="scope.row.syqx" |
78 | placeholder="请输入内容" | 82 | placeholder="请输入内容" |
79 | @blur="addrow(scope.row)"> | 83 | @input="sumTime(scope.$index,scope.row.syqx)" |
80 | ></el-input> | 84 | > |
85 | ></el-input | ||
86 | > | ||
81 | </template> | 87 | </template> |
82 | </el-table-column> | 88 | </el-table-column> |
83 | </el-table> | 89 | </el-table> |
84 | </div> | 90 | </div> |
85 | </template> | 91 | </template> |
86 | <script> | 92 | <script> |
87 | import { mapGetters } from "vuex"; | 93 | import { mapGetters } from "vuex"; |
88 | export default { | 94 | export default { |
89 | computed: { | 95 | computed: { |
90 | ...mapGetters(["dictData"]), | 96 | ...mapGetters(["dictData"]), |
91 | }, | 97 | }, |
... | @@ -93,17 +99,16 @@ | ... | @@ -93,17 +99,16 @@ |
93 | tableData: { | 99 | tableData: { |
94 | type: Array, | 100 | type: Array, |
95 | default: function () { | 101 | default: function () { |
96 | return [] | 102 | return []; |
97 | } | 103 | }, |
98 | }, | 104 | }, |
99 | disabled: { | 105 | ableOperation: { |
100 | type: Boolean, | 106 | type: Boolean, |
101 | default: false | 107 | default: true, |
102 | } | 108 | }, |
103 | }, | 109 | }, |
104 | data () { | 110 | data() { |
105 | return { | 111 | return { |
106 | isDisabled: this.disabled, | ||
107 | // 键名转换,方法默认是label和children进行树状渲染 | 112 | // 键名转换,方法默认是label和children进行树状渲染 |
108 | tdyt: null, | 113 | tdyt: null, |
109 | key: 0, | 114 | key: 0, |
... | @@ -114,7 +119,10 @@ | ... | @@ -114,7 +119,10 @@ |
114 | syqx: "", | 119 | syqx: "", |
115 | }, | 120 | }, |
116 | tableDataList: [], | 121 | tableDataList: [], |
117 | normalizer (node) { | 122 | // 起始时间选择范围 |
123 | pickerStart: {}, | ||
124 | pickerEnd: {}, | ||
125 | normalizer(node) { | ||
118 | if (node.children == null || node.children == "null") { | 126 | if (node.children == null || node.children == "null") { |
119 | delete node.children; | 127 | delete node.children; |
120 | } | 128 | } |
... | @@ -125,6 +133,8 @@ | ... | @@ -125,6 +133,8 @@ |
125 | }, | 133 | }, |
126 | }; | 134 | }; |
127 | }, | 135 | }, |
136 | mounted () { | ||
137 | }, | ||
128 | watch: { | 138 | watch: { |
129 | tableData: { | 139 | tableData: { |
130 | handler: function (val, oldVal) { | 140 | handler: function (val, oldVal) { |
... | @@ -140,16 +150,20 @@ | ... | @@ -140,16 +150,20 @@ |
140 | }, | 150 | }, |
141 | ]); | 151 | ]); |
142 | if (that.tableDataList.length > 0) { | 152 | if (that.tableDataList.length > 0) { |
143 | this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null | 153 | this.tdyt = that.tableDataList[0].yt |
154 | ? that.tableDataList[0].yt | ||
155 | : null; | ||
144 | } else { | 156 | } else { |
145 | this.tdyt = null | 157 | this.tdyt = null; |
146 | } | 158 | } |
147 | } else { | 159 | } else { |
148 | that.tableDataList = _.cloneDeep(val); | 160 | that.tableDataList = _.cloneDeep(val); |
149 | if (that.tableDataList.length > 0) { | 161 | if (that.tableDataList.length > 0) { |
150 | this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null | 162 | this.tdyt = that.tableDataList[0].yt |
163 | ? that.tableDataList[0].yt | ||
164 | : null; | ||
151 | } else { | 165 | } else { |
152 | this.tdyt = null | 166 | this.tdyt = null; |
153 | } | 167 | } |
154 | } | 168 | } |
155 | }); | 169 | }); |
... | @@ -159,11 +173,11 @@ | ... | @@ -159,11 +173,11 @@ |
159 | }, | 173 | }, |
160 | }, | 174 | }, |
161 | methods: { | 175 | methods: { |
162 | renderHeader () { | 176 | renderHeader() { |
163 | return ( | 177 | return ( |
164 | <div> | 178 | <div> |
165 | {" "} | 179 | {" "} |
166 | {this.$route.query.viewtype == 1 ? ( | 180 | {!this.ableOperation ? ( |
167 | "序号" | 181 | "序号" |
168 | ) : ( | 182 | ) : ( |
169 | <i | 183 | <i |
... | @@ -177,24 +191,77 @@ | ... | @@ -177,24 +191,77 @@ |
177 | ); | 191 | ); |
178 | }, | 192 | }, |
179 | // 修改事件 | 193 | // 修改事件 |
180 | addrow () { | 194 | addrow() { |
181 | this.tableDataList = this.tableDataList.map((item) => { | 195 | this.tableDataList = this.tableDataList.map((item) => { |
182 | return { | 196 | return { |
183 | ...item, | 197 | ...item, |
184 | yt: this.tdyt | 198 | yt: this.tdyt, |
185 | } | 199 | }; |
186 | }) | 200 | }); |
187 | this.$emit("upDateTdytxxList", this.tableDataList); | 201 | this.$emit("upDateTdytxxList", this.tableDataList); |
188 | }, | 202 | }, |
203 | startTime(index) { | ||
204 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
205 | let endTime = this.tableDataList[index].jssj; | ||
206 | let startTime = this.tableDataList[index].qssj; | ||
207 | this.tableDataList[index].pickerEnd= { | ||
208 | disabledDate: (time) => { | ||
209 | if (Object.keys(startTime).length > 0) { | ||
210 | return new Date(startTime).getTime() > time.getTime(); | ||
211 | } else { | ||
212 | return time.getTime() < Date.now(); | ||
213 | } | ||
214 | }, | ||
215 | }; | ||
216 | if ( | ||
217 | Object.keys(startTime).length > 0 && | ||
218 | Object.keys(endTime).length > 0 | ||
219 | ) { | ||
220 | let startYear = new Date(startTime).getFullYear(); | ||
221 | let endYear = new Date(endTime).getFullYear(); | ||
222 | this.tableDataList[index].syqx=endYear-startYear; | ||
223 | } | ||
224 | }, | ||
225 | endTime(index) { | ||
226 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
227 | let startTime = this.tableDataList[index].qssj; | ||
228 | let endTime = this.tableDataList[index].jssj; | ||
229 | this.tableDataList[index].pickerStart = { | ||
230 | disabledDate: (time) => { | ||
231 | if (Object.keys(endTime).length > 0) { | ||
232 | return new Date(endTime).getTime() < time.getTime(); | ||
233 | } else { | ||
234 | return time.getTime() > Date.now(); | ||
235 | } | ||
236 | }, | ||
237 | }; | ||
238 | if ( | ||
239 | Object.keys(startTime).length > 0 && | ||
240 | Object.keys(endTime).length > 0 | ||
241 | ) { | ||
242 | let startYear = new Date(startTime).getFullYear(); | ||
243 | let endYear = new Date(endTime).getFullYear(); | ||
244 | this.tableDataList[index].syqx=endYear-startYear; | ||
245 | } | ||
246 | }, | ||
247 | sumTime(index, syqx) { | ||
248 | |||
249 | let startTime = this.tableDataList[index].qssj; | ||
250 | this.tableDataList[index].jssj = | ||
251 | Number(startTime.substring(0, 4)) + | ||
252 | Number(syqx) + | ||
253 | startTime.slice(4, 19); | ||
254 | |||
255 | }, | ||
189 | // 新增 | 256 | // 新增 |
190 | addClick () { | 257 | addClick() { |
191 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 258 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); |
192 | 259 | ||
193 | this.$emit("upDateTdytxxList", this.tableDataList); | 260 | this.$emit("upDateTdytxxList", this.tableDataList); |
194 | }, | 261 | }, |
195 | 262 | ||
196 | // 删除 | 263 | // 删除 |
197 | deleClick (index, row) { | 264 | deleClick(index, row) { |
198 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 265 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
199 | confirmButtonText: "确定", | 266 | confirmButtonText: "确定", |
200 | cancelButtonText: "取消", | 267 | cancelButtonText: "取消", |
... | @@ -203,19 +270,19 @@ | ... | @@ -203,19 +270,19 @@ |
203 | .then(() => { | 270 | .then(() => { |
204 | this.tableData.splice(index, 1); | 271 | this.tableData.splice(index, 1); |
205 | }) | 272 | }) |
206 | .catch(() => { }); | 273 | .catch(() => {}); |
207 | }, | 274 | }, |
208 | }, | 275 | }, |
209 | }; | 276 | }; |
210 | </script> | 277 | </script> |
211 | <style scoped lang="scss"> | 278 | <style scoped lang="scss"> |
212 | .el-input { | 279 | .el-input { |
213 | border: none !important; | 280 | border: none !important; |
214 | } | 281 | } |
215 | /deep/.el-table__row { | 282 | /deep/.el-table__row { |
216 | border: none !important; | 283 | border: none !important; |
217 | } | 284 | } |
218 | .el-date-editor.el-input { | 285 | .el-date-editor.el-input { |
219 | width: 100%; | 286 | width: 100%; |
220 | } | 287 | } |
221 | </style> | 288 | </style> | ... | ... |
... | @@ -102,6 +102,7 @@ | ... | @@ -102,6 +102,7 @@ |
102 | clxxIndex: "", | 102 | clxxIndex: "", |
103 | //材料信息选项卡对象 | 103 | //材料信息选项卡对象 |
104 | clxxTab: {}, | 104 | clxxTab: {}, |
105 | ableOperation:false, | ||
105 | //页面监听时间 | 106 | //页面监听时间 |
106 | _beforeUnload_time: "" | 107 | _beforeUnload_time: "" |
107 | } | 108 | } |
... | @@ -142,10 +143,12 @@ | ... | @@ -142,10 +143,12 @@ |
142 | this.tabList = res.result; | 143 | this.tabList = res.result; |
143 | //默认加载第一个表单信息 | 144 | //默认加载第一个表单信息 |
144 | this.tabName = res.result[0].value; | 145 | this.tabName = res.result[0].value; |
146 | this.ableOperation=this.tabList[0].ableOperation | ||
145 | //批量操作无分屏按钮 | 147 | //批量操作无分屏按钮 |
146 | if (index != null) { | 148 | if (index != null) { |
147 | //处理分屏材料信息 | 149 | //处理分屏材料信息 |
148 | let that = this; | 150 | let that = this; |
151 | |||
149 | this.tabList.forEach(function (item, index) { | 152 | this.tabList.forEach(function (item, index) { |
150 | if (item.value == "clxx") { | 153 | if (item.value == "clxx") { |
151 | that.clxxIndex = index; | 154 | that.clxxIndex = index; | ... | ... |
... | @@ -93,6 +93,7 @@ | ... | @@ -93,6 +93,7 @@ |
93 | currentSelectProps: {}, | 93 | currentSelectProps: {}, |
94 | //是否开启材料分屏 | 94 | //是否开启材料分屏 |
95 | splitScreen: false, | 95 | splitScreen: false, |
96 | ableOperation:false, | ||
96 | //材料分屏表单 | 97 | //材料分屏表单 |
97 | clxxForm: "", | 98 | clxxForm: "", |
98 | //材料信息选择卡索引 | 99 | //材料信息选择卡索引 |
... | @@ -115,6 +116,7 @@ | ... | @@ -115,6 +116,7 @@ |
115 | this.tabList = res.result; | 116 | this.tabList = res.result; |
116 | //默认加载第一个表单信息 | 117 | //默认加载第一个表单信息 |
117 | this.tabName = res.result[0].value; | 118 | this.tabName = res.result[0].value; |
119 | this.ableOperation=this.tabList[0].ableOperation | ||
118 | //批量操作无分屏按钮 | 120 | //批量操作无分屏按钮 |
119 | if (index != null) { | 121 | if (index != null) { |
120 | //处理分屏材料信息 | 122 | //处理分屏材料信息 | ... | ... |
... | @@ -198,7 +198,6 @@ | ... | @@ -198,7 +198,6 @@ |
198 | }); | 198 | }); |
199 | }, | 199 | }, |
200 | ywhClick (item) { | 200 | ywhClick (item) { |
201 | console.log("代办箱列表信息",item); | ||
202 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 | 201 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 |
203 | judgeUserTaskPermission({ | 202 | judgeUserTaskPermission({ |
204 | bsmSlsq: item.bsmSlsq, | 203 | bsmSlsq: item.bsmSlsq, | ... | ... |
... | @@ -135,7 +135,7 @@ | ... | @@ -135,7 +135,7 @@ |
135 | <div class="triangle"></div> | 135 | <div class="triangle"></div> |
136 | </div> | 136 | </div> |
137 | <tdytTable | 137 | <tdytTable |
138 | :disabled="!ableOperation" | 138 | :ableOperation="ableOperation" |
139 | :tableData="ruleForm.tdytqxList" | 139 | :tableData="ruleForm.tdytqxList" |
140 | @upDateTdytxxList="upDateTdytxxList" /> | 140 | @upDateTdytxxList="upDateTdytxxList" /> |
141 | <div class="slxx_title title-block"> | 141 | <div class="slxx_title title-block"> |
... | @@ -257,7 +257,6 @@ | ... | @@ -257,7 +257,6 @@ |
257 | methods: { | 257 | methods: { |
258 | // 更新土地用途信息 | 258 | // 更新土地用途信息 |
259 | upDateTdytxxList (val) { | 259 | upDateTdytxxList (val) { |
260 | console.log("VAL", val); | ||
261 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 260 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
262 | this.key++; | 261 | this.key++; |
263 | }, | 262 | }, | ... | ... |
... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
138 | <div class="triangle"></div> | 138 | <div class="triangle"></div> |
139 | </div> | 139 | </div> |
140 | <tdytTable | 140 | <tdytTable |
141 | :disabled="!ableOperation" | 141 | :ableOperation="ableOperation" |
142 | :tableData="ruleForm.tdytqxList" | 142 | :tableData="ruleForm.tdytqxList" |
143 | @upDateTdytxxList="upDateTdytxxList" /> | 143 | @upDateTdytxxList="upDateTdytxxList" /> |
144 | <div class="slxx_title title-block"> | 144 | <div class="slxx_title title-block"> |
... | @@ -283,7 +283,6 @@ | ... | @@ -283,7 +283,6 @@ |
283 | }, | 283 | }, |
284 | // 更新土地用途信息 | 284 | // 更新土地用途信息 |
285 | upDateTdytxxList (val) { | 285 | upDateTdytxxList (val) { |
286 | console.log("VAL", val); | ||
287 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 286 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
288 | this.key++; | 287 | this.key++; |
289 | }, | 288 | }, | ... | ... |
... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
129 | <div class="triangle"></div> | 129 | <div class="triangle"></div> |
130 | </div> | 130 | </div> |
131 | <tdytTable | 131 | <tdytTable |
132 | :disabled="!ableOperation" | 132 | :ableOperation="ableOperation" |
133 | :tableData="ruleForm.tdytqxList" | 133 | :tableData="ruleForm.tdytqxList" |
134 | @upDateTdytxxList="upDateTdytxxList" /> | 134 | @upDateTdytxxList="upDateTdytxxList" /> |
135 | <div class="slxx_title title-block"> | 135 | <div class="slxx_title title-block"> |
... | @@ -258,7 +258,6 @@ | ... | @@ -258,7 +258,6 @@ |
258 | methods: { | 258 | methods: { |
259 | // 更新土地用途信息 | 259 | // 更新土地用途信息 |
260 | upDateTdytxxList (val) { | 260 | upDateTdytxxList (val) { |
261 | console.log("VAL", val); | ||
262 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 261 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
263 | this.key++; | 262 | this.key++; |
264 | }, | 263 | }, | ... | ... |
... | @@ -6,7 +6,8 @@ | ... | @@ -6,7 +6,8 @@ |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
8 | <div class="slxx"> | 8 | <div class="slxx"> |
9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 9 | <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" |
10 | class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | ||
10 | :inline="flag" label-width="120px"> | 11 | :inline="flag" label-width="120px"> |
11 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
12 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
... | @@ -16,34 +17,34 @@ | ... | @@ -16,34 +17,34 @@ |
16 | <el-row :gutter="10"> | 17 | <el-row :gutter="10"> |
17 | <el-col :span="8"> | 18 | <el-col :span="8"> |
18 | <el-form-item label="业务号:"> | 19 | <el-form-item label="业务号:"> |
19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | 20 | <el-input v-model="ruleForm.flow.ywh"></el-input> |
20 | </el-form-item> | 21 | </el-form-item> |
21 | </el-col> | 22 | </el-col> |
22 | <el-col :span="8"> | 23 | <el-col :span="8"> |
23 | <el-form-item label="受理人员:"> | 24 | <el-form-item label="受理人员:"> |
24 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | 25 | <el-input v-model="ruleForm.slsq.slry"></el-input> |
25 | </el-form-item> | 26 | </el-form-item> |
26 | </el-col> | 27 | </el-col> |
27 | <el-col :span="8"> | 28 | <el-col :span="8"> |
28 | <el-form-item label="受理时间:"> | 29 | <el-form-item label="受理时间:"> |
29 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | 30 | <el-input v-model="ruleForm.slsq.slsj"></el-input> |
30 | </el-form-item> | 31 | </el-form-item> |
31 | </el-col> | 32 | </el-col> |
32 | </el-row> | 33 | </el-row> |
33 | <el-row :gutter="10"> | 34 | <el-row :gutter="10"> |
34 | <el-col :span="8"> | 35 | <el-col :span="8"> |
35 | <el-form-item label="权利类型:"> | 36 | <el-form-item label="权利类型:"> |
36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | 37 | <el-input v-model="ruleForm.sldy.qllxmc"></el-input> |
37 | </el-form-item> | 38 | </el-form-item> |
38 | </el-col> | 39 | </el-col> |
39 | <el-col :span="8"> | 40 | <el-col :span="8"> |
40 | <el-form-item label="登记类型:"> | 41 | <el-form-item label="登记类型:"> |
41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | 42 | <el-input v-model="ruleForm.sldy.djlxmc"></el-input> |
42 | </el-form-item> | 43 | </el-form-item> |
43 | </el-col> | 44 | </el-col> |
44 | <el-col :span="8"> | 45 | <el-col :span="8"> |
45 | <el-form-item label="登记情形:"> | 46 | <el-form-item label="登记情形:"> |
46 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | 47 | <el-input v-model="ruleForm.slsq.djqxmc"></el-input> |
47 | </el-form-item> | 48 | </el-form-item> |
48 | </el-col> | 49 | </el-col> |
49 | </el-row> | 50 | </el-row> |
... | @@ -54,34 +55,34 @@ | ... | @@ -54,34 +55,34 @@ |
54 | <el-row :gutter="10"> | 55 | <el-row :gutter="10"> |
55 | <el-col :span="8"> | 56 | <el-col :span="8"> |
56 | <el-form-item label="宗地代码:"> | 57 | <el-form-item label="宗地代码:"> |
57 | <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input> | 58 | <el-input v-model="ruleForm.zdjbxx.zddm"></el-input> |
58 | </el-form-item> | 59 | </el-form-item> |
59 | </el-col> | 60 | </el-col> |
60 | <el-col :span="8"> | 61 | <el-col :span="8"> |
61 | <el-form-item label="不动产单元号:"> | 62 | <el-form-item label="不动产单元号:"> |
62 | <el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input> | 63 | <el-input v-model="ruleForm.zdjbxx.bdcdyh"></el-input> |
63 | </el-form-item> | 64 | </el-form-item> |
64 | </el-col> | 65 | </el-col> |
65 | <el-col :span="8"> | 66 | <el-col :span="8"> |
66 | <el-form-item label="权利性质:"> | 67 | <el-form-item label="权利性质:"> |
67 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 68 | <el-input v-model="ruleForm.zdjbxx.qlxzmc"></el-input> |
68 | </el-form-item> | 69 | </el-form-item> |
69 | </el-col> | 70 | </el-col> |
70 | </el-row> | 71 | </el-row> |
71 | <el-row :gutter="10"> | 72 | <el-row :gutter="10"> |
72 | <el-col :span="8"> | 73 | <el-col :span="8"> |
73 | <el-form-item label="宗地面积:"> | 74 | <el-form-item label="宗地面积:"> |
74 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> | 75 | <el-input v-model="ruleForm.zdjbxx.zdmj"></el-input> |
75 | </el-form-item> | 76 | </el-form-item> |
76 | </el-col> | 77 | </el-col> |
77 | <el-col :span="8"> | 78 | <el-col :span="8"> |
78 | <el-form-item label="土地用途:"> | 79 | <el-form-item label="土地用途:"> |
79 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> | 80 | <el-input v-model="ruleForm.zdjbxx.ghytmc"></el-input> |
80 | </el-form-item> | 81 | </el-form-item> |
81 | </el-col> | 82 | </el-col> |
82 | <el-col :span="8"> | 83 | <el-col :span="8"> |
83 | <el-form-item label="权利设定方式:"> | 84 | <el-form-item label="权利设定方式:"> |
84 | <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> | 85 | <el-input v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> |
85 | </el-form-item> | 86 | </el-form-item> |
86 | </el-col> | 87 | </el-col> |
87 | </el-row> | 88 | </el-row> |
... | @@ -89,9 +90,8 @@ | ... | @@ -89,9 +90,8 @@ |
89 | <el-col :span="8"> | 90 | <el-col :span="8"> |
90 | <el-form-item label="取得价格:"> | 91 | <el-form-item label="取得价格:"> |
91 | <div style="display:flex"> | 92 | <div style="display:flex"> |
92 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype == '1' && !ableOperation" | 93 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
93 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 94 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
94 | <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | ||
95 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 95 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
96 | </el-option> | 96 | </el-option> |
97 | </el-select> | 97 | </el-select> |
... | @@ -101,27 +101,27 @@ | ... | @@ -101,27 +101,27 @@ |
101 | 101 | ||
102 | <el-col :span="16"> | 102 | <el-col :span="16"> |
103 | <el-form-item label="坐落:"> | 103 | <el-form-item label="坐落:"> |
104 | <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input> | 104 | <el-input v-model="ruleForm.zdjbxx.zl"></el-input> |
105 | </el-form-item> | 105 | </el-form-item> |
106 | </el-col> | 106 | </el-col> |
107 | </el-row> | 107 | </el-row> |
108 | <el-row :gutter="10"> | 108 | <el-row :gutter="10"> |
109 | <el-col :span="8"> | 109 | <el-col :span="8"> |
110 | <el-form-item label="使用期限:"> | 110 | <el-form-item label="使用期限:"> |
111 | <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | 111 | <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input> |
112 | </el-form-item> | 112 | </el-form-item> |
113 | </el-col> | 113 | </el-col> |
114 | 114 | ||
115 | <el-col :span="16"> | 115 | <el-col :span="16"> |
116 | <el-form-item label="使用权起止时间:"> | 116 | <el-form-item label="使用权起止时间:"> |
117 | <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input> | 117 | <el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input> |
118 | </el-form-item> | 118 | </el-form-item> |
119 | </el-col> | 119 | </el-col> |
120 | </el-row> | 120 | </el-row> |
121 | <el-row :gutter="10"> | 121 | <el-row :gutter="10"> |
122 | <el-col> | 122 | <el-col> |
123 | <el-form-item label="附记:" prop="fj"> | 123 | <el-form-item label="附记:" prop="fj"> |
124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == '1' && !ableOperation"></el-input> | 124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj"></el-input> |
125 | </el-form-item> | 125 | </el-form-item> |
126 | </el-col> | 126 | </el-col> |
127 | </el-row> | 127 | </el-row> |
... | @@ -130,7 +130,7 @@ | ... | @@ -130,7 +130,7 @@ |
130 | <div class="triangle"></div> | 130 | <div class="triangle"></div> |
131 | </div> | 131 | </div> |
132 | <tdytTable | 132 | <tdytTable |
133 | :disabled="!ableOperation" | 133 | :ableOperation="ableOperation" |
134 | :tableData="ruleForm.tdytqxList" | 134 | :tableData="ruleForm.tdytqxList" |
135 | @upDateTdytxxList="upDateTdytxxList" /> | 135 | @upDateTdytxxList="upDateTdytxxList" /> |
136 | <div class="slxx_title title-block"> | 136 | <div class="slxx_title title-block"> |
... | @@ -227,7 +227,15 @@ | ... | @@ -227,7 +227,15 @@ |
227 | }, | 227 | }, |
228 | components: { qlrCommonTable, tdytTable }, | 228 | components: { qlrCommonTable, tdytTable }, |
229 | computed: { | 229 | computed: { |
230 | ...mapGetters(["dictData", "flag"]) | 230 | ...mapGetters(["dictData", "flag"]), |
231 | // 根据流程判断表单是否为只读 | ||
232 | editDisabled() { | ||
233 | if (!this.ableOperation) { | ||
234 | //只读状态 | ||
235 | return true; | ||
236 | } | ||
237 | return false; | ||
238 | }, | ||
231 | }, | 239 | }, |
232 | data () { | 240 | data () { |
233 | return { | 241 | return { |
... | @@ -246,7 +254,6 @@ | ... | @@ -246,7 +254,6 @@ |
246 | methods: { | 254 | methods: { |
247 | // 更新土地用途信息 | 255 | // 更新土地用途信息 |
248 | upDateTdytxxList (val) { | 256 | upDateTdytxxList (val) { |
249 | console.log("VAL", val); | ||
250 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 257 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
251 | this.key++; | 258 | this.key++; |
252 | }, | 259 | }, | ... | ... |
... | @@ -133,7 +133,7 @@ | ... | @@ -133,7 +133,7 @@ |
133 | </div> | 133 | </div> |
134 | <tdytTable | 134 | <tdytTable |
135 | :tableData="ruleForm.tdytqxList" | 135 | :tableData="ruleForm.tdytqxList" |
136 | :disabled="!ableOperation" | 136 | :ableOperation="ableOperation" |
137 | @upDateTdytxxList="upDateTdytxxList" /> | 137 | @upDateTdytxxList="upDateTdytxxList" /> |
138 | <div class="slxx_title title-block"> | 138 | <div class="slxx_title title-block"> |
139 | 权利人信息 | 139 | 权利人信息 |
... | @@ -239,7 +239,6 @@ | ... | @@ -239,7 +239,6 @@ |
239 | methods: { | 239 | methods: { |
240 | // 更新土地用途信息 | 240 | // 更新土地用途信息 |
241 | upDateTdytxxList (val) { | 241 | upDateTdytxxList (val) { |
242 | console.log("VAL", val); | ||
243 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 242 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
244 | this.key++; | 243 | this.key++; |
245 | }, | 244 | }, | ... | ... |
... | @@ -144,7 +144,7 @@ | ... | @@ -144,7 +144,7 @@ |
144 | </div> | 144 | </div> |
145 | <tdytTable | 145 | <tdytTable |
146 | :tableData="ruleForm.tdytqxList" | 146 | :tableData="ruleForm.tdytqxList" |
147 | :disabled="!ableOperation" | 147 | :ableOperation="ableOperation" |
148 | @upDateTdytxxList="upDateTdytxxList" /> | 148 | @upDateTdytxxList="upDateTdytxxList" /> |
149 | <div class="slxx_title title-block"> | 149 | <div class="slxx_title title-block"> |
150 | 权利人信息 | 150 | 权利人信息 |
... | @@ -268,7 +268,6 @@ | ... | @@ -268,7 +268,6 @@ |
268 | methods: { | 268 | methods: { |
269 | // 更新土地用途信息 | 269 | // 更新土地用途信息 |
270 | upDateTdytxxList (val) { | 270 | upDateTdytxxList (val) { |
271 | console.log("VAL", val); | ||
272 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 271 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
273 | this.key++; | 272 | this.key++; |
274 | }, | 273 | }, | ... | ... |
... | @@ -198,9 +198,7 @@ | ... | @@ -198,9 +198,7 @@ |
198 | "/djbworkFrameview?bsmSlsq=" + | 198 | "/djbworkFrameview?bsmSlsq=" + |
199 | item.bsmSlsq + | 199 | item.bsmSlsq + |
200 | "&bestepid=" + | 200 | "&bestepid=" + |
201 | item.bestepid+ | 201 | item.bestepid |
202 | "&bsmBusiness=" + | ||
203 | "&viewtype=1" | ||
204 | ); | 202 | ); |
205 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 203 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
206 | } else { | 204 | } else { | ... | ... |
-
Please register or sign in to post a comment