Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
24 changed files
with
2115 additions
and
692 deletions
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:13:24 | 4 | * @LastEditTime: 2023-05-17 10:13:24 |
| 5 | */ | 5 | */ |
| ... | @@ -348,7 +348,7 @@ export function selectJsydQlxxSplitMergeBefore (data) { | ... | @@ -348,7 +348,7 @@ export function selectJsydQlxxSplitMergeBefore (data) { |
| 348 | */ | 348 | */ |
| 349 | export function selectFwsyq (data) { | 349 | export function selectFwsyq (data) { |
| 350 | return request({ | 350 | return request({ |
| 351 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectFwsyq', | 351 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectFwsyqQlxx', |
| 352 | method: 'post', | 352 | method: 'post', |
| 353 | data | 353 | data |
| 354 | }) | 354 | }) |
| ... | @@ -394,9 +394,9 @@ export function selectYgdy (data) { | ... | @@ -394,9 +394,9 @@ export function selectYgdy (data) { |
| 394 | * @param data | 394 | * @param data |
| 395 | * @returns {*} | 395 | * @returns {*} |
| 396 | */ | 396 | */ |
| 397 | export function selectAllHInfo (data) { | 397 | export function selectHQjdc (data) { |
| 398 | return request({ | 398 | return request({ |
| 399 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectAllHInfo', | 399 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectHQjdc', |
| 400 | method: 'post', | 400 | method: 'post', |
| 401 | data | 401 | data |
| 402 | }) | 402 | }) | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:57 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clmlmx-box"> | ||
| 8 | <div class="title">申请材料目录</div> | ||
| 9 | <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data"> | ||
| 10 | </lb-table> | ||
| 11 | <div class="text-center"> | ||
| 12 | <el-button @click="$popupCacel">取消</el-button> | ||
| 13 | </div> | ||
| 14 | </div> | ||
| 15 | </template> | ||
| 16 | <script> | ||
| 17 | import store from '@/store/index.js' | ||
| 18 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 19 | export default { | ||
| 20 | props: { | ||
| 21 | formData: { | ||
| 22 | type: Object, | ||
| 23 | default: () => { | ||
| 24 | return {} | ||
| 25 | } | ||
| 26 | } | ||
| 27 | }, | ||
| 28 | data () { | ||
| 29 | return { | ||
| 30 | column: [ | ||
| 31 | { | ||
| 32 | width: "50", | ||
| 33 | label: '序号', | ||
| 34 | type: 'index' | ||
| 35 | }, | ||
| 36 | { | ||
| 37 | prop: "isrequired", | ||
| 38 | label: "是否必选", | ||
| 39 | width: "80", | ||
| 40 | render: (h, scope) => { | ||
| 41 | if (scope.row.sfxjcl === "1") { | ||
| 42 | return ( | ||
| 43 | <div> | ||
| 44 | <span>可选</span> | ||
| 45 | </div> | ||
| 46 | ); | ||
| 47 | } | ||
| 48 | else { | ||
| 49 | return ( | ||
| 50 | <div> | ||
| 51 | <span>必选</span> | ||
| 52 | </div> | ||
| 53 | ); | ||
| 54 | } | ||
| 55 | }, | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | prop: "sjmc", | ||
| 59 | label: "材料名称", | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | prop: "sjlx", | ||
| 63 | label: "材料类型", | ||
| 64 | width: "80", | ||
| 65 | render: (h, scope) => { | ||
| 66 | return ( | ||
| 67 | <div> | ||
| 68 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 69 | </div> | ||
| 70 | ); | ||
| 71 | }, | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "sjsl", | ||
| 75 | label: "份数", | ||
| 76 | width: "50" | ||
| 77 | }, | ||
| 78 | { | ||
| 79 | prop: "smzt", | ||
| 80 | label: "扫描状态", | ||
| 81 | width: "80", | ||
| 82 | render: (h, scope) => { | ||
| 83 | if (scope.row.children && scope.row.children.length > 0) { | ||
| 84 | return ( | ||
| 85 | <div> | ||
| 86 | <span>已扫描</span> | ||
| 87 | </div> | ||
| 88 | ); | ||
| 89 | } else { | ||
| 90 | return ( | ||
| 91 | <div> | ||
| 92 | <span>未扫描</span> | ||
| 93 | </div> | ||
| 94 | ); | ||
| 95 | } | ||
| 96 | }, | ||
| 97 | }, | ||
| 98 | { | ||
| 99 | label: "扫描页数", | ||
| 100 | width: "80", | ||
| 101 | render: (h, scope) => { | ||
| 102 | if (scope.row.children && scope.row.children.length > 0) { | ||
| 103 | return ( | ||
| 104 | <div> | ||
| 105 | <span>{scope.row.children.length}</span> | ||
| 106 | </div> | ||
| 107 | ); | ||
| 108 | } else { | ||
| 109 | return ( | ||
| 110 | <div> | ||
| 111 | <span>0</span> | ||
| 112 | </div> | ||
| 113 | ); | ||
| 114 | } | ||
| 115 | }, | ||
| 116 | }, | ||
| 117 | { | ||
| 118 | label: "操作", | ||
| 119 | width: "80", | ||
| 120 | render: (h, scope) => { | ||
| 121 | return ( | ||
| 122 | <div> | ||
| 123 | <el-button | ||
| 124 | type="text" | ||
| 125 | disabled={scope.$index == 0} | ||
| 126 | onClick={() => { | ||
| 127 | this.moveUpward(scope.$index, scope.row); | ||
| 128 | }} | ||
| 129 | > | ||
| 130 | 上移 | ||
| 131 | </el-button> | ||
| 132 | <el-button | ||
| 133 | type="text" | ||
| 134 | disabled={scope.$index + 1 == this.tableData.length} | ||
| 135 | onClick={() => { | ||
| 136 | this.moveDown(scope.$index, scope.row); | ||
| 137 | }} | ||
| 138 | > | ||
| 139 | 下移 | ||
| 140 | </el-button> | ||
| 141 | </div> | ||
| 142 | ); | ||
| 143 | }, | ||
| 144 | }, | ||
| 145 | ], | ||
| 146 | key: 0, | ||
| 147 | tableData: [] | ||
| 148 | } | ||
| 149 | }, | ||
| 150 | created () { | ||
| 151 | console.log(this.formData.data, 'formData'); | ||
| 152 | }, | ||
| 153 | methods: { | ||
| 154 | // 材料目录明细初始化 | ||
| 155 | clmlInitList () { | ||
| 156 | return new Promise(resolve => { | ||
| 157 | this.unitData = this.$parent.unitData; | ||
| 158 | var formdata = new FormData(); | ||
| 159 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 160 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
| 161 | InitClml(formdata).then((res) => { | ||
| 162 | if (res.code == 200) { | ||
| 163 | resolve(res.code) | ||
| 164 | if (res.result && res.result.length > 0) { | ||
| 165 | this.data = res.result; | ||
| 166 | } else { | ||
| 167 | this.data = [] | ||
| 168 | } | ||
| 169 | } else { | ||
| 170 | this.$message.error(res.message) | ||
| 171 | } | ||
| 172 | }) | ||
| 173 | }) | ||
| 174 | }, | ||
| 175 | // 上移 | ||
| 176 | moveUpward (index, row) { | ||
| 177 | let obj = { | ||
| 178 | xh: row.xh, | ||
| 179 | bsmSlsq: row.bsmSlsq, | ||
| 180 | moveDirection: "UP", | ||
| 181 | }; | ||
| 182 | // 接口待调 | ||
| 183 | moveClml(obj).then(async (res) => { | ||
| 184 | if (res.code == 200) { | ||
| 185 | let res = await this.clmlInitList() | ||
| 186 | if (res == 200) { | ||
| 187 | this.$message({ | ||
| 188 | message: '上移成功', | ||
| 189 | type: 'success' | ||
| 190 | }) | ||
| 191 | this.$parent.setTableData(this.data) | ||
| 192 | } | ||
| 193 | } else { | ||
| 194 | this.$message.error(res.message); | ||
| 195 | } | ||
| 196 | }) | ||
| 197 | }, | ||
| 198 | // 下移 | ||
| 199 | moveDown (index, row) { | ||
| 200 | let obj = { | ||
| 201 | xh: row.xh, | ||
| 202 | bsmSlsq: row.bsmSlsq, | ||
| 203 | moveDirection: "DOWN", | ||
| 204 | } | ||
| 205 | // 接口待调 | ||
| 206 | moveClml(obj).then(async (res) => { | ||
| 207 | if (res.code == 200) { | ||
| 208 | let res = await this.clmlInitList() | ||
| 209 | if (res == 200) { | ||
| 210 | this.$message({ | ||
| 211 | message: '下移成功', | ||
| 212 | type: 'success' | ||
| 213 | }) | ||
| 214 | } | ||
| 215 | } else { | ||
| 216 | this.$message.error(res.message); | ||
| 217 | } | ||
| 218 | }) | ||
| 219 | }, | ||
| 220 | // 材料目录删除 | ||
| 221 | handleDelete (index, row) { | ||
| 222 | let that = this | ||
| 223 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 224 | confirmButtonText: '确定', | ||
| 225 | cancelButtonText: '取消', | ||
| 226 | type: 'warning' | ||
| 227 | }).then(() => { | ||
| 228 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
| 229 | if (res.code == 200) { | ||
| 230 | let res = await that.clmlInitList() | ||
| 231 | if (res == 200) { | ||
| 232 | that.$message({ | ||
| 233 | message: "删除成功", | ||
| 234 | type: "success", | ||
| 235 | }) | ||
| 236 | // this.$parent.setTableData(this.data) | ||
| 237 | } | ||
| 238 | } | ||
| 239 | }) | ||
| 240 | }).catch(() => { | ||
| 241 | this.$message({ | ||
| 242 | type: 'info', | ||
| 243 | message: '已取消删除' | ||
| 244 | }) | ||
| 245 | }) | ||
| 246 | }, | ||
| 247 | // 字典 | ||
| 248 | dicStatus (val, code) { | ||
| 249 | let data = store.getters.dictData[code], | ||
| 250 | name = "暂无"; | ||
| 251 | if (data) { | ||
| 252 | data.map((item) => { | ||
| 253 | if (item.dcode == val) { | ||
| 254 | name = item.dname; | ||
| 255 | } | ||
| 256 | }); | ||
| 257 | return name; | ||
| 258 | } | ||
| 259 | } | ||
| 260 | } | ||
| 261 | } | ||
| 262 | </script> | ||
| 263 | <style scoped lang='scss'> | ||
| 264 | @import "~@/styles/mixin.scss"; | ||
| 265 | .clmlmx-box { | ||
| 266 | margin: 0 auto; | ||
| 267 | |||
| 268 | .title { | ||
| 269 | text-align: center; | ||
| 270 | height: 60px; | ||
| 271 | line-height: 60px; | ||
| 272 | border: 1px solid #dfe6ec; | ||
| 273 | font-size: 20px; | ||
| 274 | background: #81d3f81a; | ||
| 275 | margin-bottom: -1px; | ||
| 276 | } | ||
| 277 | } | ||
| 278 | </style> |
| 1 | <template> | ||
| 2 | <div class="jtfccx-edit"> | ||
| 3 | <div class="jtfccx-edit-con"> | ||
| 4 | <el-form ref="form" :model="form" label-width="160px"> | ||
| 5 | <el-row> | ||
| 6 | <el-col :span="8"> | ||
| 7 | <el-form-item label="权属状态" label-width="140px"> | ||
| 8 | <el-select v-model="form.qszt"> | ||
| 9 | <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value"> | ||
| 10 | </el-option> | ||
| 11 | </el-select> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | <el-col :span="8"> | ||
| 15 | <el-form-item label="权利类型" label-width="140px"> | ||
| 16 | <el-input v-model="form.qllxmc" ></el-input> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item label="登记类型" label-width="140px"> | ||
| 21 | <el-input v-model="form.djlxmc" ></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="上手业务号" label-width="140px"> | ||
| 26 | <el-input v-model="form.ssywh" ></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="档案号" label-width="140px"> | ||
| 31 | <el-input v-model="form.dah" ></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="业务号" label-width="140px"> | ||
| 36 | <el-input v-model="form.ywh" ></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item label="不动产单元号" label-width="140px"> | ||
| 41 | <el-input v-model="form.bdcdyh" ></el-input> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="8"> | ||
| 45 | <el-form-item label="坐落" label-width="140px"> | ||
| 46 | <el-input v-model="form.zl" ></el-input> | ||
| 47 | </el-form-item> | ||
| 48 | </el-col> | ||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item label="共有情况" label-width="140px"> | ||
| 51 | <el-input v-model="form.gyqk" ></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item label="权利人类型" label-width="140px"> | ||
| 56 | <el-input v-model="form.qlrlx" ></el-input> | ||
| 57 | </el-form-item> | ||
| 58 | </el-col> | ||
| 59 | <el-col :span="8"> | ||
| 60 | <el-form-item label="权利人" label-width="140px"> | ||
| 61 | <el-input v-model="form.qlrmc" ></el-input> | ||
| 62 | </el-form-item> | ||
| 63 | </el-col> | ||
| 64 | <el-col :span="8"> | ||
| 65 | <el-form-item label="证件种类" label-width="140px"> | ||
| 66 | <el-input v-model="form.qlrzjzl" ></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | <el-col :span="8"> | ||
| 70 | <el-form-item label="证件号" label-width="140px"> | ||
| 71 | <el-input v-model="form.qlrzjhm" ></el-input> | ||
| 72 | </el-form-item> | ||
| 73 | </el-col> | ||
| 74 | <el-col :span="8"> | ||
| 75 | <el-form-item label="土地使用权人" label-width="140px"> | ||
| 76 | <el-input v-model="form.tdsyqr" ></el-input> | ||
| 77 | </el-form-item> | ||
| 78 | </el-col> | ||
| 79 | <el-col :span="8"> | ||
| 80 | <el-form-item label="独用土地面积(m²)" label-width="140px"> | ||
| 81 | <el-input v-model="form.dytdmj" ></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | <el-col :span="8"> | ||
| 85 | <el-form-item label="分摊土地面积(m²)" label-width="140px"> | ||
| 86 | <el-input v-model="form.fttdmj" ></el-input> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | <el-col :span="8"> | ||
| 90 | <el-form-item label="使用权起止时间" label-width="140px"> | ||
| 91 | <el-input v-model="form.syqqzsj" ></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | <el-col :span="8"> | ||
| 95 | <el-form-item label="土地使用期限" label-width="140px"> | ||
| 96 | <el-input v-model="form.tdsyqx" ></el-input> | ||
| 97 | </el-form-item> | ||
| 98 | </el-col> | ||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item label="房地产交易价格(万元)" label-width="140px"> | ||
| 101 | <el-input v-model="form.fdcjyjg" ></el-input> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | <el-col :span="8"> | ||
| 105 | <el-form-item label="规划用途" label-width="140px"> | ||
| 106 | <el-input v-model="form.ytmc" ></el-input> | ||
| 107 | </el-form-item> | ||
| 108 | </el-col> | ||
| 109 | <el-col :span="8"> | ||
| 110 | <el-form-item label="房屋性质" label-width="140px"> | ||
| 111 | <el-input v-model="form.fwxzmc" ></el-input> | ||
| 112 | </el-form-item> | ||
| 113 | </el-col> | ||
| 114 | <el-col :span="8"> | ||
| 115 | <el-form-item label="房屋结构" label-width="140px"> | ||
| 116 | <el-input v-model="form.fwjgmc" ></el-input> | ||
| 117 | </el-form-item> | ||
| 118 | </el-col> | ||
| 119 | <el-col :span="8"> | ||
| 120 | <el-form-item label="所在层" label-width="140px"> | ||
| 121 | <el-input v-model="form.szc" ></el-input> | ||
| 122 | </el-form-item> | ||
| 123 | </el-col> | ||
| 124 | <el-col :span="8"> | ||
| 125 | <el-form-item label="总层数" label-width="140px"> | ||
| 126 | <el-input v-model="form.fj" ></el-input> | ||
| 127 | </el-form-item> | ||
| 128 | </el-col> | ||
| 129 | <el-col :span="8"> | ||
| 130 | <el-form-item label="建筑面积（m2）" label-width="140px"> | ||
| 131 | <el-input v-model="form.mj" ></el-input> | ||
| 132 | </el-form-item> | ||
| 133 | </el-col> | ||
| 134 | <el-col :span="8"> | ||
| 135 | <el-form-item label="专有建筑面积（m2）" label-width="140px"> | ||
| 136 | <el-input v-model="form.zyjzmj" ></el-input> | ||
| 137 | </el-form-item> | ||
| 138 | </el-col> | ||
| 139 | <el-col :span="8"> | ||
| 140 | <el-form-item label="分摊建筑面积（m2）" label-width="140px"> | ||
| 141 | <el-input v-model="form.jgsj" ></el-input> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | <el-col :span="8"> | ||
| 145 | <el-form-item label="登记原因" label-width="140px"> | ||
| 146 | <el-input v-model="form.djyy" ></el-input> | ||
| 147 | </el-form-item> | ||
| 148 | </el-col> | ||
| 149 | <el-col :span="8"> | ||
| 150 | <el-form-item label="不动产权证号" label-width="140px"> | ||
| 151 | <el-input v-model="form.bdcqzh" ></el-input> | ||
| 152 | </el-form-item> | ||
| 153 | </el-col> | ||
| 154 | <el-col :span="8"> | ||
| 155 | <el-form-item label="登记时间" label-width="140px"> | ||
| 156 | <el-input v-model="form.djsj" ></el-input> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | <el-col :span="8"> | ||
| 160 | <el-form-item label="登簿人" label-width="140px"> | ||
| 161 | <el-input v-model="form.dbr" ></el-input> | ||
| 162 | </el-form-item> | ||
| 163 | </el-col> | ||
| 164 | <el-col :span="8"> | ||
| 165 | <el-form-item label="附记" label-width="140px"> | ||
| 166 | <el-input v-model="form.fj" ></el-input> | ||
| 167 | </el-form-item> | ||
| 168 | </el-col> | ||
| 169 | <el-col :span="8"> | ||
| 170 | <el-form-item label="总层数" label-width="140px"> | ||
| 171 | <el-input v-model="form.fj" ></el-input> | ||
| 172 | </el-form-item> | ||
| 173 | </el-col> | ||
| 174 | </el-row> | ||
| 175 | <el-form-item class="btn"> | ||
| 176 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 177 | <el-button @click="closeDialog">取消</el-button> | ||
| 178 | </el-form-item> | ||
| 179 | </el-form> | ||
| 180 | |||
| 181 | </div> | ||
| 182 | |||
| 183 | </div> | ||
| 184 | </template> | ||
| 185 | <script> | ||
| 186 | export default { | ||
| 187 | props: { | ||
| 188 | formData: { | ||
| 189 | type: Object, | ||
| 190 | default: () => { }, | ||
| 191 | }, | ||
| 192 | }, | ||
| 193 | data () { | ||
| 194 | return { | ||
| 195 | form:{}, | ||
| 196 | qsztList: [ | ||
| 197 | { | ||
| 198 | value: "0", | ||
| 199 | label: "临时", | ||
| 200 | }, | ||
| 201 | { | ||
| 202 | value: "1", | ||
| 203 | label: "现势", | ||
| 204 | }, | ||
| 205 | { | ||
| 206 | value: "2", | ||
| 207 | label: "历史", | ||
| 208 | }, | ||
| 209 | |||
| 210 | ], | ||
| 211 | label:"", | ||
| 212 | }; | ||
| 213 | }, | ||
| 214 | mounted () { | ||
| 215 | if (this.formData.data) { | ||
| 216 | this.$nextTick(() => { | ||
| 217 | this.form = Object.assign({}, this.formData.data) | ||
| 218 | this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史" | ||
| 219 | }) | ||
| 220 | } | ||
| 221 | }, | ||
| 222 | |||
| 223 | methods: { | ||
| 224 | //新增常用意见 | ||
| 225 | submitForm () { | ||
| 226 | |||
| 227 | this.$refs.form.validate(valid => { | ||
| 228 | if (valid) { | ||
| 229 | // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { | ||
| 230 | // if (res.code == 200) { | ||
| 231 | // this.$message.success("新增成功") | ||
| 232 | // this.closeaddDiglog(); | ||
| 233 | // this.getList() | ||
| 234 | // } else { | ||
| 235 | // this.$message.error(res.message) | ||
| 236 | // } | ||
| 237 | // }) | ||
| 238 | } else { | ||
| 239 | return false; | ||
| 240 | } | ||
| 241 | }); | ||
| 242 | }, | ||
| 243 | closeDialog () { | ||
| 244 | this.$popupCacel() | ||
| 245 | this.$refs['form'].resetFields(); | ||
| 246 | // this.resetTableFields(); | ||
| 247 | } | ||
| 248 | }, | ||
| 249 | }; | ||
| 250 | </script> | ||
| 251 | <style scoped lang="scss"> | ||
| 252 | @import "~@/styles/mixin.scss"; | ||
| 253 | @import "~@/styles/public.scss"; | ||
| 254 | |||
| 255 | |||
| 256 | .jtfccx-edit { | ||
| 257 | @include flex; | ||
| 258 | flex-direction: column; | ||
| 259 | overflow-y: hidden; | ||
| 260 | max-height: 85vh; | ||
| 261 | padding: 0 2px; | ||
| 262 | |||
| 263 | |||
| 264 | .btn{ | ||
| 265 | text-align: center; | ||
| 266 | |||
| 267 | } | ||
| 268 | } | ||
| 269 | </style> |
| 1 | <template> | 1 | <template> |
| 2 | <div class="jtfccx-edit"> | 2 | <div class="from-clues"> |
| 3 | <div class="jtfccx-edit-con"> | 3 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick"> |
| 4 | <el-form ref="form" :model="form" label-width="160px"> | 4 | <el-tab-pane label="受理信息" name="slxx"></el-tab-pane> |
| 5 | <el-row> | 5 | <el-tab-pane |
| 6 | <el-col :span="8"> | 6 | :disabled="isshow" |
| 7 | <el-form-item label="权属状态" label-width="140px"> | 7 | label="审批意见" |
| 8 | <el-select v-model="form.qszt"> | 8 | name="spyj" |
| 9 | <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value"> | 9 | ></el-tab-pane> |
| 10 | </el-option> | 10 | <el-tab-pane |
| 11 | </el-select> | 11 | :disabled="isshow" |
| 12 | </el-form-item> | 12 | label="材料信息" |
| 13 | </el-col> | 13 | name="clxx" |
| 14 | <el-col :span="8" v-for="item in datalist" :key="item.bdcdyh"> | 14 | ></el-tab-pane> |
| 15 | <el-form-item :prop="item.prop" :label="item.label" label-width="140px"> | 15 | </el-tabs> |
| 16 | <el-input v-model="form[item.prop]" ></el-input> | 16 | <div v-if="activeName == 'slxx'"> |
| 17 | </el-form-item> | 17 | <div class="from-clues-header"> |
| 18 | </el-col> | 18 | <el-form ref="form" :model="form" label-width="160px"> |
| 19 | </el-row> | 19 | <el-row> |
| 20 | <el-form-item class="btn"> | 20 | <el-col :span="12"> |
| 21 | <el-button type="primary" @click="submitForm">保存</el-button> | 21 | <el-form-item label="权属状态" label-width="140px"> |
| 22 | <el-button @click="closeDialog">取消</el-button> | 22 | <el-select v-model="form.qszt"> |
| 23 | </el-form-item> | 23 | <el-option |
| 24 | </el-form> | 24 | v-for="item in qsztList" |
| 25 | :key="item.value" | ||
| 26 | :label="item.label" | ||
| 27 | :value="item.value" | ||
| 28 | > | ||
| 29 | </el-option> | ||
| 30 | </el-select> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh"> | ||
| 34 | <el-form-item | ||
| 35 | :prop="item.prop" | ||
| 36 | :label="item.label" | ||
| 37 | label-width="140px" | ||
| 38 | > | ||
| 39 | <el-input v-model="form[item.prop]"></el-input> | ||
| 40 | </el-form-item> | ||
| 41 | </el-col> | ||
| 42 | </el-row> | ||
| 43 | </el-form> | ||
| 44 | <div class="btn"> | ||
| 45 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> | ||
| 46 | <el-button @click="closeDialog">取消</el-button> | ||
| 47 | </div> | ||
| 48 | </div> | ||
| 49 | </div> | ||
| 50 | <div v-if="activeName == 'spyj'"> | ||
| 51 | <div class="from-clues-header spyj"> | ||
| 52 | <div class="box"> | ||
| 53 | <b class="spyj_title">审批表</b> | ||
| 54 | <el-form | ||
| 55 | :model="ruleForm" | ||
| 56 | :rules="rules" | ||
| 57 | ref="ruleForm" | ||
| 58 | label-width="120px" | ||
| 59 | > | ||
| 60 | <div class="spyj_form"> | ||
| 61 | <div class="item_left">初审意见</div> | ||
| 62 | <div class="item_right"> | ||
| 63 | <el-row> | ||
| 64 | <el-col :span="24"> | ||
| 65 | <el-form-item | ||
| 66 | label-width="0" | ||
| 67 | class="opinion_item" | ||
| 68 | prop="shyj" | ||
| 69 | > | ||
| 70 | <el-input | ||
| 71 | type="textarea" | ||
| 72 | :rows="4" | ||
| 73 | class="opinion" | ||
| 74 | placeholder="请输入审批意见" | ||
| 75 | v-model="ruleForm.shyj" | ||
| 76 | ></el-input> | ||
| 77 | </el-form-item> | ||
| 78 | </el-col> | ||
| 79 | </el-row> | ||
| 80 | <el-row> | ||
| 81 | <el-col :span="16"> | ||
| 82 | <el-form-item | ||
| 83 | prop="shryxm" | ||
| 84 | label="审查人" | ||
| 85 | label-width="90px" | ||
| 86 | > | ||
| 87 | <el-input v-model="ruleForm.shr"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item | ||
| 92 | label="审核时间" | ||
| 93 | prop="shjssj" | ||
| 94 | label-width="90px" | ||
| 95 | > | ||
| 96 | <el-input v-model="ruleForm.shsj"></el-input> | ||
| 97 | </el-form-item> | ||
| 98 | </el-col> | ||
| 99 | </el-row> | ||
| 100 | </div> | ||
| 101 | </div> | ||
| 102 | </el-form> | ||
| 103 | <el-form | ||
| 104 | :model="ruleForm" | ||
| 105 | :rules="rules" | ||
| 106 | ref="ruleForm" | ||
| 107 | label-width="120px" | ||
| 108 | > | ||
| 109 | <div class="spyj_form"> | ||
| 110 | <div class="item_left">复审意见</div> | ||
| 111 | <div class="item_right"> | ||
| 112 | <el-row> | ||
| 113 | <el-col :span="24"> | ||
| 114 | <el-form-item | ||
| 115 | label-width="0" | ||
| 116 | class="opinion_item" | ||
| 117 | prop="shyj" | ||
| 118 | > | ||
| 119 | <el-input | ||
| 120 | type="textarea" | ||
| 121 | :rows="4" | ||
| 122 | class="opinion" | ||
| 123 | placeholder="请输入审批意见" | ||
| 124 | v-model="ruleForm.shyj" | ||
| 125 | ></el-input> | ||
| 126 | </el-form-item> | ||
| 127 | </el-col> | ||
| 128 | </el-row> | ||
| 129 | <el-row> | ||
| 130 | <el-col :span="16"> | ||
| 131 | <el-form-item | ||
| 132 | prop="shryxm" | ||
| 133 | label="审查人" | ||
| 134 | label-width="90px" | ||
| 135 | > | ||
| 136 | <el-input v-model="ruleForm.shr"></el-input> | ||
| 137 | </el-form-item> | ||
| 138 | </el-col> | ||
| 139 | <el-col :span="8"> | ||
| 140 | <el-form-item | ||
| 141 | label="审核时间" | ||
| 142 | prop="shjssj" | ||
| 143 | label-width="90px" | ||
| 144 | > | ||
| 145 | <el-input v-model="ruleForm.shsj"></el-input> | ||
| 146 | </el-form-item> | ||
| 147 | </el-col> | ||
| 148 | </el-row> | ||
| 149 | </div> | ||
| 150 | </div> | ||
| 151 | </el-form> | ||
| 152 | <el-form | ||
| 153 | :model="ruleForm" | ||
| 154 | :rules="rules" | ||
| 155 | ref="ruleForm" | ||
| 156 | label-width="120px" | ||
| 157 | > | ||
| 158 | <div class="spyj_form"> | ||
| 159 | <div class="item_left">核定意见</div> | ||
| 160 | <div class="item_right"> | ||
| 161 | <el-row> | ||
| 162 | <el-col :span="24"> | ||
| 163 | <el-form-item | ||
| 164 | label-width="0" | ||
| 165 | class="opinion_item" | ||
| 166 | prop="shyj" | ||
| 167 | > | ||
| 168 | <el-input | ||
| 169 | type="textarea" | ||
| 170 | :rows="4" | ||
| 171 | class="opinion" | ||
| 172 | placeholder="请输入审批意见" | ||
| 173 | v-model="ruleForm.shyj" | ||
| 174 | ></el-input> | ||
| 175 | </el-form-item> | ||
| 176 | </el-col> | ||
| 177 | </el-row> | ||
| 178 | <el-row> | ||
| 179 | <el-col :span="16"> | ||
| 180 | <el-form-item | ||
| 181 | prop="shryxm" | ||
| 182 | label="审查人" | ||
| 183 | label-width="90px" | ||
| 184 | > | ||
| 185 | <el-input v-model="ruleForm.shr"></el-input> | ||
| 186 | </el-form-item> | ||
| 187 | </el-col> | ||
| 188 | <el-col :span="8"> | ||
| 189 | <el-form-item | ||
| 190 | label="审核时间" | ||
| 191 | prop="shjssj" | ||
| 192 | label-width="90px" | ||
| 193 | > | ||
| 194 | <el-input v-model="ruleForm.shsj"></el-input> | ||
| 195 | </el-form-item> | ||
| 196 | </el-col> | ||
| 197 | </el-row> | ||
| 198 | </div> | ||
| 199 | </div> | ||
| 200 | </el-form> | ||
| 25 | 201 | ||
| 202 | </div> | ||
| 203 | <div class="btn"> | ||
| 204 | <el-button type="primary" @click="spyjsubmitForm">保存</el-button> | ||
| 205 | <el-button @click="closeDialog">取消</el-button> | ||
| 206 | </div> | ||
| 207 | </div> | ||
| 26 | </div> | 208 | </div> |
| 209 | <div v-if="activeName == 'clxx'"> | ||
| 210 | <div class="from-clues-header"> | ||
| 211 | <div class="clxx"> | ||
| 212 | <div class="right"> | ||
| 213 | <!-- 材料预览 --> | ||
| 214 | <div class="clyl-box"> | ||
| 215 | <div class="menu-tree"> | ||
| 216 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
| 217 | <div class="item"> | ||
| 218 | 材料目录({{tableData.length}}) | ||
| 219 | <div style="margin-top:10px"> | ||
| 220 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
| 221 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 222 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 223 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 224 | {{ item.sjmc }} | ||
| 225 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
| 226 | </div> | ||
| 227 | </div> | ||
| 228 | </div> | ||
| 229 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button> | ||
| 230 | </div> | ||
| 231 | <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
| 232 | @prevPriview="prevPriview" /> | ||
| 233 | </div> | ||
| 234 | </div> | ||
| 235 | <clxxAddDialog v-model="isDialog" /> | ||
| 236 | </div> | ||
| 237 | <div class="btn"> | ||
| 238 | <el-button type="primary" @click="clxxsubmitForm">保存</el-button> | ||
| 239 | <el-button @click="closeDialog">取消</el-button> | ||
| 240 | </div> | ||
| 27 | 241 | ||
| 242 | </div> | ||
| 243 | </div> | ||
| 28 | </div> | 244 | </div> |
| 29 | </template> | 245 | </template> |
| 30 | <script> | 246 | <script> |
| 247 | import { mapGetters } from "vuex"; | ||
| 248 | import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue"; | ||
| 249 | import imagePreview from '@/views/components/imagePreview.vue' | ||
| 250 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 31 | export default { | 251 | export default { |
| 252 | components: { clxxAddDialog}, | ||
| 32 | props: { | 253 | props: { |
| 33 | formData: { | 254 | formData: { |
| 34 | type: Object, | 255 | type: Object, |
| 35 | default: () => { }, | 256 | default: () => {}, |
| 36 | }, | 257 | }, |
| 37 | }, | 258 | }, |
| 38 | data () { | 259 | data() { |
| 39 | return { | 260 | return { |
| 40 | form:{}, | 261 | activeName: "slxx", |
| 41 | datalist:[], | 262 | form: {}, |
| 42 | qsztList: [ | 263 | datalist: [], |
| 43 | { | 264 | qsztList: [ |
| 44 | value: "0", | ||
| 45 | label: "临时", | ||
| 46 | }, | ||
| 47 | { | 265 | { |
| 48 | value: "1", | 266 | value: "1", |
| 49 | label: "现势", | 267 | label: "现势", |
| ... | @@ -52,51 +270,269 @@ export default { | ... | @@ -52,51 +270,269 @@ export default { |
| 52 | value: "2", | 270 | value: "2", |
| 53 | label: "历史", | 271 | label: "历史", |
| 54 | }, | 272 | }, |
| 273 | ], | ||
| 274 | label: "", | ||
| 275 | isshow: true, | ||
| 276 | |||
| 277 | // 审批 | ||
| 278 | bsmSlsq: "", | ||
| 279 | //刷新值 | ||
| 280 | bestepid: "", | ||
| 281 | ruleForm: {}, | ||
| 282 | rules: { | ||
| 283 | shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }], | ||
| 284 | }, | ||
| 55 | 285 | ||
| 56 | ], | 286 | // 材料 |
| 57 | label:"", | 287 | isDialog: false, |
| 288 | iclass: "", | ||
| 289 | tableData: [], | ||
| 290 | // 材料目录选中 | ||
| 291 | treeCheckIndex: 0, | ||
| 292 | treeCheckId: "", | ||
| 293 | key: 0, | ||
| 294 | tableDatas: [], | ||
| 295 | previewImg: { | ||
| 296 | // 收件标识码 | ||
| 297 | bsmSj: "", | ||
| 298 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 299 | index: 0, | ||
| 300 | selectedIndex: 0, | ||
| 301 | imgList: [], | ||
| 302 | }, | ||
| 58 | }; | 303 | }; |
| 59 | }, | 304 | }, |
| 60 | mounted () { | 305 | computed: { |
| 61 | if (this.formData.data) { | 306 | ...mapGetters(["dictData"]) |
| 62 | this.$nextTick(() => { | 307 | }, |
| 63 | this.form = Object.assign({}, this.formData.data) | 308 | created () { |
| 64 | // this.datalist = Object.assign([], this.formData.datalist) | 309 | this.clmlInitList(1) |
| 65 | this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史" | 310 | }, |
| 66 | }) | 311 | mounted() { |
| 67 | } | 312 | if (this.formData.data) { |
| 68 | // this.datalist = this.formData.datalist | 313 | this.$nextTick(() => { |
| 69 | this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); | 314 | this.form = Object.assign({}, this.formData.data); |
| 70 | this.datalist.shift() | 315 | // this.datalist = Object.assign([], this.formData.datalist) |
| 71 | this.datalist.shift() | 316 | this.form.qszt = |
| 317 | this.form.qszt == "0" | ||
| 318 | ? "临时" | ||
| 319 | : this.form.qszt == "1" | ||
| 320 | ? "现势" | ||
| 321 | : "历史"; | ||
| 322 | }); | ||
| 323 | } | ||
| 72 | 324 | ||
| 325 | // this.datalist = this.formData.datalist | ||
| 326 | this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); | ||
| 327 | this.datalist.shift(); | ||
| 328 | this.datalist.shift(); | ||
| 329 | console.log("this.datalist", this.datalist); | ||
| 73 | }, | 330 | }, |
| 74 | 331 | ||
| 75 | methods: { | 332 | methods: { |
| 76 | //新增常用意见 | 333 | // 受理信息保存 |
| 77 | submitForm () { | 334 | slxxsubmitForm() { |
| 78 | this.$refs.form.validate(valid => { | 335 | this.$refs.form.validate((valid) => { |
| 79 | if (valid) { | 336 | if (valid) { |
| 80 | // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { | 337 | // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { |
| 81 | // if (res.code == 200) { | 338 | // if (res.code == 200) { |
| 82 | // this.$message.success("新增成功") | 339 | // this.$message.success("新增成功") |
| 83 | // this.closeaddDiglog(); | 340 | // this.closeaddDiglog(); |
| 84 | // this.getList() | 341 | // this.getList() |
| 85 | // } else { | 342 | // } else { |
| 86 | // this.$message.error(res.message) | 343 | // this.$message.error(res.message) |
| 87 | // } | 344 | // } |
| 88 | // }) | 345 | // }) |
| 89 | this.$popupCacel() | 346 | } else { |
| 90 | } else { | 347 | return false; |
| 91 | return false; | 348 | } |
| 349 | }); | ||
| 350 | this.isshow = false; | ||
| 351 | }, | ||
| 352 | // 审批意见保存 | ||
| 353 | spyjsubmitForm() { | ||
| 354 | console.log("this.ruleForm",this.ruleForm); | ||
| 355 | // this.ruleForm.bsmSlsq = this.bsmSlsq | ||
| 356 | // this.ruleForm.bestepid = this.bestepid | ||
| 357 | // saveSpyjBySlsq(this.ruleForm).then(res => { | ||
| 358 | // if (res.code === 200) { | ||
| 359 | // this.$message.success("保存成功") | ||
| 360 | // this.refresh += 1 | ||
| 361 | // } else { | ||
| 362 | // this.$message.error(res.message) | ||
| 363 | // } | ||
| 364 | // }) | ||
| 365 | }, | ||
| 366 | |||
| 367 | // 材料信息保存 | ||
| 368 | clxxsubmitForm() {}, | ||
| 369 | closeDialog() { | ||
| 370 | this.$alert("取消后填写内容将被清空", "提示", { | ||
| 371 | confirmButtonText: "确定", | ||
| 372 | callback: (action) => { | ||
| 373 | this.$message({ | ||
| 374 | type: "info", | ||
| 375 | message: "已取消", | ||
| 376 | }); | ||
| 377 | this.$popupCacel(); | ||
| 378 | this.$refs["form"].resetFields(); | ||
| 379 | }, | ||
| 380 | }); | ||
| 381 | |||
| 382 | // this.resetTableFields(); | ||
| 383 | }, | ||
| 384 | handleTabClick() {}, | ||
| 385 | |||
| 386 | //使用常用意见 | ||
| 387 | useOpinion(opinion) { | ||
| 388 | this.ruleForm.shyj = opinion; | ||
| 389 | }, | ||
| 390 | |||
| 391 | |||
| 392 | // 材料上传 | ||
| 393 | // 自动预览 | ||
| 394 | nextPriview () { | ||
| 395 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 396 | this.treeCheckIndex++ | ||
| 397 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 398 | this.previewImg.index = 0 | ||
| 399 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 400 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 401 | } | ||
| 402 | }, | ||
| 403 | prevPriview () { | ||
| 404 | if (this.treeCheckIndex >= 1) { | ||
| 405 | this.treeCheckIndex-- | ||
| 406 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 407 | this.previewImg.index = this.previewImg.imgList.length | ||
| 408 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 409 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 410 | } | ||
| 411 | }, | ||
| 412 | // 材料目录明细初始化 | ||
| 413 | clmlInitList (type) { | ||
| 414 | this.tableData = [] | ||
| 415 | //type 1：列表初始化 2：新增材料 | ||
| 416 | // return new Promise(resolve => { | ||
| 417 | // this.unitData = this.$parent.unitData; | ||
| 418 | // var formdata = new FormData(); | ||
| 419 | // formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 420 | // formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 421 | // InitClml(formdata).then((res) => { | ||
| 422 | // if (res.code == 200) { | ||
| 423 | // resolve(res.code) | ||
| 424 | // if (res.result && res.result.length > 0) { | ||
| 425 | |||
| 426 | // if (type == 1) { | ||
| 427 | // this.treeClick(this.tableData[0], 0); | ||
| 428 | // } else { | ||
| 429 | // //新增材料后刷新列表焦点置于新增的对象上 | ||
| 430 | // this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | ||
| 431 | // } | ||
| 432 | // } | ||
| 433 | // } else { | ||
| 434 | // this.$message.error(res.message) | ||
| 435 | // } | ||
| 436 | // }) | ||
| 437 | // }) | ||
| 438 | }, | ||
| 439 | setChecked (item) { | ||
| 440 | this.treeCheckId = item.bsmSj; | ||
| 441 | this.title = item.sjmc; | ||
| 442 | this.titleYs = 1; | ||
| 443 | this.titleNum = item.children.length; | ||
| 444 | this.previewImg.imgList = item.children; | ||
| 445 | this.previewImg.bsmSj = item.bsmSj; | ||
| 446 | }, | ||
| 447 | updateList (val) { | ||
| 448 | let that = this | ||
| 449 | if (val != null) { //删除最后一张图片时 val=null | ||
| 450 | this.tableData.forEach(item => { | ||
| 451 | if (item.bsmSj === val.bsmSj) { | ||
| 452 | item.children = val.children | ||
| 453 | } | ||
| 454 | }) | ||
| 455 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 456 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 457 | this.previewImg.index = this.previewImg.index - 1 | ||
| 458 | } | ||
| 459 | } else { | ||
| 460 | this.previewImg.imgList = [] | ||
| 461 | this.tableData.forEach((item, index) => { | ||
| 462 | if (this.treeCheckId == item.bsmSj) { | ||
| 463 | item.children = [] | ||
| 464 | that.treeCheckIndex = index | ||
| 465 | } | ||
| 466 | }) | ||
| 467 | } | ||
| 468 | |||
| 469 | }, | ||
| 470 | // 添加材料目录 | ||
| 471 | handleAdd () { | ||
| 472 | console.log("新增"); | ||
| 473 | this.isDialog = true; | ||
| 474 | }, | ||
| 475 | // 新增弹窗保存 | ||
| 476 | addSave (data) { | ||
| 477 | let obj = { | ||
| 478 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 479 | isrequired: "1", | ||
| 480 | sjmc: data.clmc, | ||
| 481 | sjsl: 0, | ||
| 482 | smzt: '', | ||
| 483 | ys: 0, | ||
| 484 | sjlx: data.cllx, | ||
| 485 | sfxjcl: "1", // 是否必选 | ||
| 486 | }; | ||
| 487 | saveClml(obj).then(async (res) => { | ||
| 488 | if (res.code == 200) { | ||
| 489 | let res = await this.clmlInitList(2) | ||
| 490 | if (res == 200) this.$message({ | ||
| 491 | message: "新增成功", | ||
| 492 | type: "success", | ||
| 493 | }) | ||
| 92 | } | 494 | } |
| 93 | }); | 495 | }); |
| 94 | }, | 496 | }, |
| 95 | closeDialog () { | 497 | // 材料目录点击选中 |
| 96 | this.$popupCacel() | 498 | treeClick (item, index) { |
| 97 | this.$refs['form'].resetFields(); | 499 | this.previewImg.index = 0 |
| 98 | // this.resetTableFields(); | 500 | this.treeCheckId = item?.bsmSj |
| 99 | } | 501 | this.treeCheckIndex = index |
| 502 | this.previewImg.imgList = item?.children | ||
| 503 | this.previewImg.bsmSj = item?.bsmSj | ||
| 504 | }, | ||
| 505 | // 小图片点击 | ||
| 506 | imgClick (item, index) { | ||
| 507 | this.showImg = item; | ||
| 508 | this.titleYs = index + 1; | ||
| 509 | }, | ||
| 510 | // 字典 | ||
| 511 | dicStatus (val, code) { | ||
| 512 | let data = this.$store.getters.dictData[code], | ||
| 513 | name = "暂无"; | ||
| 514 | if (data) { | ||
| 515 | data.map((item) => { | ||
| 516 | if (item.dcode == val) { | ||
| 517 | name = item.dname | ||
| 518 | } | ||
| 519 | }); | ||
| 520 | return name | ||
| 521 | } | ||
| 522 | }, | ||
| 523 | //查看明细 | ||
| 524 | viewDetail () { | ||
| 525 | console.log("查看明细"); | ||
| 526 | this.$popupDialog("查看明细", "djbBook/components/clxxDetailDialog", { | ||
| 527 | data: this.tableData | ||
| 528 | }, "60%") | ||
| 529 | }, | ||
| 530 | //设置tableData | ||
| 531 | setTableData (tableData) { | ||
| 532 | this.$nextTick(res => { | ||
| 533 | this.tableData = tableData; | ||
| 534 | }) | ||
| 535 | }, | ||
| 100 | }, | 536 | }, |
| 101 | }; | 537 | }; |
| 102 | </script> | 538 | </script> |
| ... | @@ -104,18 +540,237 @@ export default { | ... | @@ -104,18 +540,237 @@ export default { |
| 104 | @import "~@/styles/mixin.scss"; | 540 | @import "~@/styles/mixin.scss"; |
| 105 | @import "~@/styles/public.scss"; | 541 | @import "~@/styles/public.scss"; |
| 106 | 542 | ||
| 107 | 543 | .from-clues-header { | |
| 108 | .jtfccx-edit { | ||
| 109 | @include flex; | 544 | @include flex; |
| 110 | flex-direction: column; | 545 | flex-direction: column; |
| 111 | overflow-y: hidden; | 546 | overflow-y: hidden; |
| 112 | max-height: 85vh; | 547 | height: 620px; |
| 113 | padding: 0 2px; | 548 | padding: 0 2px; |
| 114 | 549 | ||
| 550 | .btn { | ||
| 551 | margin-top: 40px; | ||
| 552 | margin-bottom: 20px; | ||
| 553 | text-align: center; | ||
| 554 | } | ||
| 555 | } | ||
| 556 | |||
| 557 | // 审批意见样式 | ||
| 558 | |||
| 559 | .spyj { | ||
| 560 | .box { | ||
| 561 | overflow-x: auto; | ||
| 562 | width: 100%; | ||
| 563 | height: 95%; | ||
| 564 | background: #fff; | ||
| 565 | text-align: center; | ||
| 566 | padding: 4px; | ||
| 567 | overflow-y: scroll; | ||
| 568 | padding-top: 20px; | ||
| 569 | padding: 20px 40px; | ||
| 570 | /deep/.el-input__inner { | ||
| 571 | width: 200px; | ||
| 572 | border:none; | ||
| 573 | } | ||
| 574 | } | ||
| 575 | .spyj_title { | ||
| 576 | line-height: 68px; | ||
| 577 | border: 1px solid $borderColor; | ||
| 578 | text-align: center; | ||
| 579 | font-size: 22px; | ||
| 580 | font-weight: 400; | ||
| 581 | background-color: #eceef2; | ||
| 582 | display: block; | ||
| 583 | border-bottom: none; | ||
| 584 | } | ||
| 585 | |||
| 586 | /deep/.el-form-item { | ||
| 587 | margin-bottom: 0; | ||
| 588 | } | ||
| 589 | |||
| 590 | .bottom10 { | ||
| 591 | margin-bottom: 15px; | ||
| 592 | } | ||
| 593 | |||
| 594 | .spyj_form { | ||
| 595 | display: flex; | ||
| 596 | border: 1px solid $borderColor; | ||
| 597 | |||
| 598 | .item_left { | ||
| 599 | width: 150px; | ||
| 600 | background-color: #f8f8fa; | ||
| 601 | color: #606266; | ||
| 602 | display: flex; | ||
| 603 | font-size: 14px; | ||
| 604 | text-indent: 80px; | ||
| 605 | align-items: center; | ||
| 606 | border-right: 1px solid $borderColor; | ||
| 607 | } | ||
| 608 | |||
| 609 | .item_right { | ||
| 610 | flex: 1; | ||
| 611 | width: 100%; | ||
| 612 | |||
| 613 | /deep/.el-form-item__label { | ||
| 614 | background-color: #f8f8fa; | ||
| 615 | } | ||
| 616 | /deep/.el-form-item__content { | ||
| 617 | display: block; | ||
| 618 | text-align: left; | ||
| 619 | text-indent: 10px; | ||
| 620 | } | ||
| 621 | .opinion_item { | ||
| 622 | /deep/.el-form-item__error { | ||
| 623 | margin-top: -16px !important; | ||
| 624 | left: 3px; | ||
| 625 | } | ||
| 626 | |||
| 627 | border-bottom: 1px solid $borderColor; | ||
| 628 | } | ||
| 629 | |||
| 630 | .opinion { | ||
| 631 | position: relative; | ||
| 632 | font-size: 14px; | ||
| 115 | 633 | ||
| 116 | .btn{ | 634 | /deep/.el-textarea__inner { |
| 117 | text-align: center; | 635 | border: none; |
| 636 | } | ||
| 637 | } | ||
| 118 | 638 | ||
| 119 | } | 639 | .opinion_btn { |
| 640 | position: absolute; | ||
| 641 | right: 15px; | ||
| 642 | bottom: 10px; | ||
| 643 | } | ||
| 644 | } | ||
| 645 | } | ||
| 646 | |||
| 647 | .submit_button { | ||
| 648 | text-align: center; | ||
| 649 | margin: 15px 0; | ||
| 650 | } | ||
| 120 | } | 651 | } |
| 652 | |||
| 653 | // 材料信息样式 | ||
| 654 | .active { | ||
| 655 | background: $light-blue !important; | ||
| 656 | color: #fff; | ||
| 657 | } | ||
| 658 | |||
| 659 | .required { | ||
| 660 | font-size: 12px; | ||
| 661 | color: $pink; | ||
| 662 | float: left; | ||
| 663 | } | ||
| 664 | |||
| 665 | .cl_number { | ||
| 666 | float: right; | ||
| 667 | } | ||
| 668 | |||
| 669 | .clxx { | ||
| 670 | width: 100%; | ||
| 671 | display: flex; | ||
| 672 | padding-left: 5px; | ||
| 673 | height: calc(100vh - 125px); | ||
| 674 | |||
| 675 | .left { | ||
| 676 | display: flex; | ||
| 677 | flex-direction: column; | ||
| 678 | justify-content: space-between; | ||
| 679 | |||
| 680 | .item { | ||
| 681 | width: 28px; | ||
| 682 | height: 49%; | ||
| 683 | @include flex-center; | ||
| 684 | background-color: #e4e7ed; | ||
| 685 | border-bottom-right-radius: 10px; | ||
| 686 | padding: 5px; | ||
| 687 | cursor: pointer; | ||
| 688 | transition: all 0.3s; | ||
| 689 | |||
| 690 | &:hover { | ||
| 691 | @extend .active; | ||
| 692 | } | ||
| 693 | } | ||
| 694 | } | ||
| 695 | |||
| 696 | .right { | ||
| 697 | width: 100%; | ||
| 698 | height: 100%; | ||
| 699 | |||
| 700 | .clmlmx-box { | ||
| 701 | margin: 0 auto; | ||
| 702 | |||
| 703 | .title { | ||
| 704 | text-align: center; | ||
| 705 | height: 60px; | ||
| 706 | line-height: 60px; | ||
| 707 | border: 1px solid #dfe6ec; | ||
| 708 | font-size: 20px; | ||
| 709 | background: #81d3f81a; | ||
| 710 | margin-bottom: -1px; | ||
| 711 | } | ||
| 712 | } | ||
| 713 | |||
| 714 | .clyl-box { | ||
| 715 | width: 100%; | ||
| 716 | height: 100%; | ||
| 717 | display: flex; | ||
| 718 | |||
| 719 | .menu-tree { | ||
| 720 | width: 20%; | ||
| 721 | min-width: 160px; | ||
| 722 | height: 100%; | ||
| 723 | margin-right: 10px; | ||
| 724 | border-right: 1px dotted #d9d9d9; | ||
| 725 | padding: 0 15px; | ||
| 726 | |||
| 727 | .item { | ||
| 728 | line-height: 30px; | ||
| 729 | padding-top: 5px; | ||
| 730 | border-bottom: 1px solid #e8e8e8; | ||
| 731 | font-size: 16px; | ||
| 732 | text-align: center; | ||
| 733 | color: $light-blue; | ||
| 734 | |||
| 735 | .itemIcon { | ||
| 736 | float: right; | ||
| 737 | line-height: 60px; | ||
| 738 | cursor: pointer; | ||
| 739 | } | ||
| 740 | |||
| 741 | .child { | ||
| 742 | line-height: 32px; | ||
| 743 | border-bottom: 1px solid #e8e8e8; | ||
| 744 | padding-left: 10px; | ||
| 745 | color: #6b6b6b; | ||
| 746 | cursor: pointer; | ||
| 747 | box-sizing: border-box; | ||
| 748 | border-radius: 6px; | ||
| 749 | line-height: 20px; | ||
| 750 | transition: all 0.3s; | ||
| 751 | padding: 8px 0; | ||
| 752 | } | ||
| 753 | |||
| 754 | .child:hover { | ||
| 755 | color: $light-blue; | ||
| 756 | transform: scale(1.1); | ||
| 757 | } | ||
| 758 | |||
| 759 | .checked { | ||
| 760 | border: 1px solid $light-blue; | ||
| 761 | color: $light-blue; | ||
| 762 | } | ||
| 763 | } | ||
| 764 | } | ||
| 765 | |||
| 766 | .clyl-img { | ||
| 767 | width: 75%; | ||
| 768 | height: 100%; | ||
| 769 | background: #f3f4f7; | ||
| 770 | margin: 0 auto; | ||
| 771 | position: relative; | ||
| 772 | } | ||
| 773 | } | ||
| 774 | } | ||
| 775 | } | ||
| 121 | </style> | 776 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-09 09:20:10 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | ||
| 8 | :isFullscreen="false"> | ||
| 9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> | ||
| 10 | <el-row> | ||
| 11 | <el-col :span="24"> | ||
| 12 | <el-form-item label="材料类型"> | ||
| 13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | ||
| 14 | <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 15 | </el-option> | ||
| 16 | </el-select> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | </el-row> | ||
| 20 | <el-row :gutter="20"> | ||
| 21 | <el-col :span="24"> | ||
| 22 | <el-form-item label="材料名称"> | ||
| 23 | <el-input v-model="ruleForm.clmc"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | </el-row> | ||
| 27 | </el-form> | ||
| 28 | </dialogBox> | ||
| 29 | </template> | ||
| 30 | |||
| 31 | <script> | ||
| 32 | import { mapGetters } from "vuex"; | ||
| 33 | export default { | ||
| 34 | props: { | ||
| 35 | value: { type: Boolean, default: false }, | ||
| 36 | }, | ||
| 37 | data () { | ||
| 38 | return { | ||
| 39 | myValue: this.value, | ||
| 40 | ruleForm: { | ||
| 41 | cllx: "", | ||
| 42 | clmc: "", | ||
| 43 | }, | ||
| 44 | }; | ||
| 45 | }, | ||
| 46 | computed: { | ||
| 47 | ...mapGetters(["dictData"]), | ||
| 48 | }, | ||
| 49 | watch: { | ||
| 50 | value (val) { | ||
| 51 | this.myValue = val; | ||
| 52 | }, | ||
| 53 | }, | ||
| 54 | methods: { | ||
| 55 | closeDialog () { | ||
| 56 | this.$emit("input", false); | ||
| 57 | this.ruleForm = { | ||
| 58 | cllx: "", | ||
| 59 | clmc: "", | ||
| 60 | } | ||
| 61 | }, | ||
| 62 | handleSubmit () { | ||
| 63 | this.$parent.addSave(this.ruleForm); | ||
| 64 | this.ruleForm = { | ||
| 65 | cllx: "", | ||
| 66 | clmc: "", | ||
| 67 | } | ||
| 68 | this.$emit("input", false); | ||
| 69 | }, | ||
| 70 | }, | ||
| 71 | }; | ||
| 72 | </script> | ||
| 73 | <style scoped lang="scss"> | ||
| 74 | .submit-button { | ||
| 75 | text-align: center; | ||
| 76 | height: 52px; | ||
| 77 | padding-top: 10px; | ||
| 78 | background-color: #fff; | ||
| 79 | } | ||
| 80 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:38 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clxx"> | ||
| 8 | <div class="right"> | ||
| 9 | <!-- 材料预览 --> | ||
| 10 | <div class="clyl-box"> | ||
| 11 | <div class="menu-tree"> | ||
| 12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
| 13 | <div class="item"> | ||
| 14 | 材料目录({{tableData.length}}) | ||
| 15 | <div style="margin-top:10px"> | ||
| 16 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
| 17 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 18 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 19 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 20 | {{ item.sjmc }} | ||
| 21 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
| 22 | </div> | ||
| 23 | </div> | ||
| 24 | </div> | ||
| 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> | ||
| 26 | </div> | ||
| 27 | <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
| 28 | @prevPriview="prevPriview" /> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | <clxxAddDialog v-model="isDialog" /> | ||
| 32 | </div> | ||
| 33 | </template> | ||
| 34 | <script> | ||
| 35 | import { mapGetters } from "vuex"; | ||
| 36 | import clxxAddDialog from "./clxxAddDialog.vue"; | ||
| 37 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 38 | export default { | ||
| 39 | components: { clxxAddDialog}, | ||
| 40 | data () { | ||
| 41 | return { | ||
| 42 | isDialog: false, | ||
| 43 | iclass: "", | ||
| 44 | // 材料目录选中 | ||
| 45 | treeCheckIndex: 0, | ||
| 46 | treeCheckId: "", | ||
| 47 | key: 0, | ||
| 48 | tableData: [], | ||
| 49 | previewImg: { | ||
| 50 | // 收件标识码 | ||
| 51 | bsmSj: '', | ||
| 52 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 53 | index: 0, | ||
| 54 | selectedIndex: 0, | ||
| 55 | imgList: [] | ||
| 56 | } | ||
| 57 | } | ||
| 58 | }, | ||
| 59 | computed: { | ||
| 60 | ...mapGetters(["dictData"]) | ||
| 61 | }, | ||
| 62 | created () { | ||
| 63 | this.clmlInitList(1) | ||
| 64 | }, | ||
| 65 | methods: { | ||
| 66 | // 自动预览 | ||
| 67 | nextPriview () { | ||
| 68 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 69 | this.treeCheckIndex++ | ||
| 70 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 71 | this.previewImg.index = 0 | ||
| 72 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 73 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | prevPriview () { | ||
| 77 | if (this.treeCheckIndex >= 1) { | ||
| 78 | this.treeCheckIndex-- | ||
| 79 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 80 | this.previewImg.index = this.previewImg.imgList.length | ||
| 81 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 82 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 83 | } | ||
| 84 | }, | ||
| 85 | // 材料目录明细初始化 | ||
| 86 | clmlInitList (type) { | ||
| 87 | //type 1：列表初始化 2：新增材料 | ||
| 88 | return new Promise(resolve => { | ||
| 89 | this.unitData = this.$parent.unitData; | ||
| 90 | var formdata = new FormData(); | ||
| 91 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 92 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 93 | InitClml(formdata).then((res) => { | ||
| 94 | if (res.code == 200) { | ||
| 95 | resolve(res.code) | ||
| 96 | if (res.result && res.result.length > 0) { | ||
| 97 | this.tableData = res.result; | ||
| 98 | if (type == 1) { | ||
| 99 | this.treeClick(this.tableData[0], 0); | ||
| 100 | } else { | ||
| 101 | //新增材料后刷新列表焦点置于新增的对象上 | ||
| 102 | this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | ||
| 103 | } | ||
| 104 | } | ||
| 105 | } else { | ||
| 106 | this.$message.error(res.message) | ||
| 107 | } | ||
| 108 | }) | ||
| 109 | }) | ||
| 110 | }, | ||
| 111 | setChecked (item) { | ||
| 112 | this.treeCheckId = item.bsmSj; | ||
| 113 | this.title = item.sjmc; | ||
| 114 | this.titleYs = 1; | ||
| 115 | this.titleNum = item.children.length; | ||
| 116 | this.previewImg.imgList = item.children; | ||
| 117 | this.previewImg.bsmSj = item.bsmSj; | ||
| 118 | }, | ||
| 119 | updateList (val) { | ||
| 120 | let that = this | ||
| 121 | if (val != null) { //删除最后一张图片时 val=null | ||
| 122 | this.tableData.forEach(item => { | ||
| 123 | if (item.bsmSj === val.bsmSj) { | ||
| 124 | item.children = val.children | ||
| 125 | } | ||
| 126 | }) | ||
| 127 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 128 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 129 | this.previewImg.index = this.previewImg.index - 1 | ||
| 130 | } | ||
| 131 | } else { | ||
| 132 | this.previewImg.imgList = [] | ||
| 133 | this.tableData.forEach((item, index) => { | ||
| 134 | if (this.treeCheckId == item.bsmSj) { | ||
| 135 | item.children = [] | ||
| 136 | that.treeCheckIndex = index | ||
| 137 | } | ||
| 138 | }) | ||
| 139 | } | ||
| 140 | |||
| 141 | }, | ||
| 142 | // 添加材料目录 | ||
| 143 | handleAdd () { | ||
| 144 | this.isDialog = true; | ||
| 145 | }, | ||
| 146 | // 新增弹窗保存 | ||
| 147 | addSave (data) { | ||
| 148 | let obj = { | ||
| 149 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 150 | isrequired: "1", | ||
| 151 | sjmc: data.clmc, | ||
| 152 | sjsl: 0, | ||
| 153 | smzt: '', | ||
| 154 | ys: 0, | ||
| 155 | sjlx: data.cllx, | ||
| 156 | sfxjcl: "1", // 是否必选 | ||
| 157 | }; | ||
| 158 | saveClml(obj).then(async (res) => { | ||
| 159 | if (res.code == 200) { | ||
| 160 | let res = await this.clmlInitList(2) | ||
| 161 | if (res == 200) this.$message({ | ||
| 162 | message: "新增成功", | ||
| 163 | type: "success", | ||
| 164 | }) | ||
| 165 | } | ||
| 166 | }); | ||
| 167 | }, | ||
| 168 | // 材料目录点击选中 | ||
| 169 | treeClick (item, index) { | ||
| 170 | this.previewImg.index = 0 | ||
| 171 | this.treeCheckId = item?.bsmSj | ||
| 172 | this.treeCheckIndex = index | ||
| 173 | this.previewImg.imgList = item?.children | ||
| 174 | this.previewImg.bsmSj = item?.bsmSj | ||
| 175 | }, | ||
| 176 | // 小图片点击 | ||
| 177 | imgClick (item, index) { | ||
| 178 | this.showImg = item; | ||
| 179 | this.titleYs = index + 1; | ||
| 180 | }, | ||
| 181 | // 字典 | ||
| 182 | dicStatus (val, code) { | ||
| 183 | let data = this.$store.getters.dictData[code], | ||
| 184 | name = "暂无"; | ||
| 185 | if (data) { | ||
| 186 | data.map((item) => { | ||
| 187 | if (item.dcode == val) { | ||
| 188 | name = item.dname | ||
| 189 | } | ||
| 190 | }); | ||
| 191 | return name | ||
| 192 | } | ||
| 193 | }, | ||
| 194 | //查看明细 | ||
| 195 | viewDetail () { | ||
| 196 | this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", { | ||
| 197 | data: this.tableData | ||
| 198 | }, "60%") | ||
| 199 | }, | ||
| 200 | //设置tableData | ||
| 201 | setTableData (tableData) { | ||
| 202 | this.$nextTick(res => { | ||
| 203 | this.tableData = tableData; | ||
| 204 | }) | ||
| 205 | }, | ||
| 206 | }, | ||
| 207 | }; | ||
| 208 | </script> | ||
| 209 | <style scoped lang='scss'> | ||
| 210 | @import "~@/styles/mixin.scss"; | ||
| 211 | |||
| 212 | .active { | ||
| 213 | background: $light-blue !important; | ||
| 214 | color: #fff; | ||
| 215 | } | ||
| 216 | |||
| 217 | .required { | ||
| 218 | font-size: 12px; | ||
| 219 | color: $pink; | ||
| 220 | float: left; | ||
| 221 | } | ||
| 222 | |||
| 223 | .cl_number { | ||
| 224 | float: right; | ||
| 225 | } | ||
| 226 | |||
| 227 | .clxx { | ||
| 228 | width: 100%; | ||
| 229 | display: flex; | ||
| 230 | padding-left: 5px; | ||
| 231 | height: calc(100vh - 125px); | ||
| 232 | |||
| 233 | .left { | ||
| 234 | display: flex; | ||
| 235 | flex-direction: column; | ||
| 236 | justify-content: space-between; | ||
| 237 | |||
| 238 | .item { | ||
| 239 | width: 28px; | ||
| 240 | height: 49%; | ||
| 241 | @include flex-center; | ||
| 242 | background-color: #e4e7ed; | ||
| 243 | border-bottom-right-radius: 10px; | ||
| 244 | padding: 5px; | ||
| 245 | cursor: pointer; | ||
| 246 | transition: all 0.3s; | ||
| 247 | |||
| 248 | &:hover { | ||
| 249 | @extend .active; | ||
| 250 | } | ||
| 251 | } | ||
| 252 | } | ||
| 253 | |||
| 254 | .right { | ||
| 255 | width: 100%; | ||
| 256 | height: 100%; | ||
| 257 | |||
| 258 | .clmlmx-box { | ||
| 259 | margin: 0 auto; | ||
| 260 | |||
| 261 | .title { | ||
| 262 | text-align: center; | ||
| 263 | height: 60px; | ||
| 264 | line-height: 60px; | ||
| 265 | border: 1px solid #dfe6ec; | ||
| 266 | font-size: 20px; | ||
| 267 | background: #81d3f81a; | ||
| 268 | margin-bottom: -1px; | ||
| 269 | } | ||
| 270 | } | ||
| 271 | |||
| 272 | .clyl-box { | ||
| 273 | width: 100%; | ||
| 274 | height: 100%; | ||
| 275 | display: flex; | ||
| 276 | |||
| 277 | .menu-tree { | ||
| 278 | width: 20%; | ||
| 279 | min-width: 160px; | ||
| 280 | height: 100%; | ||
| 281 | margin-right: 10px; | ||
| 282 | border-right: 1px dotted #d9d9d9; | ||
| 283 | padding: 0 15px; | ||
| 284 | |||
| 285 | .item { | ||
| 286 | line-height: 30px; | ||
| 287 | padding-top: 5px; | ||
| 288 | border-bottom: 1px solid #e8e8e8; | ||
| 289 | font-size: 16px; | ||
| 290 | text-align: center; | ||
| 291 | color: $light-blue; | ||
| 292 | |||
| 293 | .itemIcon { | ||
| 294 | float: right; | ||
| 295 | line-height: 60px; | ||
| 296 | cursor: pointer; | ||
| 297 | } | ||
| 298 | |||
| 299 | .child { | ||
| 300 | line-height: 32px; | ||
| 301 | border-bottom: 1px solid #e8e8e8; | ||
| 302 | padding-left: 10px; | ||
| 303 | color: #6b6b6b; | ||
| 304 | cursor: pointer; | ||
| 305 | box-sizing: border-box; | ||
| 306 | border-radius: 6px; | ||
| 307 | line-height: 20px; | ||
| 308 | transition: all 0.3s; | ||
| 309 | padding: 8px 0; | ||
| 310 | } | ||
| 311 | |||
| 312 | .child:hover { | ||
| 313 | color: $light-blue; | ||
| 314 | transform: scale(1.1); | ||
| 315 | } | ||
| 316 | |||
| 317 | .checked { | ||
| 318 | border: 1px solid $light-blue; | ||
| 319 | color: $light-blue; | ||
| 320 | } | ||
| 321 | } | ||
| 322 | } | ||
| 323 | |||
| 324 | .clyl-img { | ||
| 325 | width: 75%; | ||
| 326 | height: 100%; | ||
| 327 | background: #f3f4f7; | ||
| 328 | margin: 0 auto; | ||
| 329 | position: relative; | ||
| 330 | } | ||
| 331 | } | ||
| 332 | } | ||
| 333 | } | ||
| 334 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: 功能：审批意见 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:24 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class='spyj loadingtext'> | ||
| 8 | <div class="box"> | ||
| 9 | <b class="spyj_title">审批表</b> | ||
| 10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
| 11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | ||
| 12 | <div class="item_left"> | ||
| 13 | {{ item.jdmc }}意见 | ||
| 14 | </div> | ||
| 15 | <div class="item_right"> | ||
| 16 | <el-row> | ||
| 17 | <el-col :span="24"> | ||
| 18 | <el-form-item label-width="0" class="opinion_item" prop="shyj"> | ||
| 19 | <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" | ||
| 20 | v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input> | ||
| 21 | <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true"> | ||
| 22 | </el-input> | ||
| 23 | <el-button class="opinion_btn" @click="commonOpinion" | ||
| 24 | v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row> | ||
| 29 | <el-col :span="16"> | ||
| 30 | <el-form-item label="审查人" prop="shryxm"> | ||
| 31 | {{ item.shryxm }} | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="审核时间" prop="shjssj" :key="refresh"> | ||
| 36 | {{ item.shjssj }} | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | </div> | ||
| 41 | </div> | ||
| 42 | <div class="submit_button" v-if="ableOperation"> | ||
| 43 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 44 | </div> | ||
| 45 | </el-form> | ||
| 46 | </div> | ||
| 47 | <el-empty v-if="isNoData" description="暂无数据"></el-empty> | ||
| 48 | </div> | ||
| 49 | </template> | ||
| 50 | <script> | ||
| 51 | import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js"; | ||
| 52 | import { mapGetters } from 'vuex' | ||
| 53 | export default { | ||
| 54 | computed: { | ||
| 55 | ...mapGetters(['userData', 'yjsqOptions']) | ||
| 56 | }, | ||
| 57 | data () { | ||
| 58 | return { | ||
| 59 | isNoData: false, | ||
| 60 | bsmSlsq: '', | ||
| 61 | //刷新值 | ||
| 62 | refresh: 10, | ||
| 63 | ableOperation: true, | ||
| 64 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 65 | bestepid: this.$route.query.bestepid, | ||
| 66 | ruleForm: {}, | ||
| 67 | rules: { | ||
| 68 | shyj: [ | ||
| 69 | { required: true, message: '请输入审批意见', trigger: 'blur' } | ||
| 70 | ], | ||
| 71 | }, | ||
| 72 | tableData: [], | ||
| 73 | propsParam: {} | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | watch: { | ||
| 77 | yjsqOptions: { | ||
| 78 | handler (val) { | ||
| 79 | this.ruleForm.shyj = val | ||
| 80 | }, | ||
| 81 | deep: true, | ||
| 82 | immediate: true | ||
| 83 | }, | ||
| 84 | }, | ||
| 85 | mounted () { | ||
| 86 | this.propsParam = this.$attrs; | ||
| 87 | if (this.$route.query.viewtype) { | ||
| 88 | this.ableOperation = false | ||
| 89 | } | ||
| 90 | this.list(); | ||
| 91 | }, | ||
| 92 | methods: { | ||
| 93 | //审批意见数据初始化 | ||
| 94 | list () { | ||
| 95 | let that = this | ||
| 96 | this.$startLoading() | ||
| 97 | var formdata = new FormData(); | ||
| 98 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | ||
| 99 | formdata.append("bestepid", this.$route.query.bestepid); | ||
| 100 | formdata.append("ableOperation", this.ableOperation) | ||
| 101 | getSpyjList(formdata).then((res) => { | ||
| 102 | this.$endLoading() | ||
| 103 | if (res.code === 200 && res.result) { | ||
| 104 | this.tableData = res.result ? res.result : [] | ||
| 105 | if (res.result.length == 0) { | ||
| 106 | that.isNoData = true | ||
| 107 | } | ||
| 108 | this.ruleForm = res.result[res.result.length - 1] | ||
| 109 | } | ||
| 110 | }) | ||
| 111 | }, | ||
| 112 | onSubmit () { | ||
| 113 | this.ruleForm.bsmSlsq = this.bsmSlsq | ||
| 114 | this.ruleForm.bestepid = this.bestepid | ||
| 115 | saveSpyjBySlsq(this.ruleForm).then(res => { | ||
| 116 | if (res.code === 200) { | ||
| 117 | this.$message.success("保存成功") | ||
| 118 | this.refresh += 1 | ||
| 119 | } else { | ||
| 120 | this.$message.error(res.message) | ||
| 121 | } | ||
| 122 | }) | ||
| 123 | }, | ||
| 124 | //打开常用意见列表弹窗 | ||
| 125 | commonOpinion () { | ||
| 126 | this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) | ||
| 127 | }, | ||
| 128 | //使用常用意见 | ||
| 129 | useOpinion (opinion) { | ||
| 130 | this.ruleForm.shyj = opinion | ||
| 131 | } | ||
| 132 | } | ||
| 133 | } | ||
| 134 | </script> | ||
| 135 | <style scoped lang='scss'> | ||
| 136 | @import "~@/styles/mixin.scss"; | ||
| 137 | |||
| 138 | .spyj { | ||
| 139 | width: 100%; | ||
| 140 | height: 100%; | ||
| 141 | background-color: #f5f5f5; | ||
| 142 | padding: 5px; | ||
| 143 | .box { | ||
| 144 | overflow-x: auto; | ||
| 145 | width: 100%; | ||
| 146 | height: 95%; | ||
| 147 | background: #fff; | ||
| 148 | text-align: center; | ||
| 149 | padding: 4px; | ||
| 150 | overflow-y: scroll; | ||
| 151 | padding-top: 20px; | ||
| 152 | padding: 20px 40px; | ||
| 153 | } | ||
| 154 | .spyj_title { | ||
| 155 | line-height: 68px; | ||
| 156 | border: 1px solid $borderColor; | ||
| 157 | text-align: center; | ||
| 158 | font-size: 22px; | ||
| 159 | font-weight: 400; | ||
| 160 | background-color: #eceef2; | ||
| 161 | display: block; | ||
| 162 | border-bottom: none; | ||
| 163 | } | ||
| 164 | |||
| 165 | /deep/.el-form-item { | ||
| 166 | margin-bottom: 0; | ||
| 167 | } | ||
| 168 | |||
| 169 | .bottom10 { | ||
| 170 | margin-bottom: 15px; | ||
| 171 | } | ||
| 172 | |||
| 173 | .spyj_form { | ||
| 174 | display: flex; | ||
| 175 | border: 1px solid $borderColor; | ||
| 176 | |||
| 177 | .item_left { | ||
| 178 | width: 150px; | ||
| 179 | background-color: #f8f8fa; | ||
| 180 | color: #606266; | ||
| 181 | display: flex; | ||
| 182 | font-size: 14px; | ||
| 183 | text-indent: 80px; | ||
| 184 | align-items: center; | ||
| 185 | border-right: 1px solid $borderColor; | ||
| 186 | } | ||
| 187 | |||
| 188 | .item_right { | ||
| 189 | flex: 1; | ||
| 190 | width: 100%; | ||
| 191 | |||
| 192 | /deep/.el-form-item__label { | ||
| 193 | background-color: #f8f8fa; | ||
| 194 | } | ||
| 195 | /deep/.el-form-item__content { | ||
| 196 | display: block; | ||
| 197 | text-align: left; | ||
| 198 | text-indent: 10px; | ||
| 199 | } | ||
| 200 | .opinion_item { | ||
| 201 | /deep/.el-form-item__error { | ||
| 202 | margin-top: -16px !important; | ||
| 203 | left: 3px; | ||
| 204 | } | ||
| 205 | |||
| 206 | border-bottom: 1px solid $borderColor; | ||
| 207 | } | ||
| 208 | |||
| 209 | .opinion { | ||
| 210 | position: relative; | ||
| 211 | font-size: 14px; | ||
| 212 | |||
| 213 | /deep/.el-textarea__inner { | ||
| 214 | border: none; | ||
| 215 | } | ||
| 216 | } | ||
| 217 | |||
| 218 | .opinion_btn { | ||
| 219 | position: absolute; | ||
| 220 | right: 15px; | ||
| 221 | bottom: 10px; | ||
| 222 | } | ||
| 223 | } | ||
| 224 | } | ||
| 225 | |||
| 226 | .submit_button { | ||
| 227 | text-align: center; | ||
| 228 | margin: 15px 0; | ||
| 229 | } | ||
| 230 | } | ||
| 231 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :国有建设用地使用权 | 2 | * @Description :国有建设用地使用权 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-06-02 17:11:35 | 4 | * @LastEditTime : 2023-06-05 15:40:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -78,6 +78,7 @@ | ... | @@ -78,6 +78,7 @@ |
| 78 | }, | 78 | }, |
| 79 | methods: { | 79 | methods: { |
| 80 | loadData () { | 80 | loadData () { |
| 81 | console.log(" this.propsParam", this.propsParam); | ||
| 81 | getJsydsyqList({ | 82 | getJsydsyqList({ |
| 82 | bdcdyid: this.propsParam.bdcdyid, | 83 | bdcdyid: this.propsParam.bdcdyid, |
| 83 | qllx: this.propsParam.qllx, | 84 | qllx: this.propsParam.qllx, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:40:38 | 4 | * @LastEditTime: 2023-05-17 10:40:38 |
| 5 | --> | 5 | --> |
| ... | @@ -335,4 +335,4 @@ | ... | @@ -335,4 +335,4 @@ |
| 335 | } | 335 | } |
| 336 | } | 336 | } |
| 337 | } | 337 | } |
| 338 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 338 | </style> | ... | ... |
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| 8 | <div v-if="this.isShowdrawer"> | 8 | <div v-if="this.isShowdrawer"> |
| 9 | <div class="title"> | 9 | <div class="title"> |
| 10 | 登记簿列表 | 10 | 登记簿补录业务列表 |
| 11 | </div> | 11 | </div> |
| 12 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" | 12 | <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" |
| 13 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> | 13 | :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> |
| ... | @@ -105,10 +105,13 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; | ... | @@ -105,10 +105,13 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; |
| 105 | bdcdyh: this.bdcdyh, | 105 | bdcdyh: this.bdcdyh, |
| 106 | qllx: this.qllx, | 106 | qllx: this.qllx, |
| 107 | bsmQlxx: this.bsmQlxx, | 107 | bsmQlxx: this.bsmQlxx, |
| 108 | bestepid:this.bestepid | ||
| 108 | }; | 109 | }; |
| 109 | // this.$parent.stepForm(); | 110 | // this.$parent.stepForm(); |
| 110 | }, | 111 | }, |
| 111 | handleNodeClick (data, node, elem) { | 112 | handleNodeClick (data, node, elem) { |
| 113 | console.log("this.currentSelectProps",this.currentSelectProps); | ||
| 114 | console.log("data",data); | ||
| 112 | this.$parent.loadComponent(this.currentSelectProps,data); | 115 | this.$parent.loadComponent(this.currentSelectProps,data); |
| 113 | this.$parent.tabset(); | 116 | this.$parent.tabset(); |
| 114 | }, | 117 | }, | ... | ... |
| ... | @@ -105,13 +105,13 @@ | ... | @@ -105,13 +105,13 @@ |
| 105 | </div> | 105 | </div> |
| 106 | </div> | 106 | </div> |
| 107 | <!-- 单元列表页面--> | 107 | <!-- 单元列表页面--> |
| 108 | <selectAllHInfo v-else :sqywInfo="formData" /> | 108 | <selectZrzH v-else :sqywInfo="formData" /> |
| 109 | </div> | 109 | </div> |
| 110 | </template> | 110 | </template> |
| 111 | 111 | ||
| 112 | <script> | 112 | <script> |
| 113 | import lpbContent from "./lpbContent/index"; | 113 | import lpbContent from "./lpbContent/index"; |
| 114 | import selectAllHInfo from "../ywbl/ywsq/components/selectAllHInfo" | 114 | import selectZrzH from "../ywbl/ywsq/components/selectZrzH" |
| 115 | import { getLpbFwytAndQlxz,getLpbQsxtj } from '@/api/lpb' | 115 | import { getLpbFwytAndQlxz,getLpbQsxtj } from '@/api/lpb' |
| 116 | export default { | 116 | export default { |
| 117 | name: "lpb", | 117 | name: "lpb", |
| ... | @@ -123,7 +123,7 @@ export default { | ... | @@ -123,7 +123,7 @@ export default { |
| 123 | }, | 123 | }, |
| 124 | components: { | 124 | components: { |
| 125 | lpbContent, | 125 | lpbContent, |
| 126 | selectAllHInfo | 126 | selectZrzH |
| 127 | }, | 127 | }, |
| 128 | data () { | 128 | data () { |
| 129 | return { | 129 | return { | ... | ... |
| ... | @@ -5,29 +5,31 @@ | ... | @@ -5,29 +5,31 @@ |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
| 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | ||
| 10 | :key="item.value" | ||
| 11 | :label="item.value" | ||
| 12 | >{{ item.label }}</el-checkbox> | ||
| 9 | </el-checkbox-group> | 13 | </el-checkbox-group> |
| 10 | </div> | 14 | </div> |
| 11 | </div> | 15 | </div> |
| 12 | <div class="xxTableBox rollTable"> | 16 | <div class="xxTableBox rollTable"> |
| 13 | <table class="xxTable"> | 17 | <table class="xxTable"> |
| 14 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 18 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 15 | <td> | 19 | <td>{{ item.label }}</td> |
| 16 | {{ item.label }} | 20 | <td |
| 17 | </td> | 21 | v-for="(row, index) in tableData" |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 22 | :key="index" |
| 23 | :class="[ | ||
| 19 | row.qszt == '2' ? 'lishi' : '', | 24 | row.qszt == '2' ? 'lishi' : '', |
| 20 | row.qszt == '0' ? 'linshi' : '', | 25 | row.qszt == '0' ? 'linshi' : '', |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', |
| 22 | ]"> | 27 | ]" |
| 23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 28 | > |
| 24 | 正在办理 | 29 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> |
| 25 | </div> | 30 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
| 26 | <span v-if="item.prop == 'qszt'"> | ||
| 27 | {{ getQsztName(row[item.prop]) }} | ||
| 28 | </span> | ||
| 29 | 31 | ||
| 30 | <span v-else> {{ row[item.prop] }}</span> | 32 | <span v-else>{{ row[item.prop] }}</span> |
| 31 | </td> | 33 | </td> |
| 32 | <td v-for="count in emptycolNum" :key="~count"></td> | 34 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 33 | </tr> | 35 | </tr> |
| ... | @@ -41,7 +43,7 @@ | ... | @@ -41,7 +43,7 @@ |
| 41 | import { getCfdjList } from "@/api/registerBook.js"; | 43 | import { getCfdjList } from "@/api/registerBook.js"; |
| 42 | import { datas } from "./qlxxFormData.js"; | 44 | import { datas } from "./qlxxFormData.js"; |
| 43 | export default { | 45 | export default { |
| 44 | data () { | 46 | data() { |
| 45 | return { | 47 | return { |
| 46 | title: "查封登记信息", | 48 | title: "查封登记信息", |
| 47 | qsztList: datas.columns().qsztList, | 49 | qsztList: datas.columns().qsztList, |
| ... | @@ -56,11 +58,11 @@ export default { | ... | @@ -56,11 +58,11 @@ export default { |
| 56 | columns: datas.columns().CFDJ, | 58 | columns: datas.columns().CFDJ, |
| 57 | }; | 59 | }; |
| 58 | }, | 60 | }, |
| 59 | created () { | 61 | created() { |
| 60 | this.loadData(); | 62 | this.loadData(); |
| 61 | }, | 63 | }, |
| 62 | methods: { | 64 | methods: { |
| 63 | loadData () { | 65 | loadData() { |
| 64 | getCfdjList({ | 66 | getCfdjList({ |
| 65 | bdcdyid: this.propsParam.bdcdyid, | 67 | bdcdyid: this.propsParam.bdcdyid, |
| 66 | qllx: this.propsParam.qllx, | 68 | qllx: this.propsParam.qllx, |
| ... | @@ -69,12 +71,12 @@ export default { | ... | @@ -69,12 +71,12 @@ export default { |
| 69 | if (res.code === 200) { | 71 | if (res.code === 200) { |
| 70 | this.tableData = res.result; | 72 | this.tableData = res.result; |
| 71 | this.tableData.forEach((item, index) => { | 73 | this.tableData.forEach((item, index) => { |
| 72 | if (item.sfbxf == '1') { | 74 | if (item.sfbxf == "1") { |
| 73 | item.zxywh = ''; | 75 | item.zxywh = ""; |
| 74 | item.zxdbr = ''; | 76 | item.zxdbr = ""; |
| 75 | item.zxsj = ''; | 77 | item.zxsj = ""; |
| 76 | } | 78 | } |
| 77 | }) | 79 | }); |
| 78 | if (this.tableData.length < datas.columns().emptycolNum) { | 80 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 79 | this.emptycolNum = | 81 | this.emptycolNum = |
| 80 | datas.columns().emptycolNum - this.tableData.length; | 82 | datas.columns().emptycolNum - this.tableData.length; |
| ... | @@ -84,7 +86,7 @@ export default { | ... | @@ -84,7 +86,7 @@ export default { |
| 84 | } | 86 | } |
| 85 | }); | 87 | }); |
| 86 | }, | 88 | }, |
| 87 | checkChange () { | 89 | checkChange() { |
| 88 | if (this.checkList.length === 0) { | 90 | if (this.checkList.length === 0) { |
| 89 | this.tableData = []; | 91 | this.tableData = []; |
| 90 | this.emptycolNum = datas.columns().emptycolNum; | 92 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -92,7 +94,7 @@ export default { | ... | @@ -92,7 +94,7 @@ export default { |
| 92 | this.loadData(); | 94 | this.loadData(); |
| 93 | } | 95 | } |
| 94 | }, | 96 | }, |
| 95 | getQsztName (code) { | 97 | getQsztName(code) { |
| 96 | let name = ""; | 98 | let name = ""; |
| 97 | for (let item of this.qsztList) { | 99 | for (let item of this.qsztList) { |
| 98 | if (item.value == code) { | 100 | if (item.value == code) { | ... | ... |
| ... | @@ -793,15 +793,15 @@ class data extends filter { | ... | @@ -793,15 +793,15 @@ class data extends filter { |
| 793 | label: "查封机关", | 793 | label: "查封机关", |
| 794 | }, | 794 | }, |
| 795 | { | 795 | { |
| 796 | prop: "qlrmc", | 796 | prop: "ywrmc", |
| 797 | label: "不动产权利人", | 797 | label: "被执行人", |
| 798 | }, | 798 | }, |
| 799 | { | 799 | { |
| 800 | prop: "qlrzjzl", | 800 | prop: "ywrzjzl", |
| 801 | label: "证件种类", | 801 | label: "证件种类", |
| 802 | }, | 802 | }, |
| 803 | { | 803 | { |
| 804 | prop: "qlrzjhm", | 804 | prop: "ywrzjhm", |
| 805 | label: "证件号", | 805 | label: "证件号", |
| 806 | }, | 806 | }, |
| 807 | 807 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:39:47 | 4 | * @LastEditTime: 2023-05-17 10:39:47 |
| 5 | --> | 5 | --> |
| ... | @@ -58,12 +58,12 @@ | ... | @@ -58,12 +58,12 @@ |
| 58 | </el-col> | 58 | </el-col> |
| 59 | <el-col :span="8"> | 59 | <el-col :span="8"> |
| 60 | <el-form-item label="国家/地区"> | 60 | <el-form-item label="国家/地区"> |
| 61 | <el-input v-model="ruleForm.gjdq"></el-input> | 61 | <el-input v-model="ruleForm.gj"></el-input> |
| 62 | </el-form-item> | 62 | </el-form-item> |
| 63 | </el-col> | 63 | </el-col> |
| 64 | <el-col :span="8"> | 64 | <el-col :span="8"> |
| 65 | <el-form-item label="户籍所在省市"> | 65 | <el-form-item label="户籍所在省市"> |
| 66 | <el-input v-model="ruleForm.szss"></el-input> | 66 | <el-input v-model="ruleForm.hjszss"></el-input> |
| 67 | </el-form-item> | 67 | </el-form-item> |
| 68 | </el-col> | 68 | </el-col> |
| 69 | </el-row> | 69 | </el-row> |
| ... | @@ -107,7 +107,7 @@ | ... | @@ -107,7 +107,7 @@ |
| 107 | </el-col> | 107 | </el-col> |
| 108 | <el-col :span="16"> | 108 | <el-col :span="16"> |
| 109 | <el-form-item label="代理机构"> | 109 | <el-form-item label="代理机构"> |
| 110 | <el-input v-model="ruleForm.dljg"></el-input> | 110 | <el-input v-model="ruleForm.dlrjg"></el-input> |
| 111 | </el-form-item> | 111 | </el-form-item> |
| 112 | </el-col> | 112 | </el-col> |
| 113 | </el-row> | 113 | </el-row> |
| ... | @@ -115,12 +115,12 @@ | ... | @@ -115,12 +115,12 @@ |
| 115 | <el-row> | 115 | <el-row> |
| 116 | <el-col :span="8"> | 116 | <el-col :span="8"> |
| 117 | <el-form-item label="联系电话"> | 117 | <el-form-item label="联系电话"> |
| 118 | <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 118 | <el-input v-model="ruleForm.dlrdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 119 | </el-form-item> | 119 | </el-form-item> |
| 120 | </el-col> | 120 | </el-col> |
| 121 | <el-col :span="8"> | 121 | <el-col :span="8"> |
| 122 | <el-form-item label="代理人姓名"> | 122 | <el-form-item label="代理人姓名"> |
| 123 | <el-input v-model="ruleForm.dlrxm"></el-input> | 123 | <el-input v-model="ruleForm.dlrmc"></el-input> |
| 124 | </el-form-item> | 124 | </el-form-item> |
| 125 | </el-col> | 125 | </el-col> |
| 126 | <el-col :span="8"> | 126 | <el-col :span="8"> |
| ... | @@ -164,18 +164,19 @@ | ... | @@ -164,18 +164,19 @@ |
| 164 | dh: "", | 164 | dh: "", |
| 165 | xb: "", | 165 | xb: "", |
| 166 | frmc: "", | 166 | frmc: "", |
| 167 | gjdq: "", | 167 | gj: "", |
| 168 | szss: "", | 168 | hjszss: "", |
| 169 | txdz: "", | 169 | txdz: "", |
| 170 | yb: "", | 170 | yb: "", |
| 171 | fzjg: "", | 171 | fzjg: "", |
| 172 | dzyj: "", | 172 | dzyj: "", |
| 173 | qlbl: "", | 173 | qlbl: "", |
| 174 | gzdw: "", | 174 | gzdw: "", |
| 175 | dljg: "", | 175 | dlrjg: "", |
| 176 | dlrxm: "", | 176 | dlrmc: "", |
| 177 | dlrzjlx: "", | 177 | dlrzjlx: "", |
| 178 | dlrzjh: "", | 178 | dlrzjh: "", |
| 179 | dlrdh:"", | ||
| 179 | }, | 180 | }, |
| 180 | rules: { | 181 | rules: { |
| 181 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | 182 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-29 14:39:11 | 4 | * @LastEditTime: 2023-06-07 13:32:24 |
| 5 | */ | 5 | */ |
| 6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
| 7 | export function getForm(tabName, djywbm) { | 7 | export function getForm (tabName, djywbm) { |
| 8 | let form; | 8 | let form; |
| 9 | switch (tabName) { | 9 | switch (tabName) { |
| 10 | case "jsydsyqslxx100": | 10 | case "jsydsyqslxx100": |
| ... | @@ -13,18 +13,22 @@ export function getForm(tabName, djywbm) { | ... | @@ -13,18 +13,22 @@ export function getForm(tabName, djywbm) { |
| 13 | case "jsydsyqslxx300": | 13 | case "jsydsyqslxx300": |
| 14 | form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); | 14 | form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); |
| 15 | break; | 15 | break; |
| 16 | //国有建设用地使用权/房屋所有权 | ||
| 16 | case "fwsyqslxx100": | 17 | case "fwsyqslxx100": |
| 18 | case "fwsyqslxx200": | ||
| 19 | case "fwsyqslxx400": | ||
| 17 | form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); | 20 | form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); |
| 18 | break; | 21 | break; |
| 19 | case "fwsyqslxx300": | 22 | case "fwsyqslxx300": |
| 20 | form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); | 23 | form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); |
| 21 | break; | 24 | break; |
| 22 | case "nydsyqslxx100": | ||
| 23 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); | ||
| 24 | break; | ||
| 25 | case "plfdcq2": | 25 | case "plfdcq2": |
| 26 | form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue"); | 26 | form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue"); |
| 27 | break; | 27 | break; |
| 28 | case "nydsyqslxx100": | ||
| 29 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); | ||
| 30 | break; | ||
| 31 | |||
| 28 | case "nydsyqslxx200": | 32 | case "nydsyqslxx200": |
| 29 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); | 33 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); |
| 30 | break; | 34 | break; |
| ... | @@ -36,7 +40,7 @@ export function getForm(tabName, djywbm) { | ... | @@ -36,7 +40,7 @@ export function getForm(tabName, djywbm) { |
| 36 | break; | 40 | break; |
| 37 | case "diyaqSlxx": | 41 | case "diyaqSlxx": |
| 38 | form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); | 42 | form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); |
| 39 | break; | 43 | break; |
| 40 | case "clxx": | 44 | case "clxx": |
| 41 | form = require("@/views/workflow/components/clxxUnify.vue"); | 45 | form = require("@/views/workflow/components/clxxUnify.vue"); |
| 42 | break; | 46 | break; |
| ... | @@ -83,7 +87,7 @@ export function getForm(tabName, djywbm) { | ... | @@ -83,7 +87,7 @@ export function getForm(tabName, djywbm) { |
| 83 | case "fzxx": | 87 | case "fzxx": |
| 84 | form = require("@/views/workflow/components/fzxx.vue"); | 88 | form = require("@/views/workflow/components/fzxx.vue"); |
| 85 | break; | 89 | break; |
| 86 | case "zdt": | 90 | case "zdjbxxImg": |
| 87 | form = require("@/views/workflow/components/zdt.vue"); | 91 | form = require("@/views/workflow/components/zdt.vue"); |
| 88 | break; | 92 | break; |
| 89 | default: | 93 | default: | ... | ... |
| ... | @@ -5,8 +5,14 @@ | ... | @@ -5,8 +5,14 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" | 8 | <el-form |
| 9 | label-width="120px"> | 9 | :model="ruleForm" |
| 10 | :rules="rules" | ||
| 11 | ref="ruleForm" | ||
| 12 | :label-position="flagTop" | ||
| 13 | :inline="flag" | ||
| 14 | label-width="120px" | ||
| 15 | > | ||
| 10 | <div class="slxx_con"> | 16 | <div class="slxx_con"> |
| 11 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
| 12 | 受理信息 | 18 | 受理信息 |
| ... | @@ -32,17 +38,37 @@ | ... | @@ -32,17 +38,37 @@ |
| 32 | <el-row :gutter="10"> | 38 | <el-row :gutter="10"> |
| 33 | <el-col :span="8"> | 39 | <el-col :span="8"> |
| 34 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx"> | 40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx"> |
| 35 | <el-select disabled v-model="ruleForm.slsq.qllx" filterable clearable placeholder="请选择权利类型"> | 41 | <el-select |
| 36 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 42 | disabled |
| 37 | </el-option> | 43 | v-model="ruleForm.slsq.qllx" |
| 44 | filterable | ||
| 45 | clearable | ||
| 46 | placeholder="请选择权利类型" | ||
| 47 | > | ||
| 48 | <el-option | ||
| 49 | v-for="item in dictData['A8']" | ||
| 50 | :key="item.dcode" | ||
| 51 | :label="item.dname" | ||
| 52 | :value="item.dcode" | ||
| 53 | ></el-option> | ||
| 38 | </el-select> | 54 | </el-select> |
| 39 | </el-form-item> | 55 | </el-form-item> |
| 40 | </el-col> | 56 | </el-col> |
| 41 | <el-col :span="8"> | 57 | <el-col :span="8"> |
| 42 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx"> | 58 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx"> |
| 43 | <el-select disabled v-model="ruleForm.slsq.djlx" filterable clearable placeholder="请选择登记类型"> | 59 | <el-select |
| 44 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 60 | disabled |
| 45 | </el-option> | 61 | v-model="ruleForm.slsq.djlx" |
| 62 | filterable | ||
| 63 | clearable | ||
| 64 | placeholder="请选择登记类型" | ||
| 65 | > | ||
| 66 | <el-option | ||
| 67 | v-for="item in dictData['A21']" | ||
| 68 | :key="item.dcode" | ||
| 69 | :label="item.dname" | ||
| 70 | :value="item.dcode" | ||
| 71 | ></el-option> | ||
| 46 | </el-select> | 72 | </el-select> |
| 47 | </el-form-item> | 73 | </el-form-item> |
| 48 | </el-col> | 74 | </el-col> |
| ... | @@ -56,13 +82,32 @@ | ... | @@ -56,13 +82,32 @@ |
| 56 | 查封不动产情况 | 82 | 查封不动产情况 |
| 57 | <div class="triangle"></div> | 83 | <div class="triangle"></div> |
| 58 | </div> | 84 | </div> |
| 85 | |||
| 86 | <el-row :gutter="10"> | ||
| 87 | <el-col :span="8"> | ||
| 88 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型："> | ||
| 89 | <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input> | ||
| 90 | </el-form-item> | ||
| 91 | </el-col> | ||
| 92 | |||
| 93 | <el-col :span="8"> | ||
| 94 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh"> | ||
| 95 | <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | <el-col :span="8"> | ||
| 99 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况："> | ||
| 100 | <el-input disabled v-model="ruleForm.ssQlxx.gyqk"></el-input> | ||
| 101 | </el-form-item> | ||
| 102 | </el-col> | ||
| 103 | </el-row> | ||
| 59 | <el-row :gutter="10"> | 104 | <el-row :gutter="10"> |
| 60 | <el-col :span="8"> | 105 | <el-col :span="8"> |
| 61 | <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：" prop="qlxx.qlrmc"> | 106 | <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：" prop="qlxx.qlrmc"> |
| 62 | <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input> | 107 | <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input> |
| 63 | </el-form-item> | 108 | </el-form-item> |
| 64 | </el-col> | 109 | </el-col> |
| 65 | <el-col :span="8"> | 110 | <el-col :span="8"> |
| 66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类："> | 111 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类："> |
| 67 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input> | 112 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input> |
| 68 | </el-form-item> | 113 | </el-form-item> |
| ... | @@ -71,42 +116,38 @@ | ... | @@ -71,42 +116,38 @@ |
| 71 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号："> | 116 | <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号："> |
| 72 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input> | 117 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input> |
| 73 | </el-form-item> | 118 | </el-form-item> |
| 74 | </el-col> | 119 | </el-col> |
| 75 | </el-row> | 120 | </el-row> |
| 76 | <el-row :gutter="10"> | 121 | <el-row :gutter="10"> |
| 77 | <el-col :span="8"> | 122 | <el-col :span="8"> |
| 78 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh"> | ||
| 79 | <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> | ||
| 80 | </el-form-item> | ||
| 81 | </el-col> | ||
| 82 | <el-col :span="8"> | ||
| 83 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh"> | 123 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh"> |
| 84 | <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input> | 124 | <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input> |
| 85 | </el-form-item> | 125 | </el-form-item> |
| 86 | </el-col> | 126 | </el-col> |
| 87 | <el-col :span="8"> | 127 | <el-col :span="16"> |
| 88 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用途："> | 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落："> |
| 89 | <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input> | 129 | <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input> |
| 90 | </el-form-item> | 130 | </el-form-item> |
| 91 | </el-col> | 131 | </el-col> |
| 92 | </el-row> | 132 | </el-row> |
| 93 | <el-row :gutter="10"> | 133 | <el-row :gutter="10"> |
| 94 | <el-col :span="8"> | 134 | <el-col :span="8"> |
| 95 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落："> | 135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质："> |
| 96 | <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input> | 136 | <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input> |
| 97 | </el-form-item> | 137 | </el-form-item> |
| 98 | </el-col> | 138 | </el-col> |
| 99 | <el-col :span="8"> | 139 | <el-col :span="8"> |
| 100 | <el-form-item :class="flag ? 'marginBot0' : ''" label="面积："> | 140 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用途："> |
| 101 | <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input> | 141 | <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input> |
| 102 | </el-form-item> | 142 | </el-form-item> |
| 103 | </el-col> | 143 | </el-col> |
| 104 | <el-col :span="8"> | 144 | <el-col :span="8"> |
| 105 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质："> | 145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="面积："> |
| 106 | <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input> | 146 | <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input> |
| 107 | </el-form-item> | 147 | </el-form-item> |
| 108 | </el-col> | 148 | </el-col> |
| 109 | </el-row> | 149 | </el-row> |
| 150 | |||
| 110 | <div class="slxx_title title-block"> | 151 | <div class="slxx_title title-block"> |
| 111 | 查封信息 | 152 | 查封信息 |
| 112 | <div class="triangle"></div> | 153 | <div class="triangle"></div> |
| ... | @@ -114,12 +155,18 @@ | ... | @@ -114,12 +155,18 @@ |
| 114 | <el-row :gutter="10"> | 155 | <el-row :gutter="10"> |
| 115 | <el-col :span="8"> | 156 | <el-col :span="8"> |
| 116 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg"> | 157 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg"> |
| 117 | <el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 158 | <el-input |
| 159 | v-model="ruleForm.cfdj.cfjg" | ||
| 160 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 161 | ></el-input> | ||
| 118 | </el-form-item> | 162 | </el-form-item> |
| 119 | </el-col> | 163 | </el-col> |
| 120 | <el-col :span="8"> | 164 | <el-col :span="8"> |
| 121 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh"> | 165 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh"> |
| 122 | <el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 166 | <el-input |
| 167 | v-model="ruleForm.cfdj.cfwh" | ||
| 168 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 169 | ></el-input> | ||
| 123 | </el-form-item> | 170 | </el-form-item> |
| 124 | </el-col> | 171 | </el-col> |
| 125 | <el-col :span="8"> | 172 | <el-col :span="8"> |
| ... | @@ -131,48 +178,75 @@ | ... | @@ -131,48 +178,75 @@ |
| 131 | <el-row :gutter="10"> | 178 | <el-row :gutter="10"> |
| 132 | <el-col :span="8"> | 179 | <el-col :span="8"> |
| 133 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限：" prop="cfdj.cfqx"> | 180 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限：" prop="cfdj.cfqx"> |
| 134 | <el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 181 | <el-input |
| 182 | v-model="ruleForm.cfdj.cfqx" | ||
| 183 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 184 | ></el-input> | ||
| 135 | </el-form-item> | 185 | </el-form-item> |
| 136 | </el-col> | 186 | </el-col> |
| 137 | <el-col :span="8"> | 187 | <el-col :span="8"> |
| 138 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj"> | 188 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj"> |
| 139 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期" | 189 | <el-date-picker |
| 140 | value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-date-picker> | 190 | v-model="ruleForm.cfdj.cfqssj" |
| 191 | class="width100" | ||
| 192 | type="date" | ||
| 193 | placeholder="选择日期" | ||
| 194 | value-format="yyyy-MM-dd" | ||
| 195 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 196 | ></el-date-picker> | ||
| 141 | </el-form-item> | 197 | </el-form-item> |
| 142 | </el-col> | 198 | </el-col> |
| 143 | <el-col :span="8"> | 199 | <el-col :span="8"> |
| 144 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj"> | 200 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj"> |
| 145 | <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" | 201 | <el-date-picker |
| 146 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"> | 202 | v-model="ruleForm.cfdj.cfjssj" |
| 147 | </el-date-picker> | 203 | class="width100" |
| 204 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 205 | type="date" | ||
| 206 | placeholder="选择日期" | ||
| 207 | value-format="yyyy-MM-dd" | ||
| 208 | ></el-date-picker> | ||
| 148 | </el-form-item> | 209 | </el-form-item> |
| 149 | </el-col> | 210 | </el-col> |
| 150 | </el-row> | 211 | </el-row> |
| 151 | <el-row :gutter="10"> | 212 | <el-row :gutter="10"> |
| 152 | <el-col :span="8"> | 213 | <el-col :span="8"> |
| 153 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj"> | 214 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj"> |
| 154 | <el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 215 | <el-input |
| 216 | v-model="ruleForm.cfdj.cfwj" | ||
| 217 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 218 | ></el-input> | ||
| 155 | </el-form-item> | 219 | </el-form-item> |
| 156 | </el-col> | 220 | </el-col> |
| 157 | <el-col :span="16"> | 221 | <el-col :span="16"> |
| 158 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw"> | 222 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw"> |
| 159 | <el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 223 | <el-input |
| 224 | v-model="ruleForm.cfdj.cffw" | ||
| 225 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 226 | ></el-input> | ||
| 160 | </el-form-item> | 227 | </el-form-item> |
| 161 | </el-col> | 228 | </el-col> |
| 162 | </el-row> | 229 | </el-row> |
| 163 | <el-row :gutter="10"> | 230 | <el-row :gutter="10"> |
| 164 | <el-col :span="24"> | 231 | <el-col :span="24"> |
| 165 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj"> | 232 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj"> |
| 166 | <el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || ableEdit || isJfOperation"> | 233 | <el-input |
| 167 | </el-input> | 234 | v-model="ruleForm.cfdj.fj" |
| 235 | type="textarea" | ||
| 236 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 237 | ></el-input> | ||
| 168 | </el-form-item> | 238 | </el-form-item> |
| 169 | </el-col> | 239 | </el-col> |
| 170 | </el-row> | 240 | </el-row> |
| 171 | <el-row :gutter="10"> | 241 | <el-row :gutter="10"> |
| 172 | <el-col> | 242 | <el-col> |
| 173 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy"> | 243 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy"> |
| 174 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" | 244 | <el-input |
| 175 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 245 | class="textArea" |
| 246 | type="textarea" | ||
| 247 | v-model="ruleForm.cfdj.djyy" | ||
| 248 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | ||
| 249 | ></el-input> | ||
| 176 | </el-form-item> | 250 | </el-form-item> |
| 177 | </el-col> | 251 | </el-col> |
| 178 | </el-row> | 252 | </el-row> |
| ... | @@ -184,17 +258,26 @@ | ... | @@ -184,17 +258,26 @@ |
| 184 | <el-row :gutter="10"> | 258 | <el-row :gutter="10"> |
| 185 | <el-col :span="8"> | 259 | <el-col :span="8"> |
| 186 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：" prop="cfdj.jfjg"> | 260 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：" prop="cfdj.jfjg"> |
| 187 | <el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input> | 261 | <el-input |
| 262 | v-model="ruleForm.cfdj.jfjg" | ||
| 263 | :disabled="$route.query.viewtype || ableEdit" | ||
| 264 | ></el-input> | ||
| 188 | </el-form-item> | 265 | </el-form-item> |
| 189 | </el-col> | 266 | </el-col> |
| 190 | <el-col :span="8"> | 267 | <el-col :span="8"> |
| 191 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：" prop="cfdj.jfwj"> | 268 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：" prop="cfdj.jfwj"> |
| 192 | <el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input> | 269 | <el-input |
| 270 | v-model="ruleForm.cfdj.jfwj" | ||
| 271 | :disabled="$route.query.viewtype || ableEdit" | ||
| 272 | ></el-input> | ||
| 193 | </el-form-item> | 273 | </el-form-item> |
| 194 | </el-col> | 274 | </el-col> |
| 195 | <el-col :span="8"> | 275 | <el-col :span="8"> |
| 196 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：" prop="cfdj.jfwh"> | 276 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：" prop="cfdj.jfwh"> |
| 197 | <el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input> | 277 | <el-input |
| 278 | v-model="ruleForm.cfdj.jfwh" | ||
| 279 | :disabled="$route.query.viewtype || ableEdit" | ||
| 280 | ></el-input> | ||
| 198 | </el-form-item> | 281 | </el-form-item> |
| 199 | </el-col> | 282 | </el-col> |
| 200 | </el-row> | 283 | </el-row> |
| ... | @@ -209,77 +292,75 @@ | ... | @@ -209,77 +292,75 @@ |
| 209 | </div> | 292 | </div> |
| 210 | </template> | 293 | </template> |
| 211 | <script> | 294 | <script> |
| 212 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; | 295 | import sqrViewTable from "@/views/workflow/components/sqrViewTable"; |
| 213 | import { Init, saveData } from "@/api/workflow/cfdjFlow.js"; | 296 | import { Init, saveData } from "@/api/workflow/cfdjFlow.js"; |
| 214 | import { mapGetters } from "vuex"; | 297 | import { mapGetters } from "vuex"; |
| 215 | export default { | 298 | export default { |
| 216 | data () { | 299 | data() { |
| 217 | return { | 300 | return { |
| 218 | disabled: true, | 301 | disabled: true, |
| 219 | flagTop: this.flag ? "top" : "", | 302 | flagTop: this.flag ? "top" : "", |
| 220 | rules: {}, | 303 | rules: {}, |
| 221 | //传递参数 | 304 | //传递参数 |
| 222 | propsParam: {}, | 305 | propsParam: {}, |
| 223 | //页面数据 | 306 | //页面数据 |
| 224 | ruleForm: {}, | 307 | ruleForm: {}, |
| 225 | //是否可编辑 | 308 | //是否可编辑 |
| 226 | ableEdit: false, | 309 | ableEdit: false, |
| 227 | //是否为解封 | 310 | //是否为解封 |
| 228 | isJfOperation: false, | 311 | isJfOperation: false, |
| 229 | }; | 312 | }; |
| 230 | }, | 313 | }, |
| 231 | async created () { | 314 | async created() { |
| 232 | this.propsParam = this.$attrs; | 315 | this.propsParam = this.$attrs; |
| 233 | this.ableEdit = this.$parent.showBatch; | 316 | this.ableEdit = this.$parent.showBatch; |
| 234 | if (this.propsParam.djlx == '400') { | 317 | if (this.propsParam.djlx == "400") { |
| 235 | this.isJfOperation = true; | 318 | this.isJfOperation = true; |
| 319 | } | ||
| 320 | var formdata = new FormData(); | ||
| 321 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 322 | formdata.append("djlx", this.propsParam.djlx); | ||
| 323 | Init(formdata).then((res) => { | ||
| 324 | if (res.code === 200 && res.result) { | ||
| 325 | this.ruleForm = res.result; | ||
| 236 | } | 326 | } |
| 237 | var formdata = new FormData(); | 327 | }); |
| 238 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 328 | }, |
| 239 | formdata.append("djlx", this.propsParam.djlx); | 329 | watch: {}, |
| 240 | Init(formdata).then((res) => { | 330 | components: { sqrViewTable }, |
| 241 | if (res.code === 200 && res.result) { | 331 | props: { |
| 242 | this.ruleForm = res.result | 332 | flag: { |
| 243 | } | 333 | type: Boolean, |
| 244 | }); | 334 | default: false, |
| 245 | }, | ||
| 246 | watch: { | ||
| 247 | |||
| 248 | }, | 335 | }, |
| 249 | components: { sqrViewTable }, | 336 | fetch: { |
| 250 | props: { | 337 | type: Boolean, |
| 251 | flag: { | 338 | default: false, |
| 252 | type: Boolean, | ||
| 253 | default: false, | ||
| 254 | }, | ||
| 255 | fetch: { | ||
| 256 | type: Boolean, | ||
| 257 | default: false, | ||
| 258 | }, | ||
| 259 | }, | ||
| 260 | computed: { | ||
| 261 | ...mapGetters(["dictData"]), | ||
| 262 | }, | 339 | }, |
| 340 | }, | ||
| 341 | computed: { | ||
| 342 | ...mapGetters(["dictData"]), | ||
| 343 | }, | ||
| 263 | 344 | ||
| 264 | methods: { | 345 | methods: { |
| 265 | onSubmit () { | 346 | onSubmit() { |
| 266 | saveData(this.ruleForm).then((res) => { | 347 | saveData(this.ruleForm).then((res) => { |
| 267 | if (res.code === 200) { | 348 | if (res.code === 200) { |
| 268 | this.$message.success('保存成功'); | 349 | this.$message.success("保存成功"); |
| 269 | } | 350 | } |
| 270 | }); | 351 | }); |
| 271 | }, | 352 | }, |
| 272 | changeCflx (e) { | 353 | changeCflx(e) { |
| 273 | let cflxItem = {} | 354 | let cflxItem = {}; |
| 274 | cflxItem = this.dictData['A32'].find((item) => { | 355 | cflxItem = this.dictData["A32"].find((item) => { |
| 275 | return item.dcode == e | 356 | return item.dcode == e; |
| 276 | }) | 357 | }); |
| 277 | this.ruleForm.cfdj.cflxmc = cflxItem.dname; | 358 | this.ruleForm.cfdj.cflxmc = cflxItem.dname; |
| 278 | } | ||
| 279 | }, | 359 | }, |
| 280 | }; | 360 | }, |
| 361 | }; | ||
| 281 | </script> | 362 | </script> |
| 282 | <style scoped lang='scss'> | 363 | <style scoped lang='scss'> |
| 283 | @import "~@/styles/public.scss"; | 364 | @import "~@/styles/public.scss"; |
| 284 | @import "~@/styles/slxx/slxx.scss"; | 365 | @import "~@/styles/slxx/slxx.scss"; |
| 285 | </style> | 366 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -173,9 +173,9 @@ | ... | @@ -173,9 +173,9 @@ |
| 173 | </el-col> | 173 | </el-col> |
| 174 | </el-row> | 174 | </el-row> |
| 175 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 175 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 176 | :gyfs="ruleForm.qlxx.gyfs" /> | 176 | :gyfs="ruleForm.slsq.gyfs" /> |
| 177 | 177 | ||
| 178 | <div v-if="ruleForm.ywrList"> | 178 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> |
| 179 | <div class="slxx_title title-block"> | 179 | <div class="slxx_title title-block"> |
| 180 | 义务人信息 | 180 | 义务人信息 |
| 181 | <div class="triangle"></div> | 181 | <div class="triangle"></div> |
| ... | @@ -189,9 +189,9 @@ | ... | @@ -189,9 +189,9 @@ |
| 189 | </div> | 189 | </div> |
| 190 | <el-row :gutter="10"> | 190 | <el-row :gutter="10"> |
| 191 | <el-col> | 191 | <el-col> |
| 192 | <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy"> | 192 | <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy"> |
| 193 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 193 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" |
| 194 | v-model="ruleForm.fdcq2.djyy"> | 194 | v-model="ruleForm.sldy.djyy"> |
| 195 | </el-input> | 195 | </el-input> |
| 196 | </el-form-item> | 196 | </el-form-item> |
| 197 | </el-col> | 197 | </el-col> |
| ... | @@ -222,6 +222,8 @@ | ... | @@ -222,6 +222,8 @@ |
| 222 | ...res.result, | 222 | ...res.result, |
| 223 | ...res.result.qlxxdatas, | 223 | ...res.result.qlxxdatas, |
| 224 | } | 224 | } |
| 225 | //初始化发证方式，1：小证，2：大正 | ||
| 226 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs='1' : this.ruleForm.slsq.fzfs; | ||
| 225 | } | 227 | } |
| 226 | }); | 228 | }); |
| 227 | }, | 229 | }, | ... | ... |
| ... | @@ -12,37 +12,37 @@ | ... | @@ -12,37 +12,37 @@ |
| 12 | 受理信息 | 12 | 受理信息 |
| 13 | <div class="triangle"></div> | 13 | <div class="triangle"></div> |
| 14 | </div> | 14 | </div> |
| 15 | <el-row :gutter="10" v-if="ruleForm.slywxx"> | 15 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
| 16 | <el-col :span="8"> | 16 | <el-col :span="8"> |
| 17 | <el-form-item label="业务号："> | 17 | <el-form-item label="业务号："> |
| 18 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | 18 | <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> |
| 19 | </el-form-item> | 19 | </el-form-item> |
| 20 | </el-col> | 20 | </el-col> |
| 21 | <el-col :span="8"> | 21 | <el-col :span="8"> |
| 22 | <el-form-item label="受理人员："> | 22 | <el-form-item label="受理人员："> |
| 23 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | 23 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> |
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | </el-col> | 25 | </el-col> |
| 26 | <el-col :span="8"> | 26 | <el-col :span="8"> |
| 27 | <el-form-item label="受理时间："> | 27 | <el-form-item label="受理时间："> |
| 28 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | 28 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> |
| 29 | </el-form-item> | 29 | </el-form-item> |
| 30 | </el-col> | 30 | </el-col> |
| 31 | </el-row> | 31 | </el-row> |
| 32 | <el-row :gutter="10" v-if="ruleForm.slywxx"> | 32 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
| 33 | <el-col :span="8"> | 33 | <el-col :span="8"> |
| 34 | <el-form-item label="权利类型："> | 34 | <el-form-item label="权利类型："> |
| 35 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | 35 | <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> |
| 36 | </el-form-item> | 36 | </el-form-item> |
| 37 | </el-col> | 37 | </el-col> |
| 38 | <el-col :span="8"> | 38 | <el-col :span="8"> |
| 39 | <el-form-item label="登记类型："> | 39 | <el-form-item label="登记类型："> |
| 40 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | 40 | <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> |
| 41 | </el-form-item> | 41 | </el-form-item> |
| 42 | </el-col> | 42 | </el-col> |
| 43 | <el-col :span="8"> | 43 | <el-col :span="8"> |
| 44 | <el-form-item label="登记情形："> | 44 | <el-form-item label="登记情形："> |
| 45 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> | 45 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> |
| 46 | </el-form-item> | 46 | </el-form-item> |
| 47 | </el-col> | 47 | </el-col> |
| 48 | </el-row> | 48 | </el-row> |
| ... | @@ -140,7 +140,7 @@ | ... | @@ -140,7 +140,7 @@ |
| 140 | <el-row :gutter="10"> | 140 | <el-row :gutter="10"> |
| 141 | <el-col :span="14" v-if="ruleForm.qlxx"> | 141 | <el-col :span="14" v-if="ruleForm.qlxx"> |
| 142 | <el-form-item label="共有方式："> | 142 | <el-form-item label="共有方式："> |
| 143 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> | 143 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slsq.gyfs"> |
| 144 | <el-radio label="0">单独所有</el-radio> | 144 | <el-radio label="0">单独所有</el-radio> |
| 145 | <el-radio label="1">共同共有</el-radio> | 145 | <el-radio label="1">共同共有</el-radio> |
| 146 | <el-radio label="2">按份所有</el-radio> | 146 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -166,7 +166,7 @@ | ... | @@ -166,7 +166,7 @@ |
| 166 | </el-col> | 166 | </el-col> |
| 167 | </el-row> | 167 | </el-row> |
| 168 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 168 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 169 | :gyfs="ruleForm.qlxx.gyfs" /> | 169 | :gyfs="ruleForm.slsq.gyfs" /> |
| 170 | <div class="slxx_title title-block"> | 170 | <div class="slxx_title title-block"> |
| 171 | 登记原因 | 171 | 登记原因 |
| 172 | <div class="triangle"></div> | 172 | <div class="triangle"></div> |
| ... | @@ -208,6 +208,8 @@ | ... | @@ -208,6 +208,8 @@ |
| 208 | ...res.result.qlxxdatas, | 208 | ...res.result.qlxxdatas, |
| 209 | ...res.result.jsydsyqdatas, | 209 | ...res.result.jsydsyqdatas, |
| 210 | }; | 210 | }; |
| 211 | //初始化发证方式，1：小证，2：大正 | ||
| 212 | this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs='1' : this.ruleForm.slsq.fzfs; | ||
| 211 | } | 213 | } |
| 212 | }); | 214 | }); |
| 213 | }, | 215 | }, | ... | ... |
| ... | @@ -84,6 +84,16 @@ | ... | @@ -84,6 +84,16 @@ |
| 84 | </el-form-item> | 84 | </el-form-item> |
| 85 | </el-col> | 85 | </el-col> |
| 86 | </el-row> | 86 | </el-row> |
| 87 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
| 88 | <el-col :span="5"> | ||
| 89 | <el-form-item label="发证方式："> | ||
| 90 | <el-radio-group v-model="ruleForm.slsq.fzfs"> | ||
| 91 | <el-radio label="1">小证</el-radio> | ||
| 92 | <el-radio label="2">大证</el-radio> | ||
| 93 | </el-radio-group> | ||
| 94 | </el-form-item> | ||
| 95 | </el-col> | ||
| 96 | </el-row> | ||
| 87 | <div class="slxx_title title-block"> | 97 | <div class="slxx_title title-block"> |
| 88 | 权利人信息 | 98 | 权利人信息 |
| 89 | <div class="triangle"></div> | 99 | <div class="triangle"></div> |
| ... | @@ -100,14 +110,7 @@ | ... | @@ -100,14 +110,7 @@ |
| 100 | </el-radio-group> | 110 | </el-radio-group> |
| 101 | </el-form-item> | 111 | </el-form-item> |
| 102 | </el-col> | 112 | </el-col> |
| 103 | <el-col :span="5"> | 113 | |
| 104 | <el-form-item label="发证方式："> | ||
| 105 | <el-radio-group v-model="ruleForm.slsq.fzfs"> | ||
| 106 | <el-radio label="1">小证</el-radio> | ||
| 107 | <el-radio label="2">大证</el-radio> | ||
| 108 | </el-radio-group> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | 114 | ||
| 112 | <el-col :span="5" v-show="ruleForm.qlxxList[0] && ruleForm.slsq.gyfs == '2'"> | 115 | <el-col :span="5" v-show="ruleForm.qlxxList[0] && ruleForm.slsq.gyfs == '2'"> |
| 113 | <el-form-item label="是否分别持证："> | 116 | <el-form-item label="是否分别持证："> |
| ... | @@ -127,7 +130,7 @@ | ... | @@ -127,7 +130,7 @@ |
| 127 | </el-col> | 130 | </el-col> |
| 128 | </el-row> | 131 | </el-row> |
| 129 | <qlrCommonTable v-if="ruleForm.qlxxList[0]" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 132 | <qlrCommonTable v-if="ruleForm.qlxxList[0]" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 130 | :gyfs="ruleForm.qlxxList[0].gyfs" /> | 133 | :gyfs="ruleForm.slsq.gyfs" /> |
| 131 | <div class="slxx_title title-block"> | 134 | <div class="slxx_title title-block"> |
| 132 | 登记原因 | 135 | 登记原因 |
| 133 | <div class="triangle"></div> | 136 | <div class="triangle"></div> | ... | ... |
| ... | @@ -4,28 +4,43 @@ | ... | @@ -4,28 +4,43 @@ |
| 4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
| 5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
| 6 | <el-row> | 6 | <el-row> |
| 7 | <el-col :span="6"> | 7 | <el-col :span="8"> |
| 8 | <el-form-item label="不动产单元号"> | 8 | <el-form-item label="不动产单元号"> |
| 9 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px"> | 9 | <el-input |
| 10 | </el-input> | 10 | placeholder="请输入不动产单元号" |
| 11 | maxlength="28" | ||
| 12 | v-model="queryForm.bdcdyh" | ||
| 13 | clearable | ||
| 14 | class="width200px" | ||
| 15 | ></el-input> | ||
| 11 | </el-form-item> | 16 | </el-form-item> |
| 12 | </el-col> | 17 | </el-col> |
| 13 | <el-col :span="5"> | 18 | <el-col :span="8"> |
| 14 | <el-form-item label="业务号"> | 19 | <el-form-item label="查封机关"> |
| 15 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | 20 | <el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width200px"></el-input> |
| 16 | </el-input> | 21 | </el-form-item> |
| 22 | </el-col> | ||
| 23 | <el-col :span="8"> | ||
| 24 | <el-form-item label="查封文号"> | ||
| 25 | <el-input | ||
| 26 | placeholder="请输入不动产权证号" | ||
| 27 | v-model="queryForm.cfwh" | ||
| 28 | clearable | ||
| 29 | class="width200px" | ||
| 30 | ></el-input> | ||
| 17 | </el-form-item> | 31 | </el-form-item> |
| 18 | </el-col> | 32 | </el-col> |
| 19 | <el-col :span="6"> | 33 | </el-row> |
| 20 | <el-form-item label="不动产权证号"> | 34 | <el-row> |
| 21 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | 35 | <el-col :span="5"> |
| 22 | </el-input> | 36 | <el-form-item label="坐落"> |
| 37 | <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width200px"></el-input> | ||
| 23 | </el-form-item> | 38 | </el-form-item> |
| 24 | </el-col> | 39 | </el-col> |
| 25 | <el-col :span="2" class="btnColRight"> | 40 | <el-col :span="6" class="btnColRight"> |
| 26 | <el-form-item> | 41 | <el-form-item> |
| 27 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 42 | <el-button type="primary" @click="resetForm(true)">重置</el-button> |
| 28 | <el-button type="primary" @click="handleSearch">查询</el-button> | 43 | <el-button type="primary" @click="queryClick">查询</el-button> |
| 29 | </el-form-item> | 44 | </el-form-item> |
| 30 | </el-col> | 45 | </el-col> |
| 31 | </el-row> | 46 | </el-row> |
| ... | @@ -33,11 +48,20 @@ | ... | @@ -33,11 +48,20 @@ |
| 33 | </div> | 48 | </div> |
| 34 | <!-- 表格 --> | 49 | <!-- 表格 --> |
| 35 | <div class="from-clues-content loadingtext"> | 50 | <div class="from-clues-content loadingtext"> |
| 36 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 51 | <lb-table |
| 37 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 52 | ref="table" |
| 38 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 53 | @row-click="handleRowClick" |
| 39 | :data="tableData.data"> | 54 | :page-size="pageData.pageSize" |
| 40 | </lb-table> | 55 | :calcHeight="300" |
| 56 | :current-page.sync="pageData.currentPage" | ||
| 57 | :total="tableData.total" | ||
| 58 | @size-change="handleSizeChange" | ||
| 59 | @select="select" | ||
| 60 | @p-current-change="handleCurrentChange" | ||
| 61 | @selection-change="handleSelectionChange" | ||
| 62 | :column="tableData.columns" | ||
| 63 | :data="tableData.data" | ||
| 64 | ></lb-table> | ||
| 41 | </div> | 65 | </div> |
| 42 | <div class="submit_button"> | 66 | <div class="submit_button"> |
| 43 | <el-button @click="$popupCacel">取消</el-button> | 67 | <el-button @click="$popupCacel">取消</el-button> |
| ... | @@ -46,141 +70,138 @@ | ... | @@ -46,141 +70,138 @@ |
| 46 | </div> | 70 | </div> |
| 47 | </template> | 71 | </template> |
| 48 | <script> | 72 | <script> |
| 49 | //查封登记 | 73 | //查封登记 |
| 50 | import store from '@/store/index.js' | 74 | import store from "@/store/index.js"; |
| 51 | import { datas, sendThis } from "../javascript/cfdj.js"; | 75 | import { datas, sendThis } from "../javascript/cfdj.js"; |
| 52 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 76 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 53 | import table from "@/utils/mixin/table"; | 77 | import table from "@/utils/mixin/table"; |
| 54 | import jump from "../components/mixin/jump"; | 78 | import jump from "../components/mixin/jump"; |
| 55 | import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; | 79 | import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; |
| 56 | export default { | 80 | export default { |
| 57 | props: { | 81 | props: { |
| 58 | isJump: { type: Boolean, default: false }, | 82 | isJump: { type: Boolean, default: false }, |
| 59 | sqywInfo: { type: Object, default: () => { } }, | 83 | sqywInfo: { type: Object, default: () => {} }, |
| 84 | }, | ||
| 85 | mixins: [table, jump], | ||
| 86 | data() { | ||
| 87 | return { | ||
| 88 | queryForm: defaultParameters.defaultParameters(), | ||
| 89 | tableData: { | ||
| 90 | total: 0, | ||
| 91 | columns: datas.columns(), | ||
| 92 | data: [], | ||
| 93 | }, | ||
| 94 | bdcdysz: [], | ||
| 95 | bsmSqyw: | ||
| 96 | this.sqywInfo.nodetype === "djlx" | ||
| 97 | ? this.sqywInfo.bsmSqyw | ||
| 98 | : this.sqywInfo.parentid, | ||
| 99 | }; | ||
| 100 | }, | ||
| 101 | mounted() { | ||
| 102 | sendThis(this); | ||
| 103 | }, | ||
| 104 | methods: { | ||
| 105 | queryClick() { | ||
| 106 | console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx); | ||
| 107 | this.$startLoading(); | ||
| 108 | selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 109 | this.$endLoading(); | ||
| 110 | if (res.code === 200) { | ||
| 111 | let { total, records } = res.result; | ||
| 112 | this.tableData.total = total; | ||
| 113 | this.tableData.data = records; | ||
| 114 | } | ||
| 115 | }); | ||
| 116 | }, | ||
| 117 | submitForm() { | ||
| 118 | if (this.bdcdysz.length == 0) { | ||
| 119 | this.$message.error("请至少选择一条数据"); | ||
| 120 | return; | ||
| 121 | } | ||
| 122 | if (!this.isJump) { | ||
| 123 | startBusinessFlow({ | ||
| 124 | bsmSqyw: this.bsmSqyw, | ||
| 125 | bdcdysz: this.bdcdysz, | ||
| 126 | djqxbm: | ||
| 127 | this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | ||
| 128 | djqxmc: | ||
| 129 | this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
| 130 | }).then((res) => { | ||
| 131 | if (res.code == 200) { | ||
| 132 | this.$message({ | ||
| 133 | showClose: true, | ||
| 134 | message: "发起申请成功", | ||
| 135 | type: "success", | ||
| 136 | }); | ||
| 137 | this.jump(res.result, this.sqywInfo.djywbm); | ||
| 138 | } else { | ||
| 139 | this.$message.error(res.message); | ||
| 140 | } | ||
| 141 | }); | ||
| 142 | } else { | ||
| 143 | choiceBdcdy({ | ||
| 144 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 145 | bdcdysz: this.bdcdysz, | ||
| 146 | }).then((res) => { | ||
| 147 | if (res.code == 200) { | ||
| 148 | this.$message({ | ||
| 149 | showClose: true, | ||
| 150 | message: "发起申请成功", | ||
| 151 | type: "success", | ||
| 152 | }); | ||
| 153 | store.dispatch("user/refreshPage", true); | ||
| 154 | } else { | ||
| 155 | this.$message.error(res.message); | ||
| 156 | } | ||
| 157 | this.$popupCacel(); | ||
| 158 | }); | ||
| 159 | } | ||
| 60 | }, | 160 | }, |
| 61 | mixins: [table, jump], | 161 | handleSelectionChange(val) { |
| 62 | data () { | 162 | val.forEach((item, index) => { |
| 63 | return { | 163 | item.bsmSsql = item.bsmQlxx; |
| 64 | queryForm: defaultParameters.defaultParameters(), | 164 | item.ybdcqzsh = item.bdcqzh; |
| 65 | tableData: { | 165 | }); |
| 66 | total: 0, | 166 | this.bdcdysz = val; |
| 67 | columns: datas.columns(), | ||
| 68 | data: [], | ||
| 69 | }, | ||
| 70 | bdcdysz: [], | ||
| 71 | bsmSqyw: | ||
| 72 | this.sqywInfo.nodetype === "djlx" | ||
| 73 | ? this.sqywInfo.bsmSqyw | ||
| 74 | : this.sqywInfo.parentid, | ||
| 75 | }; | ||
| 76 | }, | 167 | }, |
| 77 | mounted () { | 168 | select(selection, row) { |
| 78 | sendThis(this); | 169 | if (this.sqywInfo.sqywdylx == "1") { |
| 170 | // 清除 所有勾选项 | ||
| 171 | this.$refs.table.clearSelection(); | ||
| 172 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 173 | // 主要用于将当前勾选的表格状态清除 | ||
| 174 | if (selection.length == 0) return; | ||
| 175 | this.$refs.table.toggleRowSelection(row, true); | ||
| 176 | } | ||
| 79 | }, | 177 | }, |
| 80 | methods: { | 178 | handleRowClick(row) { |
| 81 | queryClick () { | 179 | // 如果状态是1，那就是单选 |
| 82 | console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx); | 180 | if (this.sqywInfo.sqywdylx == "1") { |
| 83 | this.$startLoading(); | 181 | const bdcdysz = this.bdcdysz; |
| 84 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 182 | this.$refs.table.clearSelection(); |
| 85 | selectCfdj({ ...this.queryForm, ...this.pageData }) | 183 | if (bdcdysz.length == 1) { |
| 86 | .then((res) => { | 184 | bdcdysz.forEach((item) => { |
| 87 | this.$endLoading(); | 185 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 |
| 88 | if (res.code === 200) { | 186 | if (item == row) { |
| 89 | let { total, records } = res.result; | 187 | this.$refs.table.toggleRowSelection(row, false); |
| 90 | this.tableData.total = total; | ||
| 91 | this.tableData.data = records; | ||
| 92 | } | 188 | } |
| 93 | }) | 189 | // 不然就让当前的一行勾选 |
| 94 | }, | 190 | else { |
| 95 | submitForm () { | 191 | this.$refs.table.toggleRowSelection(row, true); |
| 96 | if (this.bdcdysz.length == 0) { | ||
| 97 | this.$message.error("请至少选择一条数据"); | ||
| 98 | return; | ||
| 99 | } | ||
| 100 | if (!this.isJump) { | ||
| 101 | startBusinessFlow({ | ||
| 102 | bsmSqyw: this.bsmSqyw, | ||
| 103 | bdcdysz: this.bdcdysz, | ||
| 104 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | ||
| 105 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
| 106 | }).then((res) => { | ||
| 107 | if (res.code == 200) { | ||
| 108 | this.$message({ | ||
| 109 | showClose: true, | ||
| 110 | message: '发起申请成功', | ||
| 111 | type: 'success' | ||
| 112 | }) | ||
| 113 | this.jump(res.result, this.sqywInfo.djywbm) | ||
| 114 | } else { | ||
| 115 | this.$message.error(res.message) | ||
| 116 | } | 192 | } |
| 117 | }) | 193 | }); |
| 118 | } else { | 194 | } else { |
| 119 | choiceBdcdy({ | 195 | this.$refs.table.toggleRowSelection(row, true); |
| 120 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 121 | bdcdysz: this.bdcdysz | ||
| 122 | }).then(res => { | ||
| 123 | if (res.code == 200) { | ||
| 124 | this.$message({ | ||
| 125 | showClose: true, | ||
| 126 | message: '发起申请成功', | ||
| 127 | type: 'success' | ||
| 128 | }) | ||
| 129 | store.dispatch('user/refreshPage', true); | ||
| 130 | } else { | ||
| 131 | this.$message.error(res.message); | ||
| 132 | } | ||
| 133 | this.$popupCacel() | ||
| 134 | }) | ||
| 135 | } | 196 | } |
| 136 | }, | 197 | } else { |
| 137 | handleSelectionChange (val) { | 198 | this.$refs.table.toggleRowSelection(row); |
| 138 | val.forEach((item, index) => { | 199 | } |
| 139 | item.bsmSsql = item.bsmQlxx | ||
| 140 | item.ybdcqzsh = item.bdcqzh | ||
| 141 | }) | ||
| 142 | this.bdcdysz = val | ||
| 143 | }, | ||
| 144 | select(selection, row){ | ||
| 145 | if(this.sqywInfo.sqywdylx=="1"){ | ||
| 146 | // 清除 所有勾选项 | ||
| 147 | this.$refs.table.clearSelection() | ||
| 148 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 149 | // 主要用于将当前勾选的表格状态清除 | ||
| 150 | if(selection.length == 0) return | ||
| 151 | this.$refs.table.toggleRowSelection(row, true); | ||
| 152 | } | ||
| 153 | }, | ||
| 154 | handleRowClick(row){ | ||
| 155 | // 如果状态是1，那就是单选 | ||
| 156 | if(this.sqywInfo.sqywdylx=="1"){ | ||
| 157 | const bdcdysz = this.bdcdysz | ||
| 158 | this.$refs.table.clearSelection() | ||
| 159 | if( bdcdysz.length == 1 ) { | ||
| 160 | bdcdysz.forEach(item => { | ||
| 161 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 162 | if (item == row) { | ||
| 163 | this.$refs.table.toggleRowSelection(row, false); | ||
| 164 | } | ||
| 165 | // 不然就让当前的一行勾选 | ||
| 166 | else { | ||
| 167 | this.$refs.table.toggleRowSelection(row, true); | ||
| 168 | } | ||
| 169 | }) | ||
| 170 | } | ||
| 171 | else { | ||
| 172 | this.$refs.table.toggleRowSelection(row, true); | ||
| 173 | } | ||
| 174 | }else{ | ||
| 175 | this.$refs.table.toggleRowSelection(row); | ||
| 176 | } | ||
| 177 | }, | ||
| 178 | |||
| 179 | |||
| 180 | }, | 200 | }, |
| 181 | }; | 201 | }, |
| 202 | }; | ||
| 182 | </script> | 203 | </script> |
| 183 | <style scoped lang="scss"> | 204 | <style scoped lang="scss"> |
| 184 | @import "~@/styles/mixin.scss"; | 205 | @import "~@/styles/mixin.scss"; |
| 185 | @import "~@/styles/public.scss"; | 206 | @import "~@/styles/public.scss"; |
| 186 | </style> | 207 | </style> | ... | ... |
| ... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
| 52 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 52 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 53 | import table from "@/utils/mixin/table"; | 53 | import table from "@/utils/mixin/table"; |
| 54 | import jump from "./mixin/jump"; | 54 | import jump from "./mixin/jump"; |
| 55 | import { selectYgdj100, startBusinessFlow } from "@/api/ywbl.js"; | 55 | import { selectHQjdc, startBusinessFlow } from "@/api/ywbl.js"; |
| 56 | export default { | 56 | export default { |
| 57 | mixins: [table, jump], | 57 | mixins: [table, jump], |
| 58 | props: { | 58 | props: { |
| ... | @@ -78,7 +78,7 @@ | ... | @@ -78,7 +78,7 @@ |
| 78 | console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx); | 78 | console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx); |
| 79 | this.$startLoading(); | 79 | this.$startLoading(); |
| 80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 80 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 81 | selectYgdj100({ ...this.queryForm, ...this.pageData }).then((res) => { | 81 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 82 | this.$endLoading(); | 82 | this.$endLoading(); |
| 83 | if (res.code === 200) { | 83 | if (res.code === 200) { |
| 84 | let { total, records } = res.result; | 84 | let { total, records } = res.result; | ... | ... |
| ... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
| 52 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 52 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 53 | import table from "@/utils/mixin/table"; | 53 | import table from "@/utils/mixin/table"; |
| 54 | import jump from "./mixin/jump"; | 54 | import jump from "./mixin/jump"; |
| 55 | import { selectAllHInfo, startBusinessFlow } from "@/api/ywbl.js"; | 55 | import { selectHQjdc, startBusinessFlow } from "@/api/ywbl.js"; |
| 56 | export default { | 56 | export default { |
| 57 | mixins: [table, jump], | 57 | mixins: [table, jump], |
| 58 | props: { | 58 | props: { |
| ... | @@ -75,10 +75,10 @@ | ... | @@ -75,10 +75,10 @@ |
| 75 | sendThis(this); | 75 | sendThis(this); |
| 76 | }, | 76 | }, |
| 77 | methods: { | 77 | methods: { |
| 78 | queryClick () { | 78 | queryClick () { |
| 79 | console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx); | ||
| 80 | this.$startLoading(); | 79 | this.$startLoading(); |
| 81 | selectAllHInfo({ "zrzbsm": this.sqywInfo.zrzbsm, ...this.queryForm, ...this.pageData }).then((res) => { | 80 | this.queryForm.zrzbsm = this.sqywInfo.zrzbsm; |
| 81 | selectHQjdc({...this.queryForm, ...this.pageData }).then((res) => { | ||
| 82 | this.$endLoading(); | 82 | this.$endLoading(); |
| 83 | if (res.code === 200) { | 83 | if (res.code === 200) { |
| 84 | let { total, records } = res.result; | 84 | let { total, records } = res.result; | ... | ... |
| ... | @@ -39,17 +39,7 @@ class data extends filter { | ... | @@ -39,17 +39,7 @@ class data extends filter { |
| 39 | return ( | 39 | return ( |
| 40 | <div> | 40 | <div> |
| 41 | {/* <a v-on:click="doSomething"></a> */} | 41 | {/* <a v-on:click="doSomething"></a> */} |
| 42 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | 42 | <a style='color:#3498db;' v-show={scope.row.qlblzt == 1} >正在办理</a> |
| 43 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
| 44 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 46 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
| 47 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
| 48 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
| 49 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
| 50 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
| 51 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
| 52 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
| 53 | </div> | 43 | </div> |
| 54 | ) | 44 | ) |
| 55 | } | 45 | } |
| ... | @@ -68,6 +58,10 @@ class data extends filter { | ... | @@ -68,6 +58,10 @@ class data extends filter { |
| 68 | label: "查封机关", | 58 | label: "查封机关", |
| 69 | }, | 59 | }, |
| 70 | { | 60 | { |
| 61 | prop: "cflxmc", | ||
| 62 | label: "查封类型", | ||
| 63 | }, | ||
| 64 | { | ||
| 71 | prop: "cfwh", | 65 | prop: "cfwh", |
| 72 | label: "查封文号", | 66 | label: "查封文号", |
| 73 | }, | 67 | }, | ... | ... |
| ... | @@ -54,7 +54,7 @@ export function queueDjywmc(djywbm, djqxbm) { | ... | @@ -54,7 +54,7 @@ export function queueDjywmc(djywbm, djqxbm) { |
| 54 | vm = "cfdj"; | 54 | vm = "cfdj"; |
| 55 | break; | 55 | break; |
| 56 | case "B40100"://预告首次 | 56 | case "B40100"://预告首次 |
| 57 | vm = "selectYgdj100"; | 57 | vm = "selectH"; |
| 58 | break; | 58 | break; |
| 59 | case "B40200"://预告转移 | 59 | case "B40200"://预告转移 |
| 60 | case "B40300"://预告变更 | 60 | case "B40300"://预告变更 | ... | ... |
-
Please register or sign in to post a comment