Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
33 changed files
with
864 additions
and
576 deletions
... | @@ -18,7 +18,18 @@ export function getDjbfm (data) { | ... | @@ -18,7 +18,18 @@ export function getDjbfm (data) { |
18 | params: data | 18 | params: data |
19 | }) | 19 | }) |
20 | } | 20 | } |
21 | 21 | /** | |
22 | * @description: 获取权利类型数组 | ||
23 | * @param {*} params | ||
24 | * @author: renchao | ||
25 | */ | ||
26 | export function getQllxByBdcdyid (params) { | ||
27 | return request({ | ||
28 | url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid', | ||
29 | method: 'get', | ||
30 | params | ||
31 | }) | ||
32 | } | ||
22 | /** | 33 | /** |
23 | * @description: 获取登记目录 | 34 | * @description: 获取登记目录 |
24 | * @param {*} data | 35 | * @param {*} data | ... | ... |
... | @@ -66,18 +66,7 @@ export function leftMenubl (params) { | ... | @@ -66,18 +66,7 @@ export function leftMenubl (params) { |
66 | params | 66 | params |
67 | }) | 67 | }) |
68 | } | 68 | } |
69 | /** | 69 | |
70 | * @description: 获取权利类型数组 | ||
71 | * @param {*} params | ||
72 | * @author: renchao | ||
73 | */ | ||
74 | export function getQllxByBdcdyid (params) { | ||
75 | return request({ | ||
76 | url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid', | ||
77 | method: 'get', | ||
78 | params | ||
79 | }) | ||
80 | } | ||
81 | /** | 70 | /** |
82 | * @description: 保存数据 | 71 | * @description: 保存数据 |
83 | * @param {*} data | 72 | * @param {*} data | ... | ... |
... | @@ -76,4 +76,10 @@ | ... | @@ -76,4 +76,10 @@ |
76 | 76 | ||
77 | /deep/.el-form-item__label { | 77 | /deep/.el-form-item__label { |
78 | padding-bottom: 0px; | 78 | padding-bottom: 0px; |
79 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
79 | } | ||
80 | // 控制表单是否只读 | ||
81 | .readonly{ | ||
82 | /deep/.el-form-item__content{ | ||
83 | pointer-events: none!important; | ||
84 | } | ||
85 | } | ... | ... |
... | @@ -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: "登记簿封面" }); | ... | ... |
... | @@ -61,8 +61,8 @@ | ... | @@ -61,8 +61,8 @@ |
61 | <script> | 61 | <script> |
62 | import { mapGetters } from "vuex"; | 62 | import { mapGetters } from "vuex"; |
63 | import { leftMenu, deleteSlbdcdy } from "@/api/workFlow.js"; | 63 | import { leftMenu, deleteSlbdcdy } from "@/api/workFlow.js"; |
64 | import { deleteRepairRecord } from "@/api/djbbl.js"; | 64 | import { deleteRepairRecord } from"@/api/djbRepair.js"; |
65 | import { leftMenubl } from "@/api/djbbl.js"; | 65 | import { leftMenubl } from"@/api/djbRepair.js"; |
66 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 66 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
67 | import { loadTreeData, getNode } from "./djbFrameData.js"; | 67 | import { loadTreeData, getNode } from "./djbFrameData.js"; |
68 | export default { | 68 | export default { | ... | ... |
... | @@ -5,220 +5,284 @@ | ... | @@ -5,220 +5,284 @@ |
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, |
31 | }, | ||
32 | computed: { | ||
33 | ...mapGetters(["dictData"]), | ||
34 | }, | ||
35 | props: { | ||
36 | tableData: { | ||
37 | type: Array, | ||
38 | default: function () { | ||
39 | return []; | ||
40 | }, | ||
20 | }, | 41 | }, |
21 | computed: { | 42 | ableOperation: { |
22 | ...mapGetters(["dictData"]), | 43 | type: Boolean, |
44 | default: false, | ||
23 | }, | 45 | }, |
24 | props: { | 46 | gyfs: { |
25 | tableData: { | 47 | type: String, |
26 | type: Array, | 48 | default: "1", |
27 | default: function () { | ||
28 | return [] | ||
29 | } | ||
30 | }, | ||
31 | gyfs: { | ||
32 | type: String, | ||
33 | default: '1' | ||
34 | } | ||
35 | }, | 49 | }, |
36 | data () { | 50 | }, |
37 | return { | 51 | data() { |
38 | key: 0, | 52 | return { |
39 | dataIndex: 0, | 53 | key: 0, |
40 | dialog: false, | 54 | dataIndex: 0, |
41 | isaddupdate: false, | 55 | dialog: false, |
42 | showButton: this.$route.query.viewtype ? false : true, | 56 | isaddupdate: false, |
43 | details: {}, | 57 | showButton: this.ableOperation, |
44 | tableDataList: [], | 58 | details: {}, |
45 | InformationTable: [ | 59 | tableDataList: [], |
46 | { | 60 | InformationTable: [ |
47 | width: '50', | 61 | { |
48 | renderHeader: (h, scope) => { | 62 | width: "50", |
49 | return <div> { | 63 | renderHeader: (h, scope) => { |
50 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 64 | return ( |
51 | } | 65 | <div> |
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> |
53 | }, | 78 | ); |
54 | render: (h, scope) => { | ||
55 | return ( | ||
56 | <div> | ||
57 | { | ||
58 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
59 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | ||
60 | } | ||
61 | </div> | ||
62 | ) | ||
63 | } | ||
64 | }, | 79 | }, |
65 | { | 80 | render: (h, scope) => { |
66 | label: '身份证读卡器', | 81 | return ( |
67 | align: 'center', | 82 | <div> |
68 | render: (h, scope) => { | 83 | {!this.ableOperation ? ( |
69 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | 84 | <span>{scope.$index + 1}</span> |
70 | } | 85 | ) : ( |
86 | <i | ||
87 | class="el-icon-minus pointer" | ||
88 | onClick={() => { | ||
89 | this.deleClick(scope.$index, scope.row); | ||
90 | }} | ||
91 | ></i> | ||
92 | )} | ||
93 | </div> | ||
94 | ); | ||
71 | }, | 95 | }, |
72 | { | 96 | }, |
73 | prop: "qlrmc", | 97 | { |
74 | label: "姓名/名称" | 98 | label: "身份证读卡器", |
99 | align: "center", | ||
100 | render: (h, scope) => { | ||
101 | return ( | ||
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 | ); | ||
75 | }, | 113 | }, |
76 | { | 114 | }, |
77 | prop: "zjzl", | 115 | { |
78 | label: "证件种类", | 116 | prop: "qlrmc", |
79 | render: (h, scope) => { | 117 | label: "姓名/名称", |
80 | return this.dictData['A30'] && this.dictData['A30'].map(option => { | 118 | }, |
119 | { | ||
120 | prop: "zjzl", | ||
121 | label: "证件种类", | ||
122 | render: (h, scope) => { | ||
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 | ); |
86 | }, | ||
87 | { | ||
88 | prop: "zjh", | ||
89 | label: "证件号" | ||
90 | }, | 131 | }, |
91 | { | 132 | }, |
92 | prop: "dh", | 133 | { |
93 | label: "联系电话" | 134 | prop: "zjh", |
135 | label: "证件号", | ||
136 | }, | ||
137 | { | ||
138 | prop: "dh", | ||
139 | label: "联系电话", | ||
140 | }, | ||
141 | { | ||
142 | label: "操作", | ||
143 | render: (h, scope) => { | ||
144 | return ( | ||
145 | <div> | ||
146 | {this.$route.query.viewtype ? ( | ||
147 | <el-button | ||
148 | icon="el-icon-view" | ||
149 | type="text" | ||
150 | onClick={() => { | ||
151 | this.queryViewClick(scope.$index, scope.row); | ||
152 | }} | ||
153 | disabled={!this.ableOperation} | ||
154 | > | ||
155 | {" "} | ||
156 | 查看 | ||
157 | </el-button> | ||
158 | ) : ( | ||
159 | <el-button | ||
160 | icon="el-icon-edit-outline" | ||
161 | type="text" | ||
162 | onClick={() => { | ||
163 | this.editClick(scope.$index, scope.row); | ||
164 | }} | ||
165 | disabled={!this.ableOperation} | ||
166 | > | ||
167 | 编辑 | ||
168 | </el-button> | ||
169 | )} | ||
170 | </div> | ||
171 | ); | ||
94 | }, | 172 | }, |
95 | { | ||
96 | label: '操作', | ||
97 | render: (h, scope) => { | ||
98 | return ( | ||
99 | <div> | ||
100 | { | ||
101 | this.$route.query.viewtype ? <el-button | ||
102 | icon="el-icon-view" | ||
103 | type="text" | ||
104 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
105 | icon="el-icon-edit-outline" | ||
106 | type="text" | ||
107 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
108 | } | ||
109 | </div> | ||
110 | ) | ||
111 | } | ||
112 | } | ||
113 | ], | ||
114 | column: [] | ||
115 | } | ||
116 | }, | ||
117 | watch: { | ||
118 | tableData: { | ||
119 | handler: function (val, oldVal) { | ||
120 | let that = this | ||
121 | this.$nextTick(() => { | ||
122 | if (val.length == 0 || !val) { | ||
123 | that.tableDataList = _.cloneDeep([{ | ||
124 | qlrmc: '', | ||
125 | dlrzjlx: '', | ||
126 | dlrzjh: '', | ||
127 | fr: '' | ||
128 | }]) | ||
129 | } else { | ||
130 | that.tableDataList = _.cloneDeep(val) | ||
131 | } | ||
132 | }) | ||
133 | }, | 173 | }, |
134 | immediate: true, | 174 | ], |
135 | deep: true | 175 | column: [], |
136 | }, | 176 | }; |
137 | gyfs: { | 177 | }, |
138 | handler (newVal, oldValue) { | 178 | watch: { |
139 | let dataList = _.cloneDeep(this.InformationTable) | 179 | tableData: { |
140 | if (newVal == 0) { | 180 | handler: function (val, oldVal) { |
141 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 181 | let that = this; |
142 | this.column = _.cloneDeep(dataList) | 182 | this.$nextTick(() => { |
143 | 183 | if (val.length == 0 || !val) { | |
144 | } else if ((newVal == '1' || newVal == '3')) { | 184 | that.tableDataList = _.cloneDeep([ |
145 | this.column = dataList | 185 | { |
186 | qlrmc: "", | ||
187 | dlrzjlx: "", | ||
188 | dlrzjh: "", | ||
189 | fr: "", | ||
190 | }, | ||
191 | ]); | ||
146 | } else { | 192 | } else { |
147 | this.column = _.cloneDeep(dataList) | 193 | that.tableDataList = _.cloneDeep(val); |
148 | this.column.splice( | ||
149 | 2, 0, { | ||
150 | prop: "fs", | ||
151 | label: "份数" | ||
152 | }) | ||
153 | } | 194 | } |
154 | }, | 195 | }); |
155 | immediate: true | 196 | }, |
156 | } | 197 | immediate: true, |
198 | deep: true, | ||
157 | }, | 199 | }, |
158 | methods: { | 200 | gyfs: { |
159 | handleupdateDetail (value) { | 201 | handler(newVal, oldValue) { |
160 | if (this.isaddupdate) { | 202 | let dataList = _.cloneDeep(this.InformationTable); |
161 | if (!_.isEqual(value, this.tableData)) { | 203 | if (newVal == 0) { |
162 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | 204 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
163 | this.$emit('upDateQlrxxList', this.tableDataList) | 205 | this.column = _.cloneDeep(dataList); |
164 | } | 206 | } else if (newVal == "1" || newVal == "3") { |
207 | this.column = dataList; | ||
165 | } else { | 208 | } else { |
166 | if (!_.isEqual(value, this.tableData)) { | 209 | this.column = _.cloneDeep(dataList); |
167 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 210 | this.column.splice(2, 0, { |
168 | this.$emit('upDateQlrxxList', this.tableDataList) | 211 | prop: "fs", |
169 | } | 212 | label: "份数", |
213 | }); | ||
170 | } | 214 | } |
171 | this.key++ | ||
172 | }, | 215 | }, |
173 | // 新增 | 216 | immediate: true, |
174 | addClick () { | 217 | }, |
175 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | 218 | }, |
176 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | 219 | methods: { |
177 | } else { | 220 | handleupdateDetail(value) { |
178 | this.dialog = true | 221 | if (this.isaddupdate) { |
179 | this.isaddupdate = true | 222 | if (!_.isEqual(value, this.tableData)) { |
223 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
224 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
180 | } | 225 | } |
181 | }, | 226 | } else { |
227 | if (!_.isEqual(value, this.tableData)) { | ||
228 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
229 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
230 | } | ||
231 | } | ||
232 | this.key++; | ||
233 | }, | ||
234 | // 新增 | ||
235 | addClick() { | ||
236 | if (this.gyfs == "0" && this.tableDataList.length > 0) { | ||
237 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人"); | ||
238 | } else { | ||
239 | this.dialog = true; | ||
240 | this.isaddupdate = true; | ||
241 | } | ||
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 | }) |
193 | }, | 254 | .catch(() => {}); |
255 | }, | ||
194 | 256 | ||
195 | // 身份证读取 | 257 | // 身份证读取 |
196 | readClick () { }, | 258 | readClick() {}, |
197 | 259 | ||
198 | // 修改 | 260 | // 身份证读取按钮禁用 |
199 | editClick (index, row) { | 261 | onreadClick() { |
200 | // popupDialog("申请人信息", "workflow/components/addQlr", { | 262 | this.$message.error("此阶段不可编辑"); |
201 | // showButton: this.$route.query.viewtype ? false : true, | 263 | }, |
202 | // dataIndex :index, | 264 | // 修改 |
203 | // details :row, | 265 | editClick(index, row) { |
204 | // isaddupdate :false | 266 | // popupDialog("申请人信息", "workflow/components/addQlr", { |
205 | // }); | 267 | // showButton: this.$route.query.viewtype ? false : true, |
206 | this.dataIndex = index | 268 | // dataIndex :index, |
207 | this.dialog = true | 269 | // details :row, |
208 | this.details = row | 270 | // isaddupdate :false |
209 | this.isaddupdate = false | 271 | // }); |
210 | }, | 272 | this.dataIndex = index; |
211 | queryViewClick (index, row) { | 273 | this.dialog = true; |
212 | // popupDialog("申请人信息", "workflow/components/addQlr", { | 274 | this.details = row; |
213 | // showButton: this.$route.query.viewtype ? false : true, | 275 | this.isaddupdate = false; |
214 | // details: row, | 276 | }, |
215 | // }); | 277 | queryViewClick(index, row) { |
216 | this.dialog = true | 278 | // popupDialog("申请人信息", "workflow/components/addQlr", { |
217 | this.details = row | 279 | // showButton: this.$route.query.viewtype ? false : true, |
218 | } | 280 | // details: row, |
219 | } | 281 | // }); |
220 | } | 282 | this.dialog = true; |
283 | this.details = row; | ||
284 | }, | ||
285 | }, | ||
286 | }; | ||
221 | </script> | 287 | </script> |
222 | <style scoped lang="scss"> | 288 | <style scoped lang="scss"></style> |
223 | |||
224 | </style> | ... | ... |
... | @@ -5,217 +5,279 @@ | ... | @@ -5,217 +5,279 @@ |
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, |
31 | }, | ||
32 | computed: { | ||
33 | ...mapGetters(["dictData"]), | ||
34 | }, | ||
35 | props: { | ||
36 | tableData: { | ||
37 | type: Array, | ||
38 | default: function () { | ||
39 | return []; | ||
40 | }, | ||
20 | }, | 41 | }, |
21 | computed: { | 42 | ableOperation: { |
22 | ...mapGetters(["dictData"]), | 43 | type: Boolean, |
44 | default: false, | ||
23 | }, | 45 | }, |
24 | props: { | 46 | gyfs: { |
25 | tableData: { | 47 | type: String, |
26 | type: Array, | 48 | default: "1", |
27 | default: function () { | ||
28 | return [] | ||
29 | } | ||
30 | }, | ||
31 | gyfs: { | ||
32 | type: String, | ||
33 | default: '1' | ||
34 | } | ||
35 | }, | 49 | }, |
36 | data () { | 50 | }, |
37 | return { | 51 | data() { |
38 | key: 0, | 52 | return { |
39 | dataIndex: 0, | 53 | key: 0, |
40 | dialog: false, | 54 | dataIndex: 0, |
41 | isaddupdate: false, | 55 | dialog: false, |
42 | showButton: this.$route.query.viewtype ? false : true, | 56 | isaddupdate: false, |
43 | details: {}, | 57 | showButton: this.ableOperation, |
44 | tableDataList: [], | 58 | details: {}, |
45 | InformationTable: [ | 59 | tableDataList: [], |
46 | { | 60 | InformationTable: [ |
47 | width: '50', | 61 | { |
48 | renderHeader: (h, scope) => { | 62 | width: "50", |
49 | return <div> { | 63 | renderHeader: (h, scope) => { |
50 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 64 | return ( |
51 | } | 65 | <div> |
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> |
53 | }, | 78 | ); |
54 | render: (h, scope) => { | ||
55 | return ( | ||
56 | <div> | ||
57 | { | ||
58 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
59 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | ||
60 | } | ||
61 | </div> | ||
62 | ) | ||
63 | } | ||
64 | }, | 79 | }, |
65 | { | 80 | render: (h, scope) => { |
66 | label: '身份证读卡器', | 81 | return ( |
67 | align: 'center', | 82 | <div> |
68 | render: (h, scope) => { | 83 | {!this.ableOperation ? ( |
69 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | 84 | <span>{scope.$index + 1}</span> |
70 | } | 85 | ) : ( |
86 | <i | ||
87 | class="el-icon-minus pointer" | ||
88 | onClick={() => { | ||
89 | this.deleClick(scope.$index, scope.row); | ||
90 | }} | ||
91 | ></i> | ||
92 | )} | ||
93 | </div> | ||
94 | ); | ||
71 | }, | 95 | }, |
72 | { | 96 | }, |
73 | prop: "ywrmc", | 97 | { |
74 | label: "姓名/名称" | 98 | label: "身份证读卡器", |
99 | align: "center", | ||
100 | render: (h, scope) => { | ||
101 | return ( | ||
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 | ); | ||
75 | }, | 113 | }, |
76 | { | 114 | }, |
77 | prop: "zjzl", | 115 | { |
78 | label: "证件种类", | 116 | prop: "ywrmc", |
79 | render: (h, scope) => { | 117 | label: "姓名/名称", |
80 | return this.dictData['A30'] && this.dictData['A30'].map(option => { | 118 | }, |
119 | { | ||
120 | prop: "zjzl", | ||
121 | label: "证件种类", | ||
122 | render: (h, scope) => { | ||
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 | ); |
86 | }, | 131 | }, |
87 | { | 132 | }, |
88 | prop: "zjh", | 133 | { |
89 | label: "证件号" | 134 | prop: "zjh", |
90 | }, | 135 | label: "证件号", |
91 | { | 136 | }, |
92 | prop: "dh", | 137 | { |
93 | label: "联系电话" | 138 | prop: "dh", |
139 | label: "联系电话", | ||
140 | }, | ||
141 | { | ||
142 | label: "操作", | ||
143 | render: (h, scope) => { | ||
144 | return ( | ||
145 | <div> | ||
146 | {this.$route.query.viewtype ? ( | ||
147 | <el-button | ||
148 | icon="el-icon-view" | ||
149 | type="text" | ||
150 | onClick={() => { | ||
151 | this.queryViewClick(scope.$index, scope.row); | ||
152 | }} | ||
153 | disabled={!this.ableOperation} | ||
154 | > | ||
155 | {" "} | ||
156 | 查看 | ||
157 | </el-button> | ||
158 | ) : ( | ||
159 | <el-button | ||
160 | icon="el-icon-edit-outline" | ||
161 | type="text" | ||
162 | onClick={() => { | ||
163 | this.editClick(scope.$index, scope.row); | ||
164 | }} | ||
165 | disabled={!this.ableOperation} | ||
166 | > | ||
167 | 编辑 | ||
168 | </el-button> | ||
169 | )} | ||
170 | </div> | ||
171 | ); | ||
94 | }, | 172 | }, |
95 | { | ||
96 | label: '操作', | ||
97 | render: (h, scope) => { | ||
98 | return ( | ||
99 | <div> | ||
100 | { | ||
101 | this.$route.query.viewtype ? <el-button | ||
102 | icon="el-icon-view" | ||
103 | type="text" | ||
104 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
105 | icon="el-icon-edit-outline" | ||
106 | type="text" | ||
107 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
108 | } | ||
109 | </div> | ||
110 | ) | ||
111 | } | ||
112 | } | ||
113 | ], | ||
114 | column: [] | ||
115 | } | ||
116 | }, | ||
117 | watch: { | ||
118 | tableData: { | ||
119 | handler: function (val, oldVal) { | ||
120 | let that = this | ||
121 | this.$nextTick(() => { | ||
122 | if (val.length == 0 || !val) { | ||
123 | that.tableDataList = _.cloneDeep([{ | ||
124 | ywrmc: '', | ||
125 | dlrzjlx: '', | ||
126 | dlrzjh: '', | ||
127 | fr: '' | ||
128 | }]) | ||
129 | } else { | ||
130 | that.tableDataList = _.cloneDeep(val) | ||
131 | } | ||
132 | }) | ||
133 | }, | 173 | }, |
134 | immediate: true, | 174 | ], |
135 | deep: true | 175 | column: [], |
136 | }, | 176 | }; |
137 | gyfs: { | 177 | }, |
138 | handler (newVal, oldValue) { | 178 | watch: { |
139 | let dataList = _.cloneDeep(this.InformationTable) | 179 | tableData: { |
140 | if (newVal == 0) { | 180 | handler: function (val, oldVal) { |
141 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 181 | let that = this; |
142 | this.column = _.cloneDeep(dataList) | 182 | this.$nextTick(() => { |
143 | 183 | if (val.length == 0 || !val) { | |
144 | } else if ((newVal == '1' || newVal == '3')) { | 184 | that.tableDataList = _.cloneDeep([ |
145 | this.column = dataList | 185 | { |
186 | ywrmc: "", | ||
187 | dlrzjlx: "", | ||
188 | dlrzjh: "", | ||
189 | fr: "", | ||
190 | }, | ||
191 | ]); | ||
146 | } else { | 192 | } else { |
147 | this.column = _.cloneDeep(dataList) | 193 | that.tableDataList = _.cloneDeep(val); |
148 | this.column.splice( | ||
149 | 2, 0, { | ||
150 | prop: "fs", | ||
151 | label: "份数" | ||
152 | }) | ||
153 | } | 194 | } |
154 | }, | 195 | }); |
155 | immediate: true | 196 | }, |
156 | } | 197 | immediate: true, |
198 | deep: true, | ||
157 | }, | 199 | }, |
158 | methods: { | 200 | gyfs: { |
159 | handleupdateDetail (value) { | 201 | handler(newVal, oldValue) { |
160 | if (this.isaddupdate) { | 202 | let dataList = _.cloneDeep(this.InformationTable); |
161 | if (!_.isEqual(value, this.tableData)) { | 203 | if (newVal == 0) { |
162 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | 204 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
163 | this.$emit('upDateQlrxxList', this.tableDataList) | 205 | this.column = _.cloneDeep(dataList); |
164 | } | 206 | } else if (newVal == "1" || newVal == "3") { |
207 | this.column = dataList; | ||
165 | } else { | 208 | } else { |
166 | if (!_.isEqual(value, this.tableData)) { | 209 | this.column = _.cloneDeep(dataList); |
167 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 210 | this.column.splice(2, 0, { |
168 | this.$emit('upDateQlrxxList', this.tableDataList) | 211 | prop: "fs", |
169 | } | 212 | label: "份数", |
213 | }); | ||
170 | } | 214 | } |
171 | this.key++ | ||
172 | }, | 215 | }, |
173 | // 新增 | 216 | immediate: true, |
174 | addClick () { | 217 | }, |
175 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | 218 | }, |
176 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | 219 | methods: { |
177 | } else { | 220 | handleupdateDetail(value) { |
178 | this.dialog = true | 221 | if (this.isaddupdate) { |
179 | this.isaddupdate = true | 222 | if (!_.isEqual(value, this.tableData)) { |
223 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
224 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
180 | } | 225 | } |
181 | }, | 226 | } else { |
227 | if (!_.isEqual(value, this.tableData)) { | ||
228 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
229 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
230 | } | ||
231 | } | ||
232 | this.key++; | ||
233 | }, | ||
234 | // 新增 | ||
235 | addClick() { | ||
236 | if (this.gyfs == "0" && this.tableDataList.length > 0) { | ||
237 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人"); | ||
238 | } else { | ||
239 | this.dialog = true; | ||
240 | this.isaddupdate = true; | ||
241 | } | ||
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 | }) |
193 | }, | 254 | .catch(() => {}); |
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> |
... | @@ -350,7 +351,7 @@ | ... | @@ -350,7 +351,7 @@ |
350 | </template> | 351 | </template> |
351 | <script> | 352 | <script> |
352 | import { mapGetters } from "vuex"; | 353 | import { mapGetters } from "vuex"; |
353 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; | 354 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
354 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 355 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
355 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 356 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
356 | import tdytTable from "@/views/workflow/components/tdytTable"; | 357 | import tdytTable from "@/views/workflow/components/tdytTable"; |
... | @@ -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,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -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> |
... | @@ -481,7 +484,7 @@ | ... | @@ -481,7 +484,7 @@ |
481 | </template> | 484 | </template> |
482 | <script> | 485 | <script> |
483 | import { mapGetters } from "vuex"; | 486 | import { mapGetters } from "vuex"; |
484 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; | 487 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
485 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 488 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
486 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 489 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
487 | import selectTable from "@/components/selectTable/index.vue"; | 490 | import selectTable from "@/components/selectTable/index.vue"; |
... | @@ -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,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -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> |
... | @@ -270,7 +273,7 @@ | ... | @@ -270,7 +273,7 @@ |
270 | </template> | 273 | </template> |
271 | <script> | 274 | <script> |
272 | import { mapGetters } from "vuex"; | 275 | import { mapGetters } from "vuex"; |
273 | import { init, save } from "@/api/djbbl.js"; | 276 | import { init, save } from "@/api/djbRepair.js"; |
274 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 277 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
275 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 278 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
276 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 279 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
... | @@ -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,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -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> |
... | @@ -332,7 +335,7 @@ | ... | @@ -332,7 +335,7 @@ |
332 | </template> | 335 | </template> |
333 | <script> | 336 | <script> |
334 | import { mapGetters } from "vuex"; | 337 | import { mapGetters } from "vuex"; |
335 | import { init, save } from "@/api/djbbl.js"; | 338 | import { init, save } from "@/api/djbRepair.js"; |
336 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 339 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
337 | import tdytTable from "@/views/workflow/components/tdytTable"; | 340 | import tdytTable from "@/views/workflow/components/tdytTable"; |
338 | // import the component | 341 | // import the component |
... | @@ -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,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -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> |
... | @@ -278,13 +280,21 @@ | ... | @@ -278,13 +280,21 @@ |
278 | <script> | 280 | <script> |
279 | import store from "@/store/index.js"; | 281 | import store from "@/store/index.js"; |
280 | import { mapGetters } from "vuex"; | 282 | import { mapGetters } from "vuex"; |
281 | import { init, save } from "@/api/djbbl.js"; | 283 | import { init, save } from "@/api/djbRepair.js"; |
282 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 284 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
283 | import tdytTable from "@/views/workflow/components/tdytTable"; | 285 | import tdytTable from "@/views/workflow/components/tdytTable"; |
284 | export default { | 286 | 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,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -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> |
... | @@ -304,13 +306,21 @@ | ... | @@ -304,13 +306,21 @@ |
304 | <script> | 306 | <script> |
305 | import store from "@/store/index.js"; | 307 | import store from "@/store/index.js"; |
306 | import { mapGetters } from "vuex"; | 308 | import { mapGetters } from "vuex"; |
307 | import { init, save } from "@/api/djbbl.js"; | 309 | import { init, save } from "@/api/djbRepair.js"; |
308 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 310 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 311 | import tdytTable from "@/views/workflow/components/tdytTable"; |
310 | export default { | 312 | 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,7 +10,8 @@ | ... | @@ -10,7 +10,8 @@ |
10 | <el-form | 10 | <el-form |
11 | :model="ruleForm" | 11 | :model="ruleForm" |
12 | :rules="rules" | 12 | :rules="rules" |
13 | class="loadingtext" | 13 | :class="{readonly: editDisabled }" |
14 | class="loadingtext" | ||
14 | ref="ruleForm" | 15 | ref="ruleForm" |
15 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
16 | :inline="flag" | 17 | :inline="flag" |
... | @@ -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> |
... | @@ -309,7 +312,7 @@ | ... | @@ -309,7 +312,7 @@ |
309 | </template> | 312 | </template> |
310 | <script> | 313 | <script> |
311 | import { mapGetters } from "vuex"; | 314 | import { mapGetters } from "vuex"; |
312 | import { init, save } from "@/api/djbbl.js"; | 315 | import { init, save } from "@/api/djbRepair.js"; |
313 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 316 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
314 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 317 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
315 | import tdytTable from "@/views/workflow/components/tdytTable"; | 318 | import tdytTable from "@/views/workflow/components/tdytTable"; |
... | @@ -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,7 +9,8 @@ | ... | @@ -9,7 +9,8 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | :class="{readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 16 | :inline="flag" |
... | @@ -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> |
... | @@ -227,7 +230,7 @@ | ... | @@ -227,7 +230,7 @@ |
227 | </template> | 230 | </template> |
228 | <script> | 231 | <script> |
229 | import { mapGetters } from "vuex"; | 232 | import { mapGetters } from "vuex"; |
230 | import { init, save } from "@/api/djbbl.js"; | 233 | import { init, save } from "@/api/djbRepair.js"; |
231 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 234 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
232 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 235 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
233 | import tdytTable from "@/views/workflow/components/tdytTable"; | 236 | import tdytTable from "@/views/workflow/components/tdytTable"; |
... | @@ -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="选择日期" |
... | @@ -85,7 +90,7 @@ | ... | @@ -85,7 +90,7 @@ |
85 | </div> | 90 | </div> |
86 | </template> | 91 | </template> |
87 | <script> | 92 | <script> |
88 | import { addidea, getShList } from "@/api/djbbl.js"; | 93 | import { addidea, getShList } from "@/api/djbRepair.js"; |
89 | import { mapGetters } from "vuex"; | 94 | import { mapGetters } from "vuex"; |
90 | export default { | 95 | export default { |
91 | computed: { | 96 | computed: { |
... | @@ -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> | ... | ... |
... | @@ -4,9 +4,9 @@ | ... | @@ -4,9 +4,9 @@ |
4 | * @LastEditTime: 2023-06-14 15:01:31 | 4 | * @LastEditTime: 2023-06-14 15:01:31 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { getQllxByBdcdyid } from "@/api/djbbl.js"; | 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; |
8 | import { uploadUndo } from "@/api/clxx"; | 8 | import { uploadUndo } from "@/api/clxx"; |
9 | import { deleteFlow } from "@/api/djbbl"; | 9 | import { deleteFlow } from "@/api/djbRepair"; |
10 | import { getLodop } from "@/utils/LodopFuncs" | 10 | import { getLodop } from "@/utils/LodopFuncs" |
11 | import { | 11 | import { |
12 | stepExpandInfo, | 12 | stepExpandInfo, |
... | @@ -61,11 +61,9 @@ export default { | ... | @@ -61,11 +61,9 @@ export default { |
61 | }) | 61 | }) |
62 | 62 | ||
63 | if(arr.length){ | 63 | if(arr.length){ |
64 | console.log("1111111111111111111"); | ||
65 | this.$refs.Menu.getleftMenubl(); | 64 | this.$refs.Menu.getleftMenubl(); |
66 | }else{ | 65 | }else{ |
67 | this.ableOperation=false | 66 | this.ableOperation=false |
68 | console.log("22222222222222"); | ||
69 | this.$refs.Menu.getleftMenubl(1); | 67 | this.$refs.Menu.getleftMenubl(1); |
70 | } | 68 | } |
71 | } | 69 | } | ... | ... |
... | @@ -72,16 +72,14 @@ | ... | @@ -72,16 +72,14 @@ |
72 | import { getStepFormInfo } from "@/api/workFlow.js"; | 72 | import { getStepFormInfo } from "@/api/workFlow.js"; |
73 | import NoticeBar from "@/components/NoticeBar/index"; | 73 | import NoticeBar from "@/components/NoticeBar/index"; |
74 | import ProcessViewer from "./components/processViewer.vue"; | 74 | import ProcessViewer from "./components/processViewer.vue"; |
75 | // 引入左侧菜单 | 75 | |
76 | import { leftMenubl } from "@/api/djbbl.js"; | ||
77 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 76 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
78 | import qllxDailog from "./djbBook/components/qllxDailog"; | 77 | import qllxDailog from "./djbBook/components/qllxDailog"; |
79 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 78 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
80 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 79 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
81 | // 登记簿数据信息 | 80 | // 登记簿数据信息 |
82 | import { addRepairRecord } from "@/api/djbbl.js"; | 81 | import { addRepairRecord } from "@/api/djbRepair.js"; |
83 | // 获取权利类型数组 | 82 | // 获取权利类型数组 |
84 | import { getQllxByBdcdyid } from "@/api/djbbl.js"; | ||
85 | 83 | ||
86 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 84 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
87 | export default { | 85 | export default { |
... | @@ -98,11 +96,6 @@ | ... | @@ -98,11 +96,6 @@ |
98 | bsmSlsq: this.$route.query.bsmSlsq, | 96 | bsmSlsq: this.$route.query.bsmSlsq, |
99 | //当前流程所在环节 | 97 | //当前流程所在环节 |
100 | bestepid: this.$route.query.bestepid, | 98 | 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 | //设置那个表单选中 | 99 | //设置那个表单选中 |
107 | tabName: "", | 100 | tabName: "", |
108 | isEdit: true, | 101 | isEdit: true, |
... | @@ -124,6 +117,7 @@ | ... | @@ -124,6 +117,7 @@ |
124 | tabdata: [], | 117 | tabdata: [], |
125 | bsmRepair:"", | 118 | bsmRepair:"", |
126 | defaultNode: {}, | 119 | defaultNode: {}, |
120 | ableOperation:false | ||
127 | }; | 121 | }; |
128 | }, | 122 | }, |
129 | mounted () { | 123 | mounted () { |
... | @@ -138,29 +132,13 @@ | ... | @@ -138,29 +132,13 @@ |
138 | this.$nextTick(function () { | 132 | this.$nextTick(function () { |
139 | this.tabList = res.result; | 133 | this.tabList = res.result; |
140 | this.tabName = this.tabList[0].value; | 134 | this.tabName = this.tabList[0].value; |
135 | this.ableOperation=this.tabList[0].ableOperation | ||
141 | this.getFromRouter(this.tabName); | 136 | this.getFromRouter(this.tabName); |
142 | }); | 137 | }); |
143 | }); | 138 | }); |
144 | } | 139 | } |
145 | }, | 140 | }, |
146 | // 获取右侧菜单 | 141 | |
147 | // getleftMenubl() { | ||
148 | // leftMenubl(this.bsmSlsq).then((res) => { | ||
149 | // this.supplementarylist = res.result; | ||
150 | // }) | ||
151 | // }, | ||
152 | // getQllxByBdcdyid () { | ||
153 | // if (this.currentSelectProps.bdcdyid) { | ||
154 | // getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
155 | // (res) => { | ||
156 | // if (res.code === 200) { | ||
157 | // this.$refs.qllxlist.qllxlistdata = res.result; | ||
158 | // this.$refs.qllxlist.dialogVisible = true; | ||
159 | // } | ||
160 | // } | ||
161 | // ); | ||
162 | // } | ||
163 | // }, | ||
164 | // 获取右侧选项卡 | 142 | // 获取右侧选项卡 |
165 | getCurrentSelectProps (val) { | 143 | getCurrentSelectProps (val) { |
166 | this.bsmRepair= val.bsmRepair | 144 | this.bsmRepair= val.bsmRepair |
... | @@ -185,7 +163,7 @@ | ... | @@ -185,7 +163,7 @@ |
185 | bdcdyh: this.currentSelectProps.bdcdyh, | 163 | bdcdyh: this.currentSelectProps.bdcdyh, |
186 | }).then((res) => { | 164 | }).then((res) => { |
187 | if (res.code === 200) { | 165 | if (res.code === 200) { |
188 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 166 | this.treedata = loadTreeData(res.result); |
189 | this.$nextTick(function () { | 167 | this.$nextTick(function () { |
190 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | 168 | this.defaultNode = getNode(this.currentSelectProps.qllx, { |
191 | linShi: 0, | 169 | linShi: 0, | ... | ... |
... | @@ -77,15 +77,13 @@ import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; | ... | @@ -77,15 +77,13 @@ import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; |
77 | import NoticeBar from "@/components/NoticeBar/index"; | 77 | import NoticeBar from "@/components/NoticeBar/index"; |
78 | import ProcessViewer from "./components/processViewer.vue"; | 78 | import ProcessViewer from "./components/processViewer.vue"; |
79 | // 引入左侧菜单 | 79 | // 引入左侧菜单 |
80 | import { leftMenubl } from "@/api/djbbl.js"; | 80 | import { leftMenubl } from "@/api/djbRepair.js"; |
81 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 81 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
82 | import qllxDailog from "./djbBook/components/qllxDailog"; | 82 | import qllxDailog from "./djbBook/components/qllxDailog"; |
83 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 83 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
84 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 84 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
85 | // 登记簿数据信息 | 85 | // 登记簿数据信息 |
86 | import { addRepairRecord } from "@/api/djbbl.js"; | 86 | import { addRepairRecord } from "@/api/djbRepair.js"; |
87 | // 获取权利类型数组 | ||
88 | import { getQllxByBdcdyid } from "@/api/djbbl.js"; | ||
89 | 87 | ||
90 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 88 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
91 | export default { | 89 | export default { |
... | @@ -100,13 +98,7 @@ export default { | ... | @@ -100,13 +98,7 @@ export default { |
100 | data() { | 98 | data() { |
101 | return { | 99 | return { |
102 | bsmSlsq: this.$route.query.bsmSlsq, | 100 | bsmSlsq: this.$route.query.bsmSlsq, |
103 | //当前流程所在环节 | ||
104 | bestepid: this.$route.query.bestepid, | 101 | 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 | //设置那个表单选中 | 102 | //设置那个表单选中 |
111 | tabName: "", | 103 | tabName: "", |
112 | // 弹框显示 | 104 | // 弹框显示 |
... | @@ -129,6 +121,7 @@ export default { | ... | @@ -129,6 +121,7 @@ export default { |
129 | bsmRepair:"", | 121 | bsmRepair:"", |
130 | tabdata: [], | 122 | tabdata: [], |
131 | defaultNode: {}, | 123 | defaultNode: {}, |
124 | ableOperation:false | ||
132 | }; | 125 | }; |
133 | }, | 126 | }, |
134 | mounted() { | 127 | mounted() { |
... | @@ -144,29 +137,13 @@ export default { | ... | @@ -144,29 +137,13 @@ export default { |
144 | this.$nextTick(function () { | 137 | this.$nextTick(function () { |
145 | this.tabList = res.result; | 138 | this.tabList = res.result; |
146 | this.tabName = this.tabList[0].value; | 139 | this.tabName = this.tabList[0].value; |
140 | console.log("是否只读",this.tabList[0].ableOperation); | ||
141 | this.ableOperation=this.tabList[0].ableOperation | ||
147 | this.getFromRouter(this.tabName); | 142 | this.getFromRouter(this.tabName); |
148 | }); | 143 | }); |
149 | }); | 144 | }); |
150 | } | 145 | } |
151 | }, | 146 | }, |
152 | // 获取右侧菜单 | ||
153 | // getleftMenubl() { | ||
154 | // leftMenubl(this.bsmSlsq).then((res) => { | ||
155 | // this.supplementarylist = res.result; | ||
156 | // }) | ||
157 | // }, | ||
158 | // getQllxByBdcdyid() { | ||
159 | // if (this.currentSelectProps.bdcdyid) { | ||
160 | // getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
161 | // (res) => { | ||
162 | // if (res.code === 200) { | ||
163 | // this.$refs.qllxlist.qllxlistdata = res.result; | ||
164 | // this.$refs.qllxlist.dialogVisible = true; | ||
165 | // } | ||
166 | // } | ||
167 | // ); | ||
168 | // } | ||
169 | // }, | ||
170 | // 获取右侧选项卡 | 147 | // 获取右侧选项卡 |
171 | getCurrentSelectProps(val) { | 148 | getCurrentSelectProps(val) { |
172 | this.bsmRepair= val.bsmRepair | 149 | this.bsmRepair= val.bsmRepair | ... | ... |
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]"> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-17 13:51:14 | 4 | * @LastEditTime: 2023-07-17 13:52:47 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -10,61 +10,61 @@ | ... | @@ -10,61 +10,61 @@ |
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 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
19 | prop="index" | ||
20 | width="50" | ||
21 | :render-header="renderHeader"> | ||
22 | <template slot-scope="scope"> | 19 | <template slot-scope="scope"> |
23 | <i | 20 | <i |
24 | class="el-icon-minus pointer" | 21 | class="el-icon-minus pointer" |
25 | @click="deleClick(scope.$index, scope.row)" | 22 | @click="deleClick(scope.$index, scope.row)" |
26 | v-if="!$route.query.viewtype == 1"></i> | 23 | v-if="ableOperation"></i> |
27 | <div style="text-align:center;" v-else> | 24 | <div style="text-align: center" v-else> |
28 | {{ scope.$index+1}} | 25 | {{ scope.$index + 1 }} |
29 | </div> | 26 | </div> |
30 | </template> | 27 | </template> |
31 | </el-table-column> | 28 | </el-table-column> |
32 | <el-table-column prop="yt" label="土地用途" min-width="100"> | 29 | <el-table-column prop="tdyt" label="土地用途" min-width="100"> |
33 | <template slot-scope="scope"> | 30 | <template slot-scope="scope"> |
34 | <treeselect | 31 | <treeselect |
35 | v-model="tdyt" | 32 | v-model="tdyt" |
36 | :disabled="disabled" | 33 | :disabled="!ableOperation" |
37 | noOptionsText="暂无数据" | 34 | noOptionsText="暂无数据" |
38 | :show-count="true" | 35 | :show-count="true" |
39 | :options="dictData['tdyt']" | 36 | :options="dictData['tdyt']" |
40 | :normalizer="normalizer" | 37 | :normalizer="normalizer" |
41 | :appendToBody="true" z-index="9999" | 38 | :appendToBody="true" |
39 | z-index="9999" | ||
42 | @input="addrow(scope.row)" /> | 40 | @input="addrow(scope.row)" /> |
43 | </template> | 41 | </template> |
44 | </el-table-column> | 42 | </el-table-column> |
45 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | 43 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> |
46 | <template slot-scope="scope"> | 44 | <template slot-scope="scope"> |
47 | <el-date-picker | 45 | <el-date-picker |
48 | v-model='scope.row.qssj' | 46 | v-model="scope.row.qssj" |
49 | type="date" | 47 | type="date" |
50 | :disabled="disabled" | 48 | :disabled="!ableOperation" |
49 | :picker-options="scope.row.pickerStart" | ||
51 | placeholder="选择日期" | 50 | placeholder="选择日期" |
52 | value-format="yyyy-MM-dd HH:mm:ss" | 51 | value-format="yyyy-MM-dd HH:mm:ss" |
53 | format="yyyy-MM-dd" | 52 | format="yyyy-MM-dd" |
54 | @blur="addrow(scope.row)"> | 53 | @input="startTime(scope.$index)"> |
55 | </el-date-picker> | 54 | </el-date-picker> |
56 | </template> | 55 | </template> |
57 | </el-table-column> | 56 | </el-table-column> |
58 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> | 57 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> |
59 | <template slot-scope="scope"> | 58 | <template slot-scope="scope"> |
60 | <el-date-picker | 59 | <el-date-picker |
61 | v-model='scope.row.jssj' | 60 | v-model="scope.row.jssj" |
62 | type="date" | 61 | type="date" |
63 | :disabled="disabled" | 62 | :disabled="!ableOperation" |
63 | :picker-options="scope.row.pickerEnd" | ||
64 | placeholder="选择日期" | 64 | placeholder="选择日期" |
65 | value-format="yyyy-MM-dd HH:mm:ss" | 65 | value-format="yyyy-MM-dd HH:mm:ss" |
66 | format="yyyy-MM-dd" | 66 | format="yyyy-MM-dd" |
67 | @blur="addrow(scope.row)"> | 67 | @input="endTime(scope.$index)"> |
68 | </el-date-picker> | 68 | </el-date-picker> |
69 | </template> | 69 | </template> |
70 | </el-table-column> | 70 | </el-table-column> |
... | @@ -72,10 +72,10 @@ | ... | @@ -72,10 +72,10 @@ |
72 | <template slot-scope="scope"> | 72 | <template slot-scope="scope"> |
73 | <el-input | 73 | <el-input |
74 | class="item" | 74 | class="item" |
75 | :disabled="disabled" | 75 | :disabled="!ableOperation" |
76 | v-model="scope.row.tdsyqx" | 76 | v-model="scope.row.syqx" |
77 | placeholder="请输入内容" | 77 | placeholder="请输入内容" |
78 | @blur="addrow(scope.row)"> | 78 | @input="sumTime(scope.$index,scope.row.syqx)"> |
79 | ></el-input> | 79 | ></el-input> |
80 | </template> | 80 | </template> |
81 | </el-table-column> | 81 | </el-table-column> |
... | @@ -92,17 +92,16 @@ | ... | @@ -92,17 +92,16 @@ |
92 | tableData: { | 92 | tableData: { |
93 | type: Array, | 93 | type: Array, |
94 | default: function () { | 94 | default: function () { |
95 | return [] | 95 | return []; |
96 | } | 96 | }, |
97 | }, | 97 | }, |
98 | disabled: { | 98 | ableOperation: { |
99 | type: Boolean, | 99 | type: Boolean, |
100 | default: false | 100 | default: true, |
101 | } | 101 | }, |
102 | }, | 102 | }, |
103 | data () { | 103 | data () { |
104 | return { | 104 | return { |
105 | isDisabled: this.disabled, | ||
106 | // 键名转换,方法默认是label和children进行树状渲染 | 105 | // 键名转换,方法默认是label和children进行树状渲染 |
107 | tdyt: null, | 106 | tdyt: null, |
108 | key: 0, | 107 | key: 0, |
... | @@ -113,6 +112,9 @@ | ... | @@ -113,6 +112,9 @@ |
113 | syqx: "", | 112 | syqx: "", |
114 | }, | 113 | }, |
115 | tableDataList: [], | 114 | tableDataList: [], |
115 | // 起始时间选择范围 | ||
116 | pickerStart: {}, | ||
117 | pickerEnd: {}, | ||
116 | normalizer (node) { | 118 | normalizer (node) { |
117 | if (node.children == null || node.children == "null") { | 119 | if (node.children == null || node.children == "null") { |
118 | delete node.children; | 120 | delete node.children; |
... | @@ -124,6 +126,8 @@ | ... | @@ -124,6 +126,8 @@ |
124 | }, | 126 | }, |
125 | }; | 127 | }; |
126 | }, | 128 | }, |
129 | mounted () { | ||
130 | }, | ||
127 | watch: { | 131 | watch: { |
128 | tableData: { | 132 | tableData: { |
129 | handler: function (val, oldVal) { | 133 | handler: function (val, oldVal) { |
... | @@ -139,16 +143,20 @@ | ... | @@ -139,16 +143,20 @@ |
139 | }, | 143 | }, |
140 | ]); | 144 | ]); |
141 | if (that.tableDataList.length > 0) { | 145 | if (that.tableDataList.length > 0) { |
142 | this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null | 146 | this.tdyt = that.tableDataList[0].yt |
147 | ? that.tableDataList[0].yt | ||
148 | : null; | ||
143 | } else { | 149 | } else { |
144 | this.tdyt = null | 150 | this.tdyt = null; |
145 | } | 151 | } |
146 | } else { | 152 | } else { |
147 | that.tableDataList = _.cloneDeep(val); | 153 | that.tableDataList = _.cloneDeep(val); |
148 | if (that.tableDataList.length > 0) { | 154 | if (that.tableDataList.length > 0) { |
149 | this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null | 155 | this.tdyt = that.tableDataList[0].yt |
156 | ? that.tableDataList[0].yt | ||
157 | : null; | ||
150 | } else { | 158 | } else { |
151 | this.tdyt = null | 159 | this.tdyt = null; |
152 | } | 160 | } |
153 | } | 161 | } |
154 | }); | 162 | }); |
... | @@ -162,7 +170,7 @@ | ... | @@ -162,7 +170,7 @@ |
162 | return ( | 170 | return ( |
163 | <div> | 171 | <div> |
164 | {" "} | 172 | {" "} |
165 | {this.$route.query.viewtype == 1 ? ( | 173 | {!this.ableOperation ? ( |
166 | "序号" | 174 | "序号" |
167 | ) : ( | 175 | ) : ( |
168 | <i | 176 | <i |
... | @@ -180,11 +188,64 @@ | ... | @@ -180,11 +188,64 @@ |
180 | this.tableDataList = this.tableDataList.map((item) => { | 188 | this.tableDataList = this.tableDataList.map((item) => { |
181 | return { | 189 | return { |
182 | ...item, | 190 | ...item, |
183 | yt: this.tdyt | 191 | yt: this.tdyt, |
184 | } | 192 | }; |
185 | }) | 193 | }); |
186 | this.$emit("upDateTdytxxList", this.tableDataList); | 194 | this.$emit("upDateTdytxxList", this.tableDataList); |
187 | }, | 195 | }, |
196 | startTime (index) { | ||
197 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
198 | let endTime = this.tableDataList[index].jssj; | ||
199 | let startTime = this.tableDataList[index].qssj; | ||
200 | this.tableDataList[index].pickerEnd = { | ||
201 | disabledDate: (time) => { | ||
202 | if (Object.keys(startTime).length > 0) { | ||
203 | return new Date(startTime).getTime() > time.getTime(); | ||
204 | } else { | ||
205 | return time.getTime() < Date.now(); | ||
206 | } | ||
207 | }, | ||
208 | }; | ||
209 | if ( | ||
210 | Object.keys(startTime).length > 0 && | ||
211 | Object.keys(endTime).length > 0 | ||
212 | ) { | ||
213 | let startYear = new Date(startTime).getFullYear(); | ||
214 | let endYear = new Date(endTime).getFullYear(); | ||
215 | this.tableDataList[index].syqx = endYear - startYear; | ||
216 | } | ||
217 | }, | ||
218 | endTime (index) { | ||
219 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
220 | let startTime = this.tableDataList[index].qssj; | ||
221 | let endTime = this.tableDataList[index].jssj; | ||
222 | this.tableDataList[index].pickerStart = { | ||
223 | disabledDate: (time) => { | ||
224 | if (Object.keys(endTime).length > 0) { | ||
225 | return new Date(endTime).getTime() < time.getTime(); | ||
226 | } else { | ||
227 | return time.getTime() > Date.now(); | ||
228 | } | ||
229 | }, | ||
230 | }; | ||
231 | if ( | ||
232 | Object.keys(startTime).length > 0 && | ||
233 | Object.keys(endTime).length > 0 | ||
234 | ) { | ||
235 | let startYear = new Date(startTime).getFullYear(); | ||
236 | let endYear = new Date(endTime).getFullYear(); | ||
237 | this.tableDataList[index].syqx = endYear - startYear; | ||
238 | } | ||
239 | }, | ||
240 | sumTime (index, syqx) { | ||
241 | |||
242 | let startTime = this.tableDataList[index].qssj; | ||
243 | this.tableDataList[index].jssj = | ||
244 | Number(startTime.substring(0, 4)) + | ||
245 | Number(syqx) + | ||
246 | startTime.slice(4, 19); | ||
247 | |||
248 | }, | ||
188 | // 新增 | 249 | // 新增 |
189 | addClick () { | 250 | addClick () { |
190 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 251 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | ... | ... |
... | @@ -101,6 +101,7 @@ | ... | @@ -101,6 +101,7 @@ |
101 | clxxIndex: "", | 101 | clxxIndex: "", |
102 | //材料信息选项卡对象 | 102 | //材料信息选项卡对象 |
103 | clxxTab: {}, | 103 | clxxTab: {}, |
104 | ableOperation:false, | ||
104 | //页面监听时间 | 105 | //页面监听时间 |
105 | _beforeUnload_time: "" | 106 | _beforeUnload_time: "" |
106 | } | 107 | } |
... | @@ -141,10 +142,12 @@ | ... | @@ -141,10 +142,12 @@ |
141 | this.tabList = res.result; | 142 | this.tabList = res.result; |
142 | //默认加载第一个表单信息 | 143 | //默认加载第一个表单信息 |
143 | this.tabName = res.result[0].value; | 144 | this.tabName = res.result[0].value; |
145 | this.ableOperation=this.tabList[0].ableOperation | ||
144 | //批量操作无分屏按钮 | 146 | //批量操作无分屏按钮 |
145 | if (index != null) { | 147 | if (index != null) { |
146 | //处理分屏材料信息 | 148 | //处理分屏材料信息 |
147 | let that = this; | 149 | let that = this; |
150 | |||
148 | this.tabList.forEach(function (item, index) { | 151 | this.tabList.forEach(function (item, index) { |
149 | if (item.value == "clxx") { | 152 | if (item.value == "clxx") { |
150 | that.clxxIndex = index; | 153 | 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, |
... | @@ -209,7 +208,7 @@ | ... | @@ -209,7 +208,7 @@ |
209 | //有任务权限 | 208 | //有任务权限 |
210 | if(item.sjlx=="3"){ | 209 | if(item.sjlx=="3"){ |
211 | const { href } = this.$router.resolve( | 210 | const { href } = this.$router.resolve( |
212 | "/djbworkFrame?bsmSlsq=" + | 211 | "/djbworkFrame?bsmSlsq=" + |
213 | item.bsmSlsq + | 212 | item.bsmSlsq + |
214 | "&bestepid=" + | 213 | "&bestepid=" + |
215 | item.bestepid + | 214 | item.bestepid + | ... | ... |
... | @@ -131,7 +131,7 @@ | ... | @@ -131,7 +131,7 @@ |
131 | <div class="triangle"></div> | 131 | <div class="triangle"></div> |
132 | </div> | 132 | </div> |
133 | <tdytTable | 133 | <tdytTable |
134 | :disabled="!ableOperation" | 134 | :ableOperation="ableOperation" |
135 | :tableData="ruleForm.tdytqxList" | 135 | :tableData="ruleForm.tdytqxList" |
136 | @upDateTdytxxList="upDateTdytxxList" /> | 136 | @upDateTdytxxList="upDateTdytxxList" /> |
137 | <div class="slxx_title title-block"> | 137 | <div class="slxx_title title-block"> |
... | @@ -253,7 +253,6 @@ | ... | @@ -253,7 +253,6 @@ |
253 | methods: { | 253 | methods: { |
254 | // 更新土地用途信息 | 254 | // 更新土地用途信息 |
255 | upDateTdytxxList (val) { | 255 | upDateTdytxxList (val) { |
256 | console.log("VAL", val); | ||
257 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 256 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
258 | this.key++; | 257 | this.key++; |
259 | }, | 258 | }, | ... | ... |
... | @@ -143,7 +143,7 @@ | ... | @@ -143,7 +143,7 @@ |
143 | <div class="triangle"></div> | 143 | <div class="triangle"></div> |
144 | </div> | 144 | </div> |
145 | <tdytTable | 145 | <tdytTable |
146 | :disabled="!ableOperation" | 146 | :ableOperation="ableOperation" |
147 | :tableData="ruleForm.tdytqxList" | 147 | :tableData="ruleForm.tdytqxList" |
148 | @upDateTdytxxList="upDateTdytxxList" /> | 148 | @upDateTdytxxList="upDateTdytxxList" /> |
149 | <div class="slxx_title title-block"> | 149 | <div class="slxx_title title-block"> |
... | @@ -288,7 +288,6 @@ | ... | @@ -288,7 +288,6 @@ |
288 | }, | 288 | }, |
289 | // 更新土地用途信息 | 289 | // 更新土地用途信息 |
290 | upDateTdytxxList (val) { | 290 | upDateTdytxxList (val) { |
291 | console.log("VAL", val); | ||
292 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 291 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
293 | this.key++; | 292 | this.key++; |
294 | }, | 293 | }, | ... | ... |
... | @@ -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,60 +55,71 @@ | ... | @@ -54,60 +55,71 @@ |
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-col :span="8"> | 88 | <el-col :span="8"> |
88 | <el-form-item label="取得价格:"> | 89 | <el-form-item label="取得价格:"> |
89 | <div style="display:flex"> | 90 | <div style="display:flex"> |
90 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype == '1' && !ableOperation" | 91 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
91 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 92 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
92 | <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | ||
93 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 93 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
94 | </el-option> | 94 | </el-option> |
95 | </el-select> | 95 | </el-select> |
96 | </div> | 96 | </div> |
97 | </el-form-item> | 97 | </el-form-item> |
98 | </el-col> | 98 | </el-col> |
99 | |||
100 | <el-col :span="16"> | ||
101 | <el-form-item label="坐落:"> | ||
102 | <el-input v-model="ruleForm.zdjbxx.zl"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
99 | </el-row> | 105 | </el-row> |
100 | <el-row :gutter="10"> | 106 | <el-row :gutter="10"> |
101 | <el-col :span="24"> | 107 | <el-col :span="8"> |
102 | <el-form-item label="坐落:"> | 108 | <el-form-item label="使用期限:"> |
103 | <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input> | 109 | <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input> |
110 | </el-form-item> | ||
111 | </el-col> | ||
112 | |||
113 | <el-col :span="16"> | ||
114 | <el-form-item label="使用权起止时间:"> | ||
115 | <el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input> | ||
104 | </el-form-item> | 116 | </el-form-item> |
105 | </el-col> | 117 | </el-col> |
106 | </el-row> | 118 | </el-row> |
107 | <el-row :gutter="10"> | 119 | <el-row :gutter="10"> |
108 | <el-col> | 120 | <el-col> |
109 | <el-form-item label="附记:" prop="fj"> | 121 | <el-form-item label="附记:" prop="fj"> |
110 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == '1' && !ableOperation"></el-input> | 122 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj"></el-input> |
111 | </el-form-item> | 123 | </el-form-item> |
112 | </el-col> | 124 | </el-col> |
113 | </el-row> | 125 | </el-row> |
... | @@ -116,7 +128,7 @@ | ... | @@ -116,7 +128,7 @@ |
116 | <div class="triangle"></div> | 128 | <div class="triangle"></div> |
117 | </div> | 129 | </div> |
118 | <tdytTable | 130 | <tdytTable |
119 | :disabled="!ableOperation" | 131 | :ableOperation="ableOperation" |
120 | :tableData="ruleForm.tdytqxList" | 132 | :tableData="ruleForm.tdytqxList" |
121 | @upDateTdytxxList="upDateTdytxxList" /> | 133 | @upDateTdytxxList="upDateTdytxxList" /> |
122 | <div class="slxx_title title-block"> | 134 | <div class="slxx_title title-block"> |
... | @@ -213,7 +225,15 @@ | ... | @@ -213,7 +225,15 @@ |
213 | }, | 225 | }, |
214 | components: { qlrCommonTable, tdytTable }, | 226 | components: { qlrCommonTable, tdytTable }, |
215 | computed: { | 227 | computed: { |
216 | ...mapGetters(["dictData", "flag"]) | 228 | ...mapGetters(["dictData", "flag"]), |
229 | // 根据流程判断表单是否为只读 | ||
230 | editDisabled() { | ||
231 | if (!this.ableOperation) { | ||
232 | //只读状态 | ||
233 | return true; | ||
234 | } | ||
235 | return false; | ||
236 | }, | ||
217 | }, | 237 | }, |
218 | data () { | 238 | data () { |
219 | return { | 239 | return { |
... | @@ -232,7 +252,6 @@ | ... | @@ -232,7 +252,6 @@ |
232 | methods: { | 252 | methods: { |
233 | // 更新土地用途信息 | 253 | // 更新土地用途信息 |
234 | upDateTdytxxList (val) { | 254 | upDateTdytxxList (val) { |
235 | console.log("VAL", val); | ||
236 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 255 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
237 | this.key++; | 256 | this.key++; |
238 | }, | 257 | }, | ... | ... |
... | @@ -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 | }, | ... | ... |
... | @@ -181,7 +181,7 @@ | ... | @@ -181,7 +181,7 @@ |
181 | </div> | 181 | </div> |
182 | <tdytTable | 182 | <tdytTable |
183 | :tableData="ruleForm.tdytqxList" | 183 | :tableData="ruleForm.tdytqxList" |
184 | :disabled="!ableOperation" | 184 | :ableOperation="ableOperation" |
185 | @upDateTdytxxList="upDateTdytxxList" /> | 185 | @upDateTdytxxList="upDateTdytxxList" /> |
186 | <div class="slxx_title title-block"> | 186 | <div class="slxx_title title-block"> |
187 | 权利人信息 | 187 | 权利人信息 |
... | @@ -306,7 +306,6 @@ | ... | @@ -306,7 +306,6 @@ |
306 | methods: { | 306 | methods: { |
307 | // 更新土地用途信息 | 307 | // 更新土地用途信息 |
308 | upDateTdytxxList (val) { | 308 | upDateTdytxxList (val) { |
309 | console.log("VAL", val); | ||
310 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 309 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
311 | this.key++; | 310 | this.key++; |
312 | }, | 311 | }, | ... | ... |
... | @@ -203,9 +203,7 @@ | ... | @@ -203,9 +203,7 @@ |
203 | "/djbworkFrameview?bsmSlsq=" + | 203 | "/djbworkFrameview?bsmSlsq=" + |
204 | item.bsmSlsq + | 204 | item.bsmSlsq + |
205 | "&bestepid=" + | 205 | "&bestepid=" + |
206 | item.bestepid + | 206 | item.bestepid |
207 | "&bsmBusiness=" + | ||
208 | "&viewtype=1" | ||
209 | ); | 207 | ); |
210 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 208 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
211 | } else { | 209 | } else { | ... | ... |
-
Please register or sign in to post a comment