111
Showing
3 changed files
with
82 additions
and
94 deletions
| ... | @@ -20,8 +20,8 @@ | ... | @@ -20,8 +20,8 @@ |
| 20 | <el-menu :default-active="activeIndex" @select="unitClick"> | 20 | <el-menu :default-active="activeIndex" @select="unitClick"> |
| 21 | <el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index"> | 21 | <el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index"> |
| 22 | <div> | 22 | <div> |
| 23 | <p>{{ item.bdcdyh }}</p> | 23 | <p>{{ item.qllxmc }} ||{{ item.operate }} </p> |
| 24 | <p class="title-detail">{{ item.zl }}</p> | 24 | <!-- <p class="title-detail">{{ item.zl }}</p> --> |
| 25 | </div> | 25 | </div> |
| 26 | <i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i> | 26 | <i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i> |
| 27 | </el-menu-item> | 27 | </el-menu-item> |
| ... | @@ -106,46 +106,27 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -106,46 +106,27 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
| 106 | if (res.code === 200 && res.result) { | 106 | if (res.code === 200 && res.result) { |
| 107 | this.currentSelectProps = res.result[0]; | 107 | this.currentSelectProps = res.result[0]; |
| 108 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 108 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 109 | // this.getdjblist() | ||
| 110 | |||
| 111 | |||
| 112 | } | 109 | } |
| 113 | }) | 110 | }) |
| 114 | this.loadData () | ||
| 115 | this.getleftMenubl() | 111 | this.getleftMenubl() |
| 116 | }, | 112 | }, |
| 117 | getleftMenubl(){ | 113 | getleftMenubl(){ |
| 118 | var formdata = new FormData(); | 114 | var formdata = new FormData(); |
| 119 | formdata.append("bsmSlsq", this.bsmSlsq); | 115 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 120 | leftMenubl(formdata).then((res) => { | 116 | leftMenubl(formdata).then((res) => { |
| 121 | console.log("左侧菜单集合",res); | 117 | this.supplementarylist=res.result; |
| 122 | // if (res.code === 200 && res.result) { | ||
| 123 | // this.currentSelectProps = res.result[0]; | ||
| 124 | // this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
| 125 | // // this.getdjblist() | ||
| 126 | |||
| 127 | |||
| 128 | // } | ||
| 129 | } | 118 | } |
| 130 | ) | 119 | ) |
| 131 | }, | 120 | }, |
| 132 | // 获取登记簿菜单 | ||
| 133 | loadData () { | ||
| 134 | this.supplementarylist=[{ | ||
| 135 | "zl": "抵押权", | ||
| 136 | },{ | ||
| 137 | "zl": "抵押权", | ||
| 138 | }] | ||
| 139 | |||
| 140 | }, | ||
| 141 | handleNodeClick (data, node, elem) { | 121 | handleNodeClick (data, node, elem) { |
| 142 | this.$parent.loadComponent(this.currentSelectProps,data); | 122 | this.$parent.loadComponent(this.currentSelectProps,data); |
| 143 | this.$parent.tabset(); | 123 | this.$parent.tabset(); |
| 144 | }, | 124 | }, |
| 145 | //申请单元点击事件 | 125 | //申请单元点击事件 |
| 146 | unitClick (index) { | 126 | unitClick (index) { |
| 147 | this.$parent.tabset() | 127 | this.$parent.currentSelectProps=this.supplementarylist[index]; |
| 148 | // this.currentSelectProps = this.unitData[index]; | 128 | this.$parent.tabset(); |
| 129 | // console.log("this.currentSelectProps", this.supplementarylist[index]); | ||
| 149 | // this.currentSelectProps.batchOperation = false; | 130 | // this.currentSelectProps.batchOperation = false; |
| 150 | // this.activeIndex = index.toString(); | 131 | // this.activeIndex = index.toString(); |
| 151 | // //选中表单传递数据 | 132 | // //选中表单传递数据 | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="from-clues-header"> | 2 | <div class="from-clues-header"> |
| 3 | <div>受理信息</div> | 3 | <div>收件信息</div> |
| 4 | <el-form ref="form" :model="form" label-width="160px"> | 4 | <!-- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" |
| 5 | <el-row> | 5 | label-width="120px"> |
| 6 | <el-col :span="12"> | 6 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 7 | <el-form-item label="权属状态" label-width="140px"> | 7 | <div class="slxx_title title-block"> |
| 8 | <el-select v-model="form.qszt"> | 8 | 受理信息 |
| 9 | <el-option | 9 | <div class="triangle"></div> |
| 10 | v-for="item in qsztList" | 10 | </div> |
| 11 | :key="item.value" | 11 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
| 12 | :label="item.label" | 12 | <el-col :span="8"> |
| 13 | :value="item.value" | 13 | <el-form-item label="业务号:"> |
| 14 | > | 14 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> |
| 15 | </el-option> | 15 | </el-form-item> |
| 16 | </el-select> | 16 | </el-col> |
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item label="受理人员:"> | ||
| 19 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="8"> | ||
| 23 | <el-form-item label="受理时间:"> | ||
| 24 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="权利类型:"> | ||
| 31 | <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> | ||
| 17 | </el-form-item> | 32 | </el-form-item> |
| 18 | </el-col> | 33 | </el-col> |
| 19 | <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh"> | 34 | <el-col :span="8"> |
| 20 | <el-form-item | 35 | <el-form-item label="登记类型:"> |
| 21 | :prop="item.prop" | 36 | <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> |
| 22 | :label="item.label" | 37 | </el-form-item> |
| 23 | label-width="140px" | 38 | </el-col> |
| 24 | > | 39 | <el-col :span="8"> |
| 25 | <el-input v-model="form[item.prop]"></el-input> | 40 | <el-form-item label="登记情形:"> |
| 41 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
| 26 | </el-form-item> | 42 | </el-form-item> |
| 27 | </el-col> | 43 | </el-col> |
| 28 | </el-row> | 44 | </el-row> |
| 29 | </el-form> | 45 | </div> |
| 46 | </el-form>--> | ||
| 30 | <div class="btn"> | 47 | <div class="btn"> |
| 31 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> | 48 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> |
| 32 | <el-button @click="closeDialog">取消</el-button> | 49 | <el-button @click="closeDialog">取消</el-button> |
| ... | @@ -34,11 +51,11 @@ | ... | @@ -34,11 +51,11 @@ |
| 34 | </div> | 51 | </div> |
| 35 | </template> | 52 | </template> |
| 36 | <script> | 53 | <script> |
| 37 | import { mapGetters } from "vuex"; | 54 | import { mapGetters } from "vuex"; |
| 55 | import { init } from "@/api/djbbl.js"; | ||
| 38 | export default { | 56 | export default { |
| 39 | |||
| 40 | props: { | 57 | props: { |
| 41 | formData: { | 58 | currentSelectProps: { |
| 42 | type: Object, | 59 | type: Object, |
| 43 | default: () => {}, | 60 | default: () => {}, |
| 44 | }, | 61 | }, |
| ... | @@ -65,36 +82,37 @@ export default { | ... | @@ -65,36 +82,37 @@ export default { |
| 65 | }; | 82 | }; |
| 66 | }, | 83 | }, |
| 67 | computed: { | 84 | computed: { |
| 68 | 85 | ...mapGetters(["dictData"]), | |
| 69 | ...mapGetters(["dictData"]) | ||
| 70 | }, | 86 | }, |
| 71 | created () { | 87 | created() { |
| 72 | console.log("this.propsParam",this.propsParam); | 88 | this.init2(); |
| 89 | //console.log("this.propsParam", this.propsParam); | ||
| 73 | // this.clmlInitList(1) | 90 | // this.clmlInitList(1) |
| 74 | }, | 91 | }, |
| 75 | mounted() { | 92 | mounted() { |
| 76 | 93 | // if (this.formData.data) { | |
| 77 | if (this.formData.data) { | 94 | // this.$nextTick(() => { |
| 78 | this.$nextTick(() => { | 95 | // this.form = Object.assign({}, this.formData.data); |
| 79 | this.form = Object.assign({}, this.formData.data); | 96 | // // this.datalist = Object.assign([], this.formData.datalist) |
| 80 | // this.datalist = Object.assign([], this.formData.datalist) | 97 | // this.form.qszt = |
| 81 | this.form.qszt = | 98 | // this.form.qszt == "0" |
| 82 | this.form.qszt == "0" | 99 | // ? "临时" |
| 83 | ? "临时" | 100 | // : this.form.qszt == "1" |
| 84 | : this.form.qszt == "1" | 101 | // ? "现势" |
| 85 | ? "现势" | 102 | // : "历史"; |
| 86 | : "历史"; | 103 | // }); |
| 87 | }); | 104 | // } |
| 88 | } | ||
| 89 | |||
| 90 | // this.datalist = this.formData.datalist | 105 | // this.datalist = this.formData.datalist |
| 91 | this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); | 106 | // this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); |
| 92 | this.datalist.shift(); | 107 | // this.datalist.shift(); |
| 93 | this.datalist.shift(); | 108 | // this.datalist.shift(); |
| 94 | console.log("this.datalist", this.datalist); | 109 | // console.log("this.datalist", this.datalist); |
| 95 | }, | 110 | }, |
| 96 | 111 | ||
| 97 | methods: { | 112 | methods: { |
| 113 | init2() { | ||
| 114 | console.log("this.currentSelectProps", this.currentSelectProps); | ||
| 115 | }, | ||
| 98 | // 受理信息保存 | 116 | // 受理信息保存 |
| 99 | slxxsubmitForm() { | 117 | slxxsubmitForm() { |
| 100 | this.$refs.form.validate((valid) => { | 118 | this.$refs.form.validate((valid) => { |
| ... | @@ -114,10 +132,7 @@ export default { | ... | @@ -114,10 +132,7 @@ export default { |
| 114 | }); | 132 | }); |
| 115 | this.isshow = false; | 133 | this.isshow = false; |
| 116 | }, | 134 | }, |
| 117 | closeDialog(){ | 135 | closeDialog() {}, |
| 118 | |||
| 119 | } | ||
| 120 | |||
| 121 | }, | 136 | }, |
| 122 | }; | 137 | }; |
| 123 | </script> | 138 | </script> |
| ... | @@ -154,7 +169,7 @@ export default { | ... | @@ -154,7 +169,7 @@ export default { |
| 154 | padding: 20px 40px; | 169 | padding: 20px 40px; |
| 155 | /deep/.el-input__inner { | 170 | /deep/.el-input__inner { |
| 156 | width: 200px; | 171 | width: 200px; |
| 157 | border:none; | 172 | border: none; |
| 158 | } | 173 | } |
| 159 | } | 174 | } |
| 160 | .spyj_title { | 175 | .spyj_title { |
| ... | @@ -236,22 +251,22 @@ export default { | ... | @@ -236,22 +251,22 @@ export default { |
| 236 | } | 251 | } |
| 237 | 252 | ||
| 238 | // 材料信息样式 | 253 | // 材料信息样式 |
| 239 | .active { | 254 | .active { |
| 240 | background: $light-blue !important; | 255 | background: $light-blue !important; |
| 241 | color: #fff; | 256 | color: #fff; |
| 242 | } | 257 | } |
| 243 | 258 | ||
| 244 | .required { | 259 | .required { |
| 245 | font-size: 12px; | 260 | font-size: 12px; |
| 246 | color: $pink; | 261 | color: $pink; |
| 247 | float: left; | 262 | float: left; |
| 248 | } | 263 | } |
| 249 | 264 | ||
| 250 | .cl_number { | 265 | .cl_number { |
| 251 | float: right; | 266 | float: right; |
| 252 | } | 267 | } |
| 253 | 268 | ||
| 254 | .clxx { | 269 | .clxx { |
| 255 | width: 100%; | 270 | width: 100%; |
| 256 | display: flex; | 271 | display: flex; |
| 257 | padding-left: 5px; | 272 | padding-left: 5px; |
| ... | @@ -357,5 +372,5 @@ export default { | ... | @@ -357,5 +372,5 @@ export default { |
| 357 | } | 372 | } |
| 358 | } | 373 | } |
| 359 | } | 374 | } |
| 360 | } | 375 | } |
| 361 | </style> | 376 | </style> | ... | ... |
| ... | @@ -70,8 +70,6 @@ | ... | @@ -70,8 +70,6 @@ |
| 70 | </style> | 70 | </style> |
| 71 | <script> | 71 | <script> |
| 72 | import WorkFlow from "./mixin/index"; | 72 | import WorkFlow from "./mixin/index"; |
| 73 | // import publicFlow from "./mixin/public.js"; | ||
| 74 | // import { getStepFormInfo } from "@/api/fqsq.js" | ||
| 75 | import { getForm } from "./flowform" | 73 | import { getForm } from "./flowform" |
| 76 | import NoticeBar from "@/components/NoticeBar/index"; | 74 | import NoticeBar from "@/components/NoticeBar/index"; |
| 77 | import { unClaimTask } from "@/api/ywbl.js"; | 75 | import { unClaimTask } from "@/api/ywbl.js"; |
| ... | @@ -152,7 +150,7 @@ export default { | ... | @@ -152,7 +150,7 @@ export default { |
| 152 | arr[index].value=item.id | 150 | arr[index].value=item.id |
| 153 | }) | 151 | }) |
| 154 | this.tabList=this.tabdata | 152 | this.tabList=this.tabdata |
| 155 | console.log("登记簿列表",this.tabList); | 153 | //console.log("登记簿列表",this.tabList); |
| 156 | }, 200) | 154 | }, 200) |
| 157 | 155 | ||
| 158 | }, | 156 | }, |
| ... | @@ -202,12 +200,6 @@ export default { | ... | @@ -202,12 +200,6 @@ export default { |
| 202 | }, | 200 | }, |
| 203 | //切换选项卡内容组件 | 201 | //切换选项卡内容组件 |
| 204 | getFromRouter (tabname) { | 202 | getFromRouter (tabname) { |
| 205 | // for (let item of this.tabList) { | ||
| 206 | // if (item.value === tabname) { | ||
| 207 | // this.currentSelectTab = item | ||
| 208 | // break; | ||
| 209 | // } | ||
| 210 | // } | ||
| 211 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); | 203 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); |
| 212 | } | 204 | } |
| 213 | }, | 205 | }, | ... | ... |
-
Please register or sign in to post a comment