--no commit message
Showing
30 changed files
with
940 additions
and
619 deletions
| ... | @@ -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: "登记簿封面" }); | ... | ... |
| ... | @@ -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> |
| ... | @@ -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> |
| ... | @@ -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> |
| ... | @@ -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> |
| ... | @@ -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> |
| ... | @@ -285,6 +287,14 @@ export default { | ... | @@ -285,6 +287,14 @@ export default { |
| 285 | components: { qlrCommonTable, tdytTable }, | 287 | components: { qlrCommonTable, tdytTable }, |
| 286 | computed: { | 288 | computed: { |
| 287 | ...mapGetters(["dictData", "flag"]), | 289 | ...mapGetters(["dictData", "flag"]), |
| 290 | // 根据流程判断表单是否为只读 | ||
| 291 | editDisabled() { | ||
| 292 | if (!this.ableOperation) { | ||
| 293 | //只读状态 | ||
| 294 | return true; | ||
| 295 | } | ||
| 296 | return false; | ||
| 297 | }, | ||
| 288 | }, | 298 | }, |
| 289 | data() { | 299 | data() { |
| 290 | return { | 300 | return { |
| ... | @@ -301,7 +311,7 @@ export default { | ... | @@ -301,7 +311,7 @@ export default { |
| 301 | }, | 311 | }, |
| 302 | //表单是否可操作 | 312 | //表单是否可操作 |
| 303 | propsParam: this.$attrs, | 313 | propsParam: this.$attrs, |
| 304 | ableOperation: true, | 314 | ableOperation:false, |
| 305 | key: 0, | 315 | key: 0, |
| 306 | // 登记类型 | 316 | // 登记类型 |
| 307 | djlxlist: [ | 317 | djlxlist: [ |
| ... | @@ -362,7 +372,9 @@ export default { | ... | @@ -362,7 +372,9 @@ export default { |
| 362 | created() { | 372 | created() { |
| 363 | this.loadData(); | 373 | this.loadData(); |
| 364 | }, | 374 | }, |
| 365 | mounted() {}, | 375 | mounted() { |
| 376 | this.ableOperation=this.$parent.ableOperation | ||
| 377 | }, | ||
| 366 | methods: { | 378 | methods: { |
| 367 | // 字典 | 379 | // 字典 |
| 368 | getDictData(val) { | 380 | getDictData(val) { | ... | ... |
| ... | @@ -9,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> |
| ... | @@ -311,6 +313,14 @@ export default { | ... | @@ -311,6 +313,14 @@ export default { |
| 311 | components: { qlrCommonTable, tdytTable }, | 313 | components: { qlrCommonTable, tdytTable }, |
| 312 | computed: { | 314 | computed: { |
| 313 | ...mapGetters(["dictData", "flag"]), | 315 | ...mapGetters(["dictData", "flag"]), |
| 316 | // 根据流程判断表单是否为只读 | ||
| 317 | editDisabled() { | ||
| 318 | if (!this.ableOperation) { | ||
| 319 | //只读状态 | ||
| 320 | return true; | ||
| 321 | } | ||
| 322 | return false; | ||
| 323 | }, | ||
| 314 | }, | 324 | }, |
| 315 | data() { | 325 | data() { |
| 316 | return { | 326 | return { |
| ... | @@ -327,7 +337,6 @@ export default { | ... | @@ -327,7 +337,6 @@ export default { |
| 327 | }, | 337 | }, |
| 328 | //表单是否可操作 | 338 | //表单是否可操作 |
| 329 | propsParam: this.$attrs, | 339 | propsParam: this.$attrs, |
| 330 | ableOperation: true, | ||
| 331 | key: 0, | 340 | key: 0, |
| 332 | // 登记类型 | 341 | // 登记类型 |
| 333 | djlxlist: [ | 342 | djlxlist: [ |
| ... | @@ -373,6 +382,7 @@ export default { | ... | @@ -373,6 +382,7 @@ export default { |
| 373 | disabled: true, | 382 | disabled: true, |
| 374 | czrOptions: [], | 383 | czrOptions: [], |
| 375 | ruleForm: {}, | 384 | ruleForm: {}, |
| 385 | ableOperation:false, | ||
| 376 | //传递参数\ | 386 | //传递参数\ |
| 377 | rules: { | 387 | rules: { |
| 378 | bdcqzhrules: [ | 388 | bdcqzhrules: [ |
| ... | @@ -388,7 +398,9 @@ export default { | ... | @@ -388,7 +398,9 @@ export default { |
| 388 | created() { | 398 | created() { |
| 389 | this.loadData(); | 399 | this.loadData(); |
| 390 | }, | 400 | }, |
| 391 | mounted() {}, | 401 | mounted() { |
| 402 | this.ableOperation=this.$parent.ableOperation | ||
| 403 | }, | ||
| 392 | methods: { | 404 | methods: { |
| 393 | // 字典 | 405 | // 字典 |
| 394 | getDictData(val) { | 406 | getDictData(val) { |
| ... | @@ -491,4 +503,9 @@ export default { | ... | @@ -491,4 +503,9 @@ export default { |
| 491 | <style scoped lang="scss"> | 503 | <style scoped lang="scss"> |
| 492 | @import "~@/styles/public.scss"; | 504 | @import "~@/styles/public.scss"; |
| 493 | @import "~@/styles/slxx/slxx.scss"; | 505 | @import "~@/styles/slxx/slxx.scss"; |
| 506 | .loadingtext{ | ||
| 507 | /deep/.el-form-item__content{ | ||
| 508 | pointer-events: none!important; | ||
| 509 | } | ||
| 510 | } | ||
| 494 | </style> | 511 | </style> | ... | ... |
| ... | @@ -10,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> |
| ... | @@ -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> |
| ... | @@ -235,6 +238,14 @@ export default { | ... | @@ -235,6 +238,14 @@ export default { |
| 235 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | 238 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
| 236 | computed: { | 239 | computed: { |
| 237 | ...mapGetters(["dictData", "flag"]), | 240 | ...mapGetters(["dictData", "flag"]), |
| 241 | // 根据流程判断表单是否为只读 | ||
| 242 | editDisabled() { | ||
| 243 | if (!this.ableOperation) { | ||
| 244 | //只读状态 | ||
| 245 | return true; | ||
| 246 | } | ||
| 247 | return false; | ||
| 248 | }, | ||
| 238 | }, | 249 | }, |
| 239 | data() { | 250 | data() { |
| 240 | return { | 251 | return { |
| ... | @@ -294,12 +305,15 @@ export default { | ... | @@ -294,12 +305,15 @@ export default { |
| 294 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 305 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 295 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | 306 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], |
| 296 | }, | 307 | }, |
| 308 | ableOperation:false | ||
| 297 | }; | 309 | }; |
| 298 | }, | 310 | }, |
| 299 | created() { | 311 | created() { |
| 300 | this.loadData(); | 312 | this.loadData(); |
| 301 | }, | 313 | }, |
| 302 | mounted() {}, | 314 | mounted() { |
| 315 | this.ableOperation =this.$parent.ableOperation | ||
| 316 | }, | ||
| 303 | methods: { | 317 | methods: { |
| 304 | loadData() { | 318 | loadData() { |
| 305 | this.propsParam.isEdit=this.$parent.isEdit | 319 | this.propsParam.isEdit=this.$parent.isEdit | ... | ... |
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | <div class="spyj loadingtext"> | 7 | <div class="spyj loadingtext"> |
| 8 | <div class="box"> | 8 | <div class="box"> |
| 9 | <div class="spyj_title"> | 9 | <div class="spyj_title"> |
| 10 | <div class="leftadd"> | 10 | <div class="leftadd" v-if="ableOperation"> |
| 11 | <i | 11 | <i |
| 12 | class="el-icon-plus pointer" | 12 | class="el-icon-plus pointer" |
| 13 | @click="addClick()" | 13 | @click="addClick()" |
| ... | @@ -25,12 +25,15 @@ | ... | @@ -25,12 +25,15 @@ |
| 25 | > | 25 | > |
| 26 | <div class="spyj_form"> | 26 | <div class="spyj_form"> |
| 27 | <div class="item_left"> | 27 | <div class="item_left"> |
| 28 | <div class="left"> | 28 | <div class="left" v-if="ableOperation"> |
| 29 | <i | 29 | <i |
| 30 | class="el-icon-minus pointer" | 30 | class="el-icon-minus pointer" |
| 31 | @click="deleClick()" | 31 | @click="deleClick()" |
| 32 | ></i> | 32 | ></i> |
| 33 | </div> | 33 | </div> |
| 34 | <div class="left" v-else> | ||
| 35 | {{index+1}} | ||
| 36 | </div> | ||
| 34 | <div class="right">{{ item.jdmc }}意见</div> | 37 | <div class="right">{{ item.jdmc }}意见</div> |
| 35 | </div> | 38 | </div> |
| 36 | <div class="item_right"> | 39 | <div class="item_right"> |
| ... | @@ -42,6 +45,7 @@ | ... | @@ -42,6 +45,7 @@ |
| 42 | prop="shyj" | 45 | prop="shyj" |
| 43 | > | 46 | > |
| 44 | <el-input | 47 | <el-input |
| 48 | :disabled="!ableOperation" | ||
| 45 | type="textarea" | 49 | type="textarea" |
| 46 | :rows="4" | 50 | :rows="4" |
| 47 | class="opinion" | 51 | class="opinion" |
| ... | @@ -55,12 +59,13 @@ | ... | @@ -55,12 +59,13 @@ |
| 55 | <el-row> | 59 | <el-row> |
| 56 | <el-col :span="16"> | 60 | <el-col :span="16"> |
| 57 | <el-form-item label="审查人" prop="shryxm"> | 61 | <el-form-item label="审查人" prop="shryxm"> |
| 58 | <el-input v-model="item.shryxm"></el-input> | 62 | <el-input :disabled="!ableOperation" v-model="item.shryxm"></el-input> |
| 59 | </el-form-item> | 63 | </el-form-item> |
| 60 | </el-col> | 64 | </el-col> |
| 61 | <el-col :span="8"> | 65 | <el-col :span="8"> |
| 62 | <el-form-item label="审核时间" prop="shkssj"> | 66 | <el-form-item class="sjxzq" label="审核时间" prop="shkssj"> |
| 63 | <el-date-picker | 67 | <el-date-picker |
| 68 | :disabled="!ableOperation" | ||
| 64 | v-model="item.shkssj" | 69 | v-model="item.shkssj" |
| 65 | type="date" | 70 | type="date" |
| 66 | placeholder="选择日期" | 71 | placeholder="选择日期" |
| ... | @@ -95,7 +100,7 @@ export default { | ... | @@ -95,7 +100,7 @@ export default { |
| 95 | return { | 100 | return { |
| 96 | isNoData: false, | 101 | isNoData: false, |
| 97 | currentindex:0, | 102 | currentindex:0, |
| 98 | ableOperation: true, | 103 | ableOperation: false, |
| 99 | tableData: [{ jdmc: "初审" }], | 104 | tableData: [{ jdmc: "初审" }], |
| 100 | rules: { | 105 | rules: { |
| 101 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], | 106 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], |
| ... | @@ -116,11 +121,7 @@ export default { | ... | @@ -116,11 +121,7 @@ export default { |
| 116 | }, | 121 | }, |
| 117 | created() {}, | 122 | created() {}, |
| 118 | mounted() { | 123 | mounted() { |
| 119 | this.propsParam.isEdit=this.$parent.isEdit | 124 | this.ableOperation=this.$parent.ableOperation |
| 120 | this.propsParam = this.$attrs; | ||
| 121 | if (this.$route.query.viewtype) { | ||
| 122 | this.ableOperation = false | ||
| 123 | } | ||
| 124 | this.getShList(); | 125 | this.getShList(); |
| 125 | }, | 126 | }, |
| 126 | methods: { | 127 | methods: { |
| ... | @@ -305,7 +306,6 @@ export default { | ... | @@ -305,7 +306,6 @@ export default { |
| 305 | /deep/.el-form-item__content { | 306 | /deep/.el-form-item__content { |
| 306 | display: block; | 307 | display: block; |
| 307 | text-align: left; | 308 | text-align: left; |
| 308 | text-indent: 10px; | ||
| 309 | } | 309 | } |
| 310 | .opinion_item { | 310 | .opinion_item { |
| 311 | /deep/.el-form-item__error { | 311 | /deep/.el-form-item__error { |
| ... | @@ -337,5 +337,11 @@ export default { | ... | @@ -337,5 +337,11 @@ export default { |
| 337 | text-align: center; | 337 | text-align: center; |
| 338 | margin: 15px 0; | 338 | margin: 15px 0; |
| 339 | } | 339 | } |
| 340 | |||
| 341 | .el-date-editor.el-input{ | ||
| 342 | width: 100%; | ||
| 343 | |||
| 344 | |||
| 345 | } | ||
| 340 | } | 346 | } |
| 341 | </style> | 347 | </style> | ... | ... |
| ... | @@ -60,11 +60,9 @@ export default { | ... | @@ -60,11 +60,9 @@ export default { |
| 60 | }) | 60 | }) |
| 61 | 61 | ||
| 62 | if(arr.length){ | 62 | if(arr.length){ |
| 63 | console.log("1111111111111111111"); | ||
| 64 | this.$refs.Menu.getleftMenubl(); | 63 | this.$refs.Menu.getleftMenubl(); |
| 65 | }else{ | 64 | }else{ |
| 66 | this.ableOperation=false | 65 | this.ableOperation=false |
| 67 | console.log("22222222222222"); | ||
| 68 | this.$refs.Menu.getleftMenubl(1); | 66 | this.$refs.Menu.getleftMenubl(1); |
| 69 | } | 67 | } |
| 70 | } | 68 | } | ... | ... |
| ... | @@ -98,11 +98,6 @@ | ... | @@ -98,11 +98,6 @@ |
| 98 | bsmSlsq: this.$route.query.bsmSlsq, | 98 | bsmSlsq: this.$route.query.bsmSlsq, |
| 99 | //当前流程所在环节 | 99 | //当前流程所在环节 |
| 100 | bestepid: this.$route.query.bestepid, | 100 | bestepid: this.$route.query.bestepid, |
| 101 | //受理申请标识码 | ||
| 102 | bdcdyid: this.$route.query.bdcdyid, | ||
| 103 | //当前流程所在环节 | ||
| 104 | bdcdyh: this.$route.query.bdcdyh, | ||
| 105 | qllx: this.$route.query.qllx, | ||
| 106 | //设置那个表单选中 | 101 | //设置那个表单选中 |
| 107 | tabName: "", | 102 | tabName: "", |
| 108 | isEdit: true, | 103 | isEdit: true, |
| ... | @@ -124,6 +119,7 @@ | ... | @@ -124,6 +119,7 @@ |
| 124 | tabdata: [], | 119 | tabdata: [], |
| 125 | bsmRepair:"", | 120 | bsmRepair:"", |
| 126 | defaultNode: {}, | 121 | defaultNode: {}, |
| 122 | ableOperation:false | ||
| 127 | }; | 123 | }; |
| 128 | }, | 124 | }, |
| 129 | mounted () { | 125 | mounted () { |
| ... | @@ -138,6 +134,7 @@ | ... | @@ -138,6 +134,7 @@ |
| 138 | this.$nextTick(function () { | 134 | this.$nextTick(function () { |
| 139 | this.tabList = res.result; | 135 | this.tabList = res.result; |
| 140 | this.tabName = this.tabList[0].value; | 136 | this.tabName = this.tabList[0].value; |
| 137 | this.ableOperation=this.tabList[0].ableOperation | ||
| 141 | this.getFromRouter(this.tabName); | 138 | this.getFromRouter(this.tabName); |
| 142 | }); | 139 | }); |
| 143 | }); | 140 | }); |
| ... | @@ -185,7 +182,7 @@ | ... | @@ -185,7 +182,7 @@ |
| 185 | bdcdyh: this.currentSelectProps.bdcdyh, | 182 | bdcdyh: this.currentSelectProps.bdcdyh, |
| 186 | }).then((res) => { | 183 | }).then((res) => { |
| 187 | if (res.code === 200) { | 184 | if (res.code === 200) { |
| 188 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 185 | this.treedata = loadTreeData(res.result); |
| 189 | this.$nextTick(function () { | 186 | this.$nextTick(function () { |
| 190 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | 187 | this.defaultNode = getNode(this.currentSelectProps.qllx, { |
| 191 | linShi: 0, | 188 | linShi: 0, | ... | ... |
| ... | @@ -100,13 +100,7 @@ export default { | ... | @@ -100,13 +100,7 @@ export default { |
| 100 | data() { | 100 | data() { |
| 101 | return { | 101 | return { |
| 102 | bsmSlsq: this.$route.query.bsmSlsq, | 102 | bsmSlsq: this.$route.query.bsmSlsq, |
| 103 | //当前流程所在环节 | ||
| 104 | bestepid: this.$route.query.bestepid, | 103 | bestepid: this.$route.query.bestepid, |
| 105 | //受理申请标识码 | ||
| 106 | bdcdyid: this.$route.query.bdcdyid, | ||
| 107 | //当前流程所在环节 | ||
| 108 | bdcdyh: this.$route.query.bdcdyh, | ||
| 109 | qllx: this.$route.query.qllx, | ||
| 110 | //设置那个表单选中 | 104 | //设置那个表单选中 |
| 111 | tabName: "", | 105 | tabName: "", |
| 112 | // 弹框显示 | 106 | // 弹框显示 |
| ... | @@ -129,6 +123,7 @@ export default { | ... | @@ -129,6 +123,7 @@ export default { |
| 129 | bsmRepair:"", | 123 | bsmRepair:"", |
| 130 | tabdata: [], | 124 | tabdata: [], |
| 131 | defaultNode: {}, | 125 | defaultNode: {}, |
| 126 | ableOperation:false | ||
| 132 | }; | 127 | }; |
| 133 | }, | 128 | }, |
| 134 | mounted() { | 129 | mounted() { |
| ... | @@ -144,6 +139,8 @@ export default { | ... | @@ -144,6 +139,8 @@ export default { |
| 144 | this.$nextTick(function () { | 139 | this.$nextTick(function () { |
| 145 | this.tabList = res.result; | 140 | this.tabList = res.result; |
| 146 | this.tabName = this.tabList[0].value; | 141 | this.tabName = this.tabList[0].value; |
| 142 | console.log("是否只读",this.tabList[0].ableOperation); | ||
| 143 | this.ableOperation=this.tabList[0].ableOperation | ||
| 147 | this.getFromRouter(this.tabName); | 144 | this.getFromRouter(this.tabName); |
| 148 | }); | 145 | }); |
| 149 | }); | 146 | }); | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="content"> | 2 | <div class="content loadingtext"> |
| 3 | <div class="left"> | 3 | <div class="left"> |
| 4 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" | 4 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" |
| 5 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> | 5 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> | ... | ... |
| ... | @@ -10,62 +10,66 @@ | ... | @@ -10,62 +10,66 @@ |
| 10 | border | 10 | border |
| 11 | :pagination="false" | 11 | :pagination="false" |
| 12 | :key="key" | 12 | :key="key" |
| 13 | :header-cell-style="{'text-align':'center'}" | 13 | :header-cell-style="{ 'text-align': 'center' }" |
| 14 | :heightNumSetting="true" | 14 | :heightNumSetting="true" |
| 15 | :minHeight="150" | 15 | :minHeight="150" |
| 16 | height="150" | 16 | height="150" |
| 17 | style="width: 100%"> | 17 | style="width: 100%" |
| 18 | <el-table-column | 18 | > |
| 19 | prop="index" | 19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
| 20 | width="50" | 20 | <template slot-scope="scope"> |
| 21 | :render-header="renderHeader"> | ||
| 22 | <template slot-scope="scope"> | ||
| 23 | <i | 21 | <i |
| 24 | class="el-icon-minus pointer" | 22 | class="el-icon-minus pointer" |
| 25 | @click="deleClick(scope.$index, scope.row)" | 23 | @click="deleClick(scope.$index, scope.row)" |
| 26 | v-if="!$route.query.viewtype == 1" | 24 | v-if="ableOperation" |
| 27 | ></i> | 25 | ></i> |
| 28 | <div style="text-align:center;" v-else> | 26 | <div style="text-align: center" v-else> |
| 29 | {{ scope.$index+1}} | 27 | {{ scope.$index + 1 }} |
| 30 | </div> | 28 | </div> |
| 31 | </template> | 29 | </template> |
| 32 | </el-table-column> | 30 | </el-table-column> |
| 33 | <el-table-column prop="yt" label="土地用途" min-width="100"> | 31 | <el-table-column prop="tdyt" label="土地用途" min-width="100"> |
| 34 | <template slot-scope="scope"> | 32 | <template slot-scope="scope"> |
| 35 | <treeselect | 33 | <treeselect |
| 36 | v-model="tdyt" | 34 | v-model="tdyt" |
| 37 | :disabled="disabled" | 35 | :disabled="!ableOperation" |
| 38 | noOptionsText="暂无数据" | 36 | noOptionsText="暂无数据" |
| 39 | :show-count="true" | 37 | :show-count="true" |
| 40 | :options="dictData['tdyt']" | 38 | :options="dictData['tdyt']" |
| 41 | :normalizer="normalizer" | 39 | :normalizer="normalizer" |
| 42 | :appendToBody="true" z-index="9999" | 40 | :appendToBody="true" |
| 43 | @input="addrow(scope.row)" /> | 41 | z-index="9999" |
| 42 | @input="addrow(scope.row)" | ||
| 43 | /> | ||
| 44 | </template> | 44 | </template> |
| 45 | </el-table-column> | 45 | </el-table-column> |
| 46 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | 46 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> |
| 47 | <template slot-scope="scope"> | 47 | <template slot-scope="scope"> |
| 48 | <el-date-picker | 48 | <el-date-picker |
| 49 | v-model='scope.row.qssj' | 49 | v-model="scope.row.qssj" |
| 50 | type="date" | 50 | type="date" |
| 51 | :disabled="disabled" | 51 | :disabled="!ableOperation" |
| 52 | placeholder="选择日期" | 52 | :picker-options="scope.row.pickerStart" |
| 53 | value-format="yyyy-MM-dd HH:mm:ss" | 53 | placeholder="选择日期" |
| 54 | format="yyyy-MM-dd" | 54 | value-format="yyyy-MM-dd HH:mm:ss" |
| 55 | @blur="addrow(scope.row)"> | 55 | format="yyyy-MM-dd" |
| 56 | @input="startTime(scope.$index)" | ||
| 57 | > | ||
| 56 | </el-date-picker> | 58 | </el-date-picker> |
| 57 | </template> | 59 | </template> |
| 58 | </el-table-column> | 60 | </el-table-column> |
| 59 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> | 61 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> |
| 60 | <template slot-scope="scope"> | 62 | <template slot-scope="scope"> |
| 61 | <el-date-picker | 63 | <el-date-picker |
| 62 | v-model='scope.row.jssj' | 64 | v-model="scope.row.jssj" |
| 63 | type="date" | 65 | type="date" |
| 64 | :disabled="disabled" | 66 | :disabled="!ableOperation" |
| 65 | placeholder="选择日期" | 67 | :picker-options="scope.row.pickerEnd" |
| 66 | value-format="yyyy-MM-dd HH:mm:ss" | 68 | placeholder="选择日期" |
| 67 | format="yyyy-MM-dd" | 69 | value-format="yyyy-MM-dd HH:mm:ss" |
| 68 | @blur="addrow(scope.row)"> | 70 | format="yyyy-MM-dd" |
| 71 | @input="endTime(scope.$index)" | ||
| 72 | > | ||
| 69 | </el-date-picker> | 73 | </el-date-picker> |
| 70 | </template> | 74 | </template> |
| 71 | </el-table-column> | 75 | </el-table-column> |
| ... | @@ -73,149 +77,212 @@ | ... | @@ -73,149 +77,212 @@ |
| 73 | <template slot-scope="scope"> | 77 | <template slot-scope="scope"> |
| 74 | <el-input | 78 | <el-input |
| 75 | class="item" | 79 | class="item" |
| 76 | :disabled="disabled" | 80 | :disabled="!ableOperation" |
| 77 | v-model="scope.row.syqx" | 81 | v-model="scope.row.syqx" |
| 78 | placeholder="请输入内容" | 82 | placeholder="请输入内容" |
| 79 | @blur="addrow(scope.row)"> | 83 | @input="sumTime(scope.$index,scope.row.syqx)" |
| 80 | ></el-input> | 84 | > |
| 85 | ></el-input | ||
| 86 | > | ||
| 81 | </template> | 87 | </template> |
| 82 | </el-table-column> | 88 | </el-table-column> |
| 83 | </el-table> | 89 | </el-table> |
| 84 | </div> | 90 | </div> |
| 85 | </template> | 91 | </template> |
| 86 | <script> | 92 | <script> |
| 87 | import { mapGetters } from "vuex"; | 93 | import { mapGetters } from "vuex"; |
| 88 | export default { | 94 | export default { |
| 89 | computed: { | 95 | computed: { |
| 90 | ...mapGetters(["dictData"]), | 96 | ...mapGetters(["dictData"]), |
| 97 | }, | ||
| 98 | props: { | ||
| 99 | tableData: { | ||
| 100 | type: Array, | ||
| 101 | default: function () { | ||
| 102 | return []; | ||
| 103 | }, | ||
| 91 | }, | 104 | }, |
| 92 | props: { | 105 | ableOperation: { |
| 93 | tableData: { | 106 | type: Boolean, |
| 94 | type: Array, | 107 | default: true, |
| 95 | default: function () { | 108 | }, |
| 96 | return [] | 109 | }, |
| 110 | data() { | ||
| 111 | return { | ||
| 112 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 113 | tdyt: null, | ||
| 114 | key: 0, | ||
| 115 | newdata: { | ||
| 116 | yt: "", | ||
| 117 | qssj: "", | ||
| 118 | jssj: "", | ||
| 119 | syqx: "", | ||
| 120 | }, | ||
| 121 | tableDataList: [], | ||
| 122 | // 起始时间选择范围 | ||
| 123 | pickerStart: {}, | ||
| 124 | pickerEnd: {}, | ||
| 125 | normalizer(node) { | ||
| 126 | if (node.children == null || node.children == "null") { | ||
| 127 | delete node.children; | ||
| 97 | } | 128 | } |
| 129 | return { | ||
| 130 | id: node.dcode, | ||
| 131 | label: node.dname, | ||
| 132 | }; | ||
| 98 | }, | 133 | }, |
| 99 | disabled: { | 134 | }; |
| 100 | type: Boolean, | 135 | }, |
| 101 | default: false | 136 | mounted () { |
| 102 | } | 137 | }, |
| 138 | watch: { | ||
| 139 | tableData: { | ||
| 140 | handler: function (val, oldVal) { | ||
| 141 | let that = this; | ||
| 142 | this.$nextTick(() => { | ||
| 143 | if (val.length == 0 || !val) { | ||
| 144 | that.tableDataList = _.cloneDeep([ | ||
| 145 | { | ||
| 146 | yt: "", | ||
| 147 | qssj: "", | ||
| 148 | jssj: "", | ||
| 149 | syqx: "", | ||
| 150 | }, | ||
| 151 | ]); | ||
| 152 | if (that.tableDataList.length > 0) { | ||
| 153 | this.tdyt = that.tableDataList[0].yt | ||
| 154 | ? that.tableDataList[0].yt | ||
| 155 | : null; | ||
| 156 | } else { | ||
| 157 | this.tdyt = null; | ||
| 158 | } | ||
| 159 | } else { | ||
| 160 | that.tableDataList = _.cloneDeep(val); | ||
| 161 | if (that.tableDataList.length > 0) { | ||
| 162 | this.tdyt = that.tableDataList[0].yt | ||
| 163 | ? that.tableDataList[0].yt | ||
| 164 | : null; | ||
| 165 | } else { | ||
| 166 | this.tdyt = null; | ||
| 167 | } | ||
| 168 | } | ||
| 169 | }); | ||
| 170 | }, | ||
| 171 | immediate: true, | ||
| 172 | deep: true, | ||
| 103 | }, | 173 | }, |
| 104 | data () { | 174 | }, |
| 105 | return { | 175 | methods: { |
| 106 | isDisabled: this.disabled, | 176 | renderHeader() { |
| 107 | // 键名转换,方法默认是label和children进行树状渲染 | 177 | return ( |
| 108 | tdyt: null, | 178 | <div> |
| 109 | key: 0, | 179 | {" "} |
| 110 | newdata: { | 180 | {!this.ableOperation ? ( |
| 111 | yt: "", | 181 | "序号" |
| 112 | qssj: "", | 182 | ) : ( |
| 113 | jssj: "", | 183 | <i |
| 114 | syqx: "", | 184 | class="el-icon-plus pointer" |
| 115 | }, | 185 | onClick={() => { |
| 116 | tableDataList: [], | 186 | this.addClick(); |
| 117 | normalizer (node) { | 187 | }} |
| 118 | if (node.children == null || node.children == "null") { | 188 | ></i> |
| 119 | delete node.children; | 189 | )} |
| 190 | </div> | ||
| 191 | ); | ||
| 192 | }, | ||
| 193 | // 修改事件 | ||
| 194 | addrow() { | ||
| 195 | this.tableDataList = this.tableDataList.map((item) => { | ||
| 196 | return { | ||
| 197 | ...item, | ||
| 198 | yt: this.tdyt, | ||
| 199 | }; | ||
| 200 | }); | ||
| 201 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 202 | }, | ||
| 203 | startTime(index) { | ||
| 204 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
| 205 | let endTime = this.tableDataList[index].jssj; | ||
| 206 | let startTime = this.tableDataList[index].qssj; | ||
| 207 | this.tableDataList[index].pickerEnd= { | ||
| 208 | disabledDate: (time) => { | ||
| 209 | if (Object.keys(startTime).length > 0) { | ||
| 210 | return new Date(startTime).getTime() > time.getTime(); | ||
| 211 | } else { | ||
| 212 | return time.getTime() < Date.now(); | ||
| 120 | } | 213 | } |
| 121 | return { | ||
| 122 | id: node.dcode, | ||
| 123 | label: node.dname, | ||
| 124 | }; | ||
| 125 | }, | 214 | }, |
| 126 | }; | 215 | }; |
| 216 | if ( | ||
| 217 | Object.keys(startTime).length > 0 && | ||
| 218 | Object.keys(endTime).length > 0 | ||
| 219 | ) { | ||
| 220 | let startYear = new Date(startTime).getFullYear(); | ||
| 221 | let endYear = new Date(endTime).getFullYear(); | ||
| 222 | this.tableDataList[index].syqx=endYear-startYear; | ||
| 223 | } | ||
| 127 | }, | 224 | }, |
| 128 | watch: { | 225 | endTime(index) { |
| 129 | tableData: { | 226 | // let startTime = this.tableDataList[index].tdsyqssj; |
| 130 | handler: function (val, oldVal) { | 227 | let startTime = this.tableDataList[index].qssj; |
| 131 | let that = this; | 228 | let endTime = this.tableDataList[index].jssj; |
| 132 | this.$nextTick(() => { | 229 | this.tableDataList[index].pickerStart = { |
| 133 | if (val.length == 0 || !val) { | 230 | disabledDate: (time) => { |
| 134 | that.tableDataList = _.cloneDeep([ | 231 | if (Object.keys(endTime).length > 0) { |
| 135 | { | 232 | return new Date(endTime).getTime() < time.getTime(); |
| 136 | yt: "", | 233 | } else { |
| 137 | qssj: "", | 234 | return time.getTime() > Date.now(); |
| 138 | jssj: "", | 235 | } |
| 139 | syqx: "", | ||
| 140 | }, | ||
| 141 | ]); | ||
| 142 | if (that.tableDataList.length > 0) { | ||
| 143 | this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null | ||
| 144 | } else { | ||
| 145 | this.tdyt = null | ||
| 146 | } | ||
| 147 | } else { | ||
| 148 | that.tableDataList = _.cloneDeep(val); | ||
| 149 | if (that.tableDataList.length > 0) { | ||
| 150 | this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null | ||
| 151 | } else { | ||
| 152 | this.tdyt = null | ||
| 153 | } | ||
| 154 | } | ||
| 155 | }); | ||
| 156 | }, | 236 | }, |
| 157 | immediate: true, | 237 | }; |
| 158 | deep: true, | 238 | if ( |
| 159 | }, | 239 | Object.keys(startTime).length > 0 && |
| 240 | Object.keys(endTime).length > 0 | ||
| 241 | ) { | ||
| 242 | let startYear = new Date(startTime).getFullYear(); | ||
| 243 | let endYear = new Date(endTime).getFullYear(); | ||
| 244 | this.tableDataList[index].syqx=endYear-startYear; | ||
| 245 | } | ||
| 160 | }, | 246 | }, |
| 161 | methods: { | 247 | sumTime(index, syqx) { |
| 162 | renderHeader () { | ||
| 163 | return ( | ||
| 164 | <div> | ||
| 165 | {" "} | ||
| 166 | {this.$route.query.viewtype == 1 ? ( | ||
| 167 | "序号" | ||
| 168 | ) : ( | ||
| 169 | <i | ||
| 170 | class="el-icon-plus pointer" | ||
| 171 | onClick={() => { | ||
| 172 | this.addClick(); | ||
| 173 | }} | ||
| 174 | ></i> | ||
| 175 | )} | ||
| 176 | </div> | ||
| 177 | ); | ||
| 178 | }, | ||
| 179 | // 修改事件 | ||
| 180 | addrow () { | ||
| 181 | this.tableDataList = this.tableDataList.map((item) => { | ||
| 182 | return { | ||
| 183 | ...item, | ||
| 184 | yt: this.tdyt | ||
| 185 | } | ||
| 186 | }) | ||
| 187 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 188 | }, | ||
| 189 | // 新增 | ||
| 190 | addClick () { | ||
| 191 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | ||
| 192 | 248 | ||
| 193 | this.$emit("upDateTdytxxList", this.tableDataList); | 249 | let startTime = this.tableDataList[index].qssj; |
| 194 | }, | 250 | this.tableDataList[index].jssj = |
| 251 | Number(startTime.substring(0, 4)) + | ||
| 252 | Number(syqx) + | ||
| 253 | startTime.slice(4, 19); | ||
| 254 | |||
| 255 | }, | ||
| 256 | // 新增 | ||
| 257 | addClick() { | ||
| 258 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | ||
| 259 | |||
| 260 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
| 261 | }, | ||
| 195 | 262 | ||
| 196 | // 删除 | 263 | // 删除 |
| 197 | deleClick (index, row) { | 264 | deleClick(index, row) { |
| 198 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 265 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 199 | confirmButtonText: "确定", | 266 | confirmButtonText: "确定", |
| 200 | cancelButtonText: "取消", | 267 | cancelButtonText: "取消", |
| 201 | type: "warning", | 268 | type: "warning", |
| 269 | }) | ||
| 270 | .then(() => { | ||
| 271 | this.tableData.splice(index, 1); | ||
| 202 | }) | 272 | }) |
| 203 | .then(() => { | 273 | .catch(() => {}); |
| 204 | this.tableData.splice(index, 1); | ||
| 205 | }) | ||
| 206 | .catch(() => { }); | ||
| 207 | }, | ||
| 208 | }, | 274 | }, |
| 209 | }; | 275 | }, |
| 276 | }; | ||
| 210 | </script> | 277 | </script> |
| 211 | <style scoped lang="scss"> | 278 | <style scoped lang="scss"> |
| 212 | .el-input { | 279 | .el-input { |
| 213 | border: none !important; | 280 | border: none !important; |
| 214 | } | 281 | } |
| 215 | /deep/.el-table__row { | 282 | /deep/.el-table__row { |
| 216 | border: none !important; | 283 | border: none !important; |
| 217 | } | 284 | } |
| 218 | .el-date-editor.el-input { | 285 | .el-date-editor.el-input { |
| 219 | width: 100%; | 286 | width: 100%; |
| 220 | } | 287 | } |
| 221 | </style> | 288 | </style> | ... | ... |
| ... | @@ -102,6 +102,7 @@ | ... | @@ -102,6 +102,7 @@ |
| 102 | clxxIndex: "", | 102 | clxxIndex: "", |
| 103 | //材料信息选项卡对象 | 103 | //材料信息选项卡对象 |
| 104 | clxxTab: {}, | 104 | clxxTab: {}, |
| 105 | ableOperation:false, | ||
| 105 | //页面监听时间 | 106 | //页面监听时间 |
| 106 | _beforeUnload_time: "" | 107 | _beforeUnload_time: "" |
| 107 | } | 108 | } |
| ... | @@ -142,10 +143,12 @@ | ... | @@ -142,10 +143,12 @@ |
| 142 | this.tabList = res.result; | 143 | this.tabList = res.result; |
| 143 | //默认加载第一个表单信息 | 144 | //默认加载第一个表单信息 |
| 144 | this.tabName = res.result[0].value; | 145 | this.tabName = res.result[0].value; |
| 146 | this.ableOperation=this.tabList[0].ableOperation | ||
| 145 | //批量操作无分屏按钮 | 147 | //批量操作无分屏按钮 |
| 146 | if (index != null) { | 148 | if (index != null) { |
| 147 | //处理分屏材料信息 | 149 | //处理分屏材料信息 |
| 148 | let that = this; | 150 | let that = this; |
| 151 | |||
| 149 | this.tabList.forEach(function (item, index) { | 152 | this.tabList.forEach(function (item, index) { |
| 150 | if (item.value == "clxx") { | 153 | if (item.value == "clxx") { |
| 151 | that.clxxIndex = index; | 154 | that.clxxIndex = index; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-09 16:55:31 | 4 | * @LastEditTime: 2023-06-09 16:55:31 |
| 5 | --> | 5 | --> |
| ... | @@ -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 + | ... | ... |
| ... | @@ -135,7 +135,7 @@ | ... | @@ -135,7 +135,7 @@ |
| 135 | <div class="triangle"></div> | 135 | <div class="triangle"></div> |
| 136 | </div> | 136 | </div> |
| 137 | <tdytTable | 137 | <tdytTable |
| 138 | :disabled="!ableOperation" | 138 | :ableOperation="ableOperation" |
| 139 | :tableData="ruleForm.tdytqxList" | 139 | :tableData="ruleForm.tdytqxList" |
| 140 | @upDateTdytxxList="upDateTdytxxList" /> | 140 | @upDateTdytxxList="upDateTdytxxList" /> |
| 141 | <div class="slxx_title title-block"> | 141 | <div class="slxx_title title-block"> |
| ... | @@ -257,7 +257,6 @@ | ... | @@ -257,7 +257,6 @@ |
| 257 | methods: { | 257 | methods: { |
| 258 | // 更新土地用途信息 | 258 | // 更新土地用途信息 |
| 259 | upDateTdytxxList (val) { | 259 | upDateTdytxxList (val) { |
| 260 | console.log("VAL", val); | ||
| 261 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 260 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 262 | this.key++; | 261 | this.key++; |
| 263 | }, | 262 | }, | ... | ... |
| ... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
| 138 | <div class="triangle"></div> | 138 | <div class="triangle"></div> |
| 139 | </div> | 139 | </div> |
| 140 | <tdytTable | 140 | <tdytTable |
| 141 | :disabled="!ableOperation" | 141 | :ableOperation="ableOperation" |
| 142 | :tableData="ruleForm.tdytqxList" | 142 | :tableData="ruleForm.tdytqxList" |
| 143 | @upDateTdytxxList="upDateTdytxxList" /> | 143 | @upDateTdytxxList="upDateTdytxxList" /> |
| 144 | <div class="slxx_title title-block"> | 144 | <div class="slxx_title title-block"> |
| ... | @@ -283,7 +283,6 @@ | ... | @@ -283,7 +283,6 @@ |
| 283 | }, | 283 | }, |
| 284 | // 更新土地用途信息 | 284 | // 更新土地用途信息 |
| 285 | upDateTdytxxList (val) { | 285 | upDateTdytxxList (val) { |
| 286 | console.log("VAL", val); | ||
| 287 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 286 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 288 | this.key++; | 287 | this.key++; |
| 289 | }, | 288 | }, | ... | ... |
| ... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
| 129 | <div class="triangle"></div> | 129 | <div class="triangle"></div> |
| 130 | </div> | 130 | </div> |
| 131 | <tdytTable | 131 | <tdytTable |
| 132 | :disabled="!ableOperation" | 132 | :ableOperation="ableOperation" |
| 133 | :tableData="ruleForm.tdytqxList" | 133 | :tableData="ruleForm.tdytqxList" |
| 134 | @upDateTdytxxList="upDateTdytxxList" /> | 134 | @upDateTdytxxList="upDateTdytxxList" /> |
| 135 | <div class="slxx_title title-block"> | 135 | <div class="slxx_title title-block"> |
| ... | @@ -258,7 +258,6 @@ | ... | @@ -258,7 +258,6 @@ |
| 258 | methods: { | 258 | methods: { |
| 259 | // 更新土地用途信息 | 259 | // 更新土地用途信息 |
| 260 | upDateTdytxxList (val) { | 260 | upDateTdytxxList (val) { |
| 261 | console.log("VAL", val); | ||
| 262 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 261 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 263 | this.key++; | 262 | this.key++; |
| 264 | }, | 263 | }, | ... | ... |
| ... | @@ -6,7 +6,8 @@ | ... | @@ -6,7 +6,8 @@ |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| 8 | <div class="slxx"> | 8 | <div class="slxx"> |
| 9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 9 | <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" |
| 10 | class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | ||
| 10 | :inline="flag" label-width="120px"> | 11 | :inline="flag" label-width="120px"> |
| 11 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 12 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
| ... | @@ -16,34 +17,34 @@ | ... | @@ -16,34 +17,34 @@ |
| 16 | <el-row :gutter="10"> | 17 | <el-row :gutter="10"> |
| 17 | <el-col :span="8"> | 18 | <el-col :span="8"> |
| 18 | <el-form-item label="业务号:"> | 19 | <el-form-item label="业务号:"> |
| 19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | 20 | <el-input v-model="ruleForm.flow.ywh"></el-input> |
| 20 | </el-form-item> | 21 | </el-form-item> |
| 21 | </el-col> | 22 | </el-col> |
| 22 | <el-col :span="8"> | 23 | <el-col :span="8"> |
| 23 | <el-form-item label="受理人员:"> | 24 | <el-form-item label="受理人员:"> |
| 24 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | 25 | <el-input v-model="ruleForm.slsq.slry"></el-input> |
| 25 | </el-form-item> | 26 | </el-form-item> |
| 26 | </el-col> | 27 | </el-col> |
| 27 | <el-col :span="8"> | 28 | <el-col :span="8"> |
| 28 | <el-form-item label="受理时间:"> | 29 | <el-form-item label="受理时间:"> |
| 29 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | 30 | <el-input v-model="ruleForm.slsq.slsj"></el-input> |
| 30 | </el-form-item> | 31 | </el-form-item> |
| 31 | </el-col> | 32 | </el-col> |
| 32 | </el-row> | 33 | </el-row> |
| 33 | <el-row :gutter="10"> | 34 | <el-row :gutter="10"> |
| 34 | <el-col :span="8"> | 35 | <el-col :span="8"> |
| 35 | <el-form-item label="权利类型:"> | 36 | <el-form-item label="权利类型:"> |
| 36 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | 37 | <el-input v-model="ruleForm.sldy.qllxmc"></el-input> |
| 37 | </el-form-item> | 38 | </el-form-item> |
| 38 | </el-col> | 39 | </el-col> |
| 39 | <el-col :span="8"> | 40 | <el-col :span="8"> |
| 40 | <el-form-item label="登记类型:"> | 41 | <el-form-item label="登记类型:"> |
| 41 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | 42 | <el-input v-model="ruleForm.sldy.djlxmc"></el-input> |
| 42 | </el-form-item> | 43 | </el-form-item> |
| 43 | </el-col> | 44 | </el-col> |
| 44 | <el-col :span="8"> | 45 | <el-col :span="8"> |
| 45 | <el-form-item label="登记情形:"> | 46 | <el-form-item label="登记情形:"> |
| 46 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | 47 | <el-input v-model="ruleForm.slsq.djqxmc"></el-input> |
| 47 | </el-form-item> | 48 | </el-form-item> |
| 48 | </el-col> | 49 | </el-col> |
| 49 | </el-row> | 50 | </el-row> |
| ... | @@ -54,34 +55,34 @@ | ... | @@ -54,34 +55,34 @@ |
| 54 | <el-row :gutter="10"> | 55 | <el-row :gutter="10"> |
| 55 | <el-col :span="8"> | 56 | <el-col :span="8"> |
| 56 | <el-form-item label="宗地代码:"> | 57 | <el-form-item label="宗地代码:"> |
| 57 | <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input> | 58 | <el-input v-model="ruleForm.zdjbxx.zddm"></el-input> |
| 58 | </el-form-item> | 59 | </el-form-item> |
| 59 | </el-col> | 60 | </el-col> |
| 60 | <el-col :span="8"> | 61 | <el-col :span="8"> |
| 61 | <el-form-item label="不动产单元号:"> | 62 | <el-form-item label="不动产单元号:"> |
| 62 | <el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input> | 63 | <el-input v-model="ruleForm.zdjbxx.bdcdyh"></el-input> |
| 63 | </el-form-item> | 64 | </el-form-item> |
| 64 | </el-col> | 65 | </el-col> |
| 65 | <el-col :span="8"> | 66 | <el-col :span="8"> |
| 66 | <el-form-item label="权利性质:"> | 67 | <el-form-item label="权利性质:"> |
| 67 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 68 | <el-input v-model="ruleForm.zdjbxx.qlxzmc"></el-input> |
| 68 | </el-form-item> | 69 | </el-form-item> |
| 69 | </el-col> | 70 | </el-col> |
| 70 | </el-row> | 71 | </el-row> |
| 71 | <el-row :gutter="10"> | 72 | <el-row :gutter="10"> |
| 72 | <el-col :span="8"> | 73 | <el-col :span="8"> |
| 73 | <el-form-item label="宗地面积:"> | 74 | <el-form-item label="宗地面积:"> |
| 74 | <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> | 75 | <el-input v-model="ruleForm.zdjbxx.zdmj"></el-input> |
| 75 | </el-form-item> | 76 | </el-form-item> |
| 76 | </el-col> | 77 | </el-col> |
| 77 | <el-col :span="8"> | 78 | <el-col :span="8"> |
| 78 | <el-form-item label="土地用途:"> | 79 | <el-form-item label="土地用途:"> |
| 79 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> | 80 | <el-input v-model="ruleForm.zdjbxx.ghytmc"></el-input> |
| 80 | </el-form-item> | 81 | </el-form-item> |
| 81 | </el-col> | 82 | </el-col> |
| 82 | <el-col :span="8"> | 83 | <el-col :span="8"> |
| 83 | <el-form-item label="权利设定方式:"> | 84 | <el-form-item label="权利设定方式:"> |
| 84 | <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> | 85 | <el-input v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input> |
| 85 | </el-form-item> | 86 | </el-form-item> |
| 86 | </el-col> | 87 | </el-col> |
| 87 | </el-row> | 88 | </el-row> |
| ... | @@ -89,9 +90,8 @@ | ... | @@ -89,9 +90,8 @@ |
| 89 | <el-col :span="8"> | 90 | <el-col :span="8"> |
| 90 | <el-form-item label="取得价格:"> | 91 | <el-form-item label="取得价格:"> |
| 91 | <div style="display:flex"> | 92 | <div style="display:flex"> |
| 92 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype == '1' && !ableOperation" | 93 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| 93 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 94 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
| 94 | <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | ||
| 95 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 95 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 96 | </el-option> | 96 | </el-option> |
| 97 | </el-select> | 97 | </el-select> |
| ... | @@ -101,27 +101,27 @@ | ... | @@ -101,27 +101,27 @@ |
| 101 | 101 | ||
| 102 | <el-col :span="16"> | 102 | <el-col :span="16"> |
| 103 | <el-form-item label="坐落:"> | 103 | <el-form-item label="坐落:"> |
| 104 | <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input> | 104 | <el-input v-model="ruleForm.zdjbxx.zl"></el-input> |
| 105 | </el-form-item> | 105 | </el-form-item> |
| 106 | </el-col> | 106 | </el-col> |
| 107 | </el-row> | 107 | </el-row> |
| 108 | <el-row :gutter="10"> | 108 | <el-row :gutter="10"> |
| 109 | <el-col :span="8"> | 109 | <el-col :span="8"> |
| 110 | <el-form-item label="使用期限:"> | 110 | <el-form-item label="使用期限:"> |
| 111 | <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | 111 | <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input> |
| 112 | </el-form-item> | 112 | </el-form-item> |
| 113 | </el-col> | 113 | </el-col> |
| 114 | 114 | ||
| 115 | <el-col :span="16"> | 115 | <el-col :span="16"> |
| 116 | <el-form-item label="使用权起止时间:"> | 116 | <el-form-item label="使用权起止时间:"> |
| 117 | <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input> | 117 | <el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input> |
| 118 | </el-form-item> | 118 | </el-form-item> |
| 119 | </el-col> | 119 | </el-col> |
| 120 | </el-row> | 120 | </el-row> |
| 121 | <el-row :gutter="10"> | 121 | <el-row :gutter="10"> |
| 122 | <el-col> | 122 | <el-col> |
| 123 | <el-form-item label="附记:" prop="fj"> | 123 | <el-form-item label="附记:" prop="fj"> |
| 124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == '1' && !ableOperation"></el-input> | 124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj"></el-input> |
| 125 | </el-form-item> | 125 | </el-form-item> |
| 126 | </el-col> | 126 | </el-col> |
| 127 | </el-row> | 127 | </el-row> |
| ... | @@ -130,7 +130,7 @@ | ... | @@ -130,7 +130,7 @@ |
| 130 | <div class="triangle"></div> | 130 | <div class="triangle"></div> |
| 131 | </div> | 131 | </div> |
| 132 | <tdytTable | 132 | <tdytTable |
| 133 | :disabled="!ableOperation" | 133 | :ableOperation="ableOperation" |
| 134 | :tableData="ruleForm.tdytqxList" | 134 | :tableData="ruleForm.tdytqxList" |
| 135 | @upDateTdytxxList="upDateTdytxxList" /> | 135 | @upDateTdytxxList="upDateTdytxxList" /> |
| 136 | <div class="slxx_title title-block"> | 136 | <div class="slxx_title title-block"> |
| ... | @@ -227,7 +227,15 @@ | ... | @@ -227,7 +227,15 @@ |
| 227 | }, | 227 | }, |
| 228 | components: { qlrCommonTable, tdytTable }, | 228 | components: { qlrCommonTable, tdytTable }, |
| 229 | computed: { | 229 | computed: { |
| 230 | ...mapGetters(["dictData", "flag"]) | 230 | ...mapGetters(["dictData", "flag"]), |
| 231 | // 根据流程判断表单是否为只读 | ||
| 232 | editDisabled() { | ||
| 233 | if (!this.ableOperation) { | ||
| 234 | //只读状态 | ||
| 235 | return true; | ||
| 236 | } | ||
| 237 | return false; | ||
| 238 | }, | ||
| 231 | }, | 239 | }, |
| 232 | data () { | 240 | data () { |
| 233 | return { | 241 | return { |
| ... | @@ -246,7 +254,6 @@ | ... | @@ -246,7 +254,6 @@ |
| 246 | methods: { | 254 | methods: { |
| 247 | // 更新土地用途信息 | 255 | // 更新土地用途信息 |
| 248 | upDateTdytxxList (val) { | 256 | upDateTdytxxList (val) { |
| 249 | console.log("VAL", val); | ||
| 250 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 257 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 251 | this.key++; | 258 | this.key++; |
| 252 | }, | 259 | }, | ... | ... |
| ... | @@ -133,7 +133,7 @@ | ... | @@ -133,7 +133,7 @@ |
| 133 | </div> | 133 | </div> |
| 134 | <tdytTable | 134 | <tdytTable |
| 135 | :tableData="ruleForm.tdytqxList" | 135 | :tableData="ruleForm.tdytqxList" |
| 136 | :disabled="!ableOperation" | 136 | :ableOperation="ableOperation" |
| 137 | @upDateTdytxxList="upDateTdytxxList" /> | 137 | @upDateTdytxxList="upDateTdytxxList" /> |
| 138 | <div class="slxx_title title-block"> | 138 | <div class="slxx_title title-block"> |
| 139 | 权利人信息 | 139 | 权利人信息 |
| ... | @@ -239,7 +239,6 @@ | ... | @@ -239,7 +239,6 @@ |
| 239 | methods: { | 239 | methods: { |
| 240 | // 更新土地用途信息 | 240 | // 更新土地用途信息 |
| 241 | upDateTdytxxList (val) { | 241 | upDateTdytxxList (val) { |
| 242 | console.log("VAL", val); | ||
| 243 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 242 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 244 | this.key++; | 243 | this.key++; |
| 245 | }, | 244 | }, | ... | ... |
| ... | @@ -144,7 +144,7 @@ | ... | @@ -144,7 +144,7 @@ |
| 144 | </div> | 144 | </div> |
| 145 | <tdytTable | 145 | <tdytTable |
| 146 | :tableData="ruleForm.tdytqxList" | 146 | :tableData="ruleForm.tdytqxList" |
| 147 | :disabled="!ableOperation" | 147 | :ableOperation="ableOperation" |
| 148 | @upDateTdytxxList="upDateTdytxxList" /> | 148 | @upDateTdytxxList="upDateTdytxxList" /> |
| 149 | <div class="slxx_title title-block"> | 149 | <div class="slxx_title title-block"> |
| 150 | 权利人信息 | 150 | 权利人信息 |
| ... | @@ -268,7 +268,6 @@ | ... | @@ -268,7 +268,6 @@ |
| 268 | methods: { | 268 | methods: { |
| 269 | // 更新土地用途信息 | 269 | // 更新土地用途信息 |
| 270 | upDateTdytxxList (val) { | 270 | upDateTdytxxList (val) { |
| 271 | console.log("VAL", val); | ||
| 272 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 271 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 273 | this.key++; | 272 | this.key++; |
| 274 | }, | 273 | }, | ... | ... |
| ... | @@ -198,9 +198,7 @@ | ... | @@ -198,9 +198,7 @@ |
| 198 | "/djbworkFrameview?bsmSlsq=" + | 198 | "/djbworkFrameview?bsmSlsq=" + |
| 199 | item.bsmSlsq + | 199 | item.bsmSlsq + |
| 200 | "&bestepid=" + | 200 | "&bestepid=" + |
| 201 | item.bestepid+ | 201 | item.bestepid |
| 202 | "&bsmBusiness=" + | ||
| 203 | "&viewtype=1" | ||
| 204 | ); | 202 | ); |
| 205 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 203 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
| 206 | } else { | 204 | } else { | ... | ... |
-
Please register or sign in to post a comment