style;权利人
Showing
9 changed files
with
28 additions
and
49 deletions
... | @@ -27,25 +27,25 @@ | ... | @@ -27,25 +27,25 @@ |
27 | </div> | 27 | </div> |
28 | <!-- 表格 --> | 28 | <!-- 表格 --> |
29 | <div class="from-clues-content"> | 29 | <div class="from-clues-content"> |
30 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total" | 30 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" |
31 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 31 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" |
32 | :data="tableData.data"> | 32 | :data="tableData.data"> |
33 | </lb-table> | 33 | </lb-table> |
34 | </div> | 34 | </div> |
35 | <addDialog ref="addDialog" v-model="addDialog" :editFlag="editFlag"/> | 35 | <addDialog ref="addDialog" v-model="addDialog" :editFlag="editFlag" /> |
36 | <retrieveDialog ref="retrieveDialog" v-model="retrieveDialog"/> | 36 | <retrieveDialog ref="retrieveDialog" v-model="retrieveDialog" /> |
37 | </div> | 37 | </div> |
38 | </template> | 38 | </template> |
39 | <script> | 39 | <script> |
40 | import { mapGetters } from 'vuex' | 40 | import { mapGetters } from 'vuex' |
41 | import table from "@/utils/mixin/table" | 41 | import table from "@/utils/mixin/table" |
42 | import { datas, sendThis } from "./ptjkdata" | 42 | import { datas, sendThis } from "./ptjkdata" |
43 | import { getSysInterfaceList} from '@/api/jkfw' | 43 | import { getSysInterfaceList } from '@/api/jkfw' |
44 | import addDialog from "./components/addDialog.vue" | 44 | import addDialog from "./components/addDialog.vue" |
45 | import retrieveDialog from "./components/retrieveDialog.vue" | 45 | import retrieveDialog from "./components/retrieveDialog.vue" |
46 | export default { | 46 | export default { |
47 | name: "ptjk", | 47 | name: "ptjk", |
48 | components: { addDialog,retrieveDialog }, | 48 | components: { addDialog, retrieveDialog }, |
49 | mixins: [table], | 49 | mixins: [table], |
50 | mounted () { | 50 | mounted () { |
51 | sendThis(this); | 51 | sendThis(this); |
... | @@ -73,11 +73,11 @@ export default { | ... | @@ -73,11 +73,11 @@ export default { |
73 | }; | 73 | }; |
74 | }, | 74 | }, |
75 | methods: { | 75 | methods: { |
76 | queryClick(){ | 76 | queryClick () { |
77 | this.$startLoading() | 77 | this.$startLoading() |
78 | getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => { | 78 | getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => { |
79 | this.$endLoading() | 79 | this.$endLoading() |
80 | if(res.code == 200){ | 80 | if (res.code == 200) { |
81 | let { total, records } = res.result | 81 | let { total, records } = res.result |
82 | this.tableData.total = total; | 82 | this.tableData.total = total; |
83 | this.tableData.data = records ? records : [] | 83 | this.tableData.data = records ? records : [] |
... | @@ -85,18 +85,18 @@ export default { | ... | @@ -85,18 +85,18 @@ export default { |
85 | }) | 85 | }) |
86 | }, | 86 | }, |
87 | //打开新增 | 87 | //打开新增 |
88 | openDialog(){ | 88 | openDialog () { |
89 | this.editFlag = false; | 89 | this.editFlag = false; |
90 | this.addDialog = true; | 90 | this.addDialog = true; |
91 | }, | 91 | }, |
92 | //打开编辑 | 92 | //打开编辑 |
93 | editInterface(item){ | 93 | editInterface (item) { |
94 | this.editFlag = true; | 94 | this.editFlag = true; |
95 | this.addDialog = true; | 95 | this.addDialog = true; |
96 | this.$refs.addDialog.getDetailInfo(item); | 96 | this.$refs.addDialog.getDetailInfo(item); |
97 | }, | 97 | }, |
98 | //打开调试窗口 | 98 | //打开调试窗口 |
99 | tuneInterface(item){ | 99 | tuneInterface (item) { |
100 | this.retrieveDialog = true; | 100 | this.retrieveDialog = true; |
101 | this.$refs.retrieveDialog.getDetailInfo(item); | 101 | this.$refs.retrieveDialog.getDetailInfo(item); |
102 | } | 102 | } | ... | ... |
... | @@ -133,7 +133,8 @@ | ... | @@ -133,7 +133,8 @@ |
133 | <el-row :gutter="10"> | 133 | <el-row :gutter="10"> |
134 | <el-col :span="14" v-if="ruleForm.qlxx"> | 134 | <el-col :span="14" v-if="ruleForm.qlxx"> |
135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | 135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> |
136 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" v-model="ruleForm.slywxx.gyfs"> | 136 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" |
137 | v-model="ruleForm.slywxx.gyfs"> | ||
137 | <el-radio label="0">单独所有</el-radio> | 138 | <el-radio label="0">单独所有</el-radio> |
138 | <el-radio label="1">共同共有</el-radio> | 139 | <el-radio label="1">共同共有</el-radio> |
139 | <el-radio label="2">按份所有</el-radio> | 140 | <el-radio label="2">按份所有</el-radio> |
... | @@ -273,7 +274,6 @@ export default { | ... | @@ -273,7 +274,6 @@ export default { |
273 | display: flex; | 274 | display: flex; |
274 | flex-direction: column; | 275 | flex-direction: column; |
275 | height: calc(100vh - 130px); | 276 | height: calc(100vh - 130px); |
276 | background-color: aqua; | ||
277 | } | 277 | } |
278 | 278 | ||
279 | /deep/.el-form-item__label { | 279 | /deep/.el-form-item__label { | ... | ... |
... | @@ -299,7 +299,6 @@ export default { | ... | @@ -299,7 +299,6 @@ export default { |
299 | display: flex; | 299 | display: flex; |
300 | flex-direction: column; | 300 | flex-direction: column; |
301 | height: calc(100vh - 130px); | 301 | height: calc(100vh - 130px); |
302 | background-color: aqua; | ||
303 | } | 302 | } |
304 | 303 | ||
305 | /deep/.el-form-item__label { | 304 | /deep/.el-form-item__label { | ... | ... |
... | @@ -271,7 +271,6 @@ export default { | ... | @@ -271,7 +271,6 @@ export default { |
271 | display: flex; | 271 | display: flex; |
272 | flex-direction: column; | 272 | flex-direction: column; |
273 | height: calc(100vh - 130px); | 273 | height: calc(100vh - 130px); |
274 | background-color: aqua; | ||
275 | } | 274 | } |
276 | 275 | ||
277 | /deep/.el-form-item__label { | 276 | /deep/.el-form-item__label { | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 受理信息 --> | 2 | <!-- 受理信息 --> |
3 | <div class="slxx"> | 3 | <div class="slxx"> |
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 4 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" |
5 | label-width="120px"> | 5 | :inline="flag" label-width="120px"> |
6 | <div class="slxx_con"> | 6 | <div class="slxx_con" v-if="isShow"> |
7 | <div class="slxx_title title-block"> | 7 | <div class="slxx_title title-block"> |
8 | 受理信息 | 8 | 受理信息 |
9 | <div class="triangle"></div> | 9 | <div class="triangle"></div> |
... | @@ -147,12 +147,12 @@ | ... | @@ -147,12 +147,12 @@ |
147 | </el-row> | 147 | </el-row> |
148 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 148 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
149 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 149 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
150 | <div v-if="ruleForm.ywrList.length > 0"> | 150 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
151 | <div class="slxx_title title-block"> | 151 | <div class="slxx_title title-block"> |
152 | 义务人信息 | 152 | 义务人信息 |
153 | <div class="triangle"></div> | 153 | <div class="triangle"></div> |
154 | </div> | 154 | </div> |
155 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" | 155 | <qlrCommonTable v-if="ruleForm.ywrList" :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" |
156 | :viewtype="$route.query.viewtype" /> | 156 | :viewtype="$route.query.viewtype" /> |
157 | </div> | 157 | </div> |
158 | 158 | ||
... | @@ -183,45 +183,28 @@ import { mapGetters } from "vuex" | ... | @@ -183,45 +183,28 @@ import { mapGetters } from "vuex" |
183 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" | 183 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" |
184 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 184 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
185 | export default { | 185 | export default { |
186 | created () { | 186 | mounted () { |
187 | this.propsParam = this.$attrs; | 187 | this.propsParam = this.$attrs; |
188 | var formdata = new FormData(); | 188 | var formdata = new FormData(); |
189 | let that = this | ||
190 | this.$startLoading(); | ||
189 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 191 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
190 | formdata.append("djlx", this.propsParam.djlx); | 192 | formdata.append("djlx", this.propsParam.djlx); |
191 | Init(formdata).then((res) => { | 193 | Init(formdata).then((res) => { |
192 | this.ruleForm = res.result; | 194 | this.$nextTick(() => { |
193 | if (res.code === 200) { | 195 | that.ruleForm = res.result; |
194 | this.$store.dispatch('slxx/setQlrxxOld', { | 196 | that.$endLoading(); |
195 | qlrxx: this.ruleForm.qlrxx, | 197 | that.isShow = true |
196 | fj: this.ruleForm.fj, | ||
197 | gyfs: this.ruleForm.gyfs, | ||
198 | djyy: this.ruleForm.djyy | ||
199 | }) | 198 | }) |
200 | } | ||
201 | else { | ||
202 | this.$alert(res.message, '提示'); | ||
203 | } | ||
204 | }) | 199 | }) |
205 | }, | 200 | }, |
206 | components: { qlrCommonTable }, | 201 | components: { qlrCommonTable }, |
207 | computed: { | 202 | computed: { |
208 | ...mapGetters(["dictData", "flag"]) | 203 | ...mapGetters(["dictData", "flag"]) |
209 | }, | 204 | }, |
210 | watch: { | ||
211 | ruleForm: { | ||
212 | handler: function (newValue) { | ||
213 | this.$store.dispatch('slxx/setQlrxxNew', { | ||
214 | qlrxx: this.ruleForm.qlrxx, | ||
215 | fj: this.ruleForm.fj, | ||
216 | gyfs: this.ruleForm.gyfs, | ||
217 | djyy: this.ruleForm.djyy | ||
218 | }) | ||
219 | }, | ||
220 | deep: true | ||
221 | } | ||
222 | }, | ||
223 | data () { | 205 | data () { |
224 | return { | 206 | return { |
207 | isShow: false, | ||
225 | disabled: true, | 208 | disabled: true, |
226 | czrOptions: [], | 209 | czrOptions: [], |
227 | ruleForm: {}, | 210 | ruleForm: {}, |
... | @@ -233,11 +216,11 @@ export default { | ... | @@ -233,11 +216,11 @@ export default { |
233 | methods: { | 216 | methods: { |
234 | // 更新权利人信息 | 217 | // 更新权利人信息 |
235 | upDateQlrxxList (val) { | 218 | upDateQlrxxList (val) { |
236 | this.ruleForm.qlrList = _.cloneDeep(val); | 219 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) |
237 | }, | 220 | }, |
238 | // 更新义务人信息 | 221 | // 更新义务人信息 |
239 | upDateYwrxxList (val) { | 222 | upDateYwrxxList (val) { |
240 | this.ruleForm.ywrList = _.cloneDeep(val); | 223 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)) |
241 | }, | 224 | }, |
242 | onSubmit () { | 225 | onSubmit () { |
243 | saveData(this.ruleForm).then((res) => { | 226 | saveData(this.ruleForm).then((res) => { | ... | ... |
... | @@ -240,7 +240,6 @@ export default { | ... | @@ -240,7 +240,6 @@ export default { |
240 | display: flex; | 240 | display: flex; |
241 | flex-direction: column; | 241 | flex-direction: column; |
242 | height: calc(100vh - 130px); | 242 | height: calc(100vh - 130px); |
243 | background-color: aqua; | ||
244 | } | 243 | } |
245 | 244 | ||
246 | /deep/.el-form-item__label { | 245 | /deep/.el-form-item__label { | ... | ... |
... | @@ -252,7 +252,6 @@ export default { | ... | @@ -252,7 +252,6 @@ export default { |
252 | display: flex; | 252 | display: flex; |
253 | flex-direction: column; | 253 | flex-direction: column; |
254 | height: calc(100vh - 130px); | 254 | height: calc(100vh - 130px); |
255 | background-color: aqua; | ||
256 | } | 255 | } |
257 | 256 | ||
258 | /deep/.el-form-item__label { | 257 | /deep/.el-form-item__label { | ... | ... |
-
Please register or sign in to post a comment