Merge branch 'dev'
Showing
32 changed files
with
893 additions
and
474 deletions
| 1 | /* | 1 | /* |
| 2 | * @Description: 材料信息 | 2 | * @Description: 材料信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-13 15:56:03 | 4 | * @LastEditTime: 2023-09-18 16:03:16 |
| 5 | */ | 5 | */ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| ... | @@ -157,3 +157,17 @@ export function getClmxList (bsmSj) { | ... | @@ -157,3 +157,17 @@ export function getClmxList (bsmSj) { |
| 157 | } | 157 | } |
| 158 | }) | 158 | }) |
| 159 | } | 159 | } |
| 160 | /** | ||
| 161 | * @description: 补录材料目录 | ||
| 162 | * @param {*} data | ||
| 163 | * @author: renchao | ||
| 164 | */ | ||
| 165 | export function repairInitClml (data) { | ||
| 166 | return request({ | ||
| 167 | url: SERVER.SERVERAPI + '/rest/ywbl/clxx/repairInitClml', | ||
| 168 | method: 'post', | ||
| 169 | params: { | ||
| 170 | repair: data.bsmRepair | ||
| 171 | } | ||
| 172 | }) | ||
| 173 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -28,7 +28,7 @@ export function getXtParamsByYwh (ywh) { | ... | @@ -28,7 +28,7 @@ export function getXtParamsByYwh (ywh) { |
| 28 | */ | 28 | */ |
| 29 | export function getBlParamsByYwh (ywh, bsmQlxx) { | 29 | export function getBlParamsByYwh (ywh, bsmQlxx) { |
| 30 | return request({ | 30 | return request({ |
| 31 | url: SERVER.SERVERAPI + '/rest/ywbl/djyw/getBlParamsByYwh', | 31 | url: SERVER.SERVERAPI + '/rest/ywbl/djyw/getBlParamsByYwh', |
| 32 | method: 'get', | 32 | method: 'get', |
| 33 | params: { | 33 | params: { |
| 34 | ywh: ywh, | 34 | ywh: ywh, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 17:11:15 | 4 | * @LastEditTime: 2023-09-19 10:19:52 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <transition name="msgbox-fade"> | 7 | <transition name="msgbox-fade"> |
| ... | @@ -160,7 +160,6 @@ | ... | @@ -160,7 +160,6 @@ |
| 160 | .mask-content { | 160 | .mask-content { |
| 161 | padding: 5px 20px 30px 20px; | 161 | padding: 5px 20px 30px 20px; |
| 162 | width: 100%; | 162 | width: 100%; |
| 163 | min-height: 253px; | ||
| 164 | max-height: 90vh; | 163 | max-height: 90vh; |
| 165 | overflow-y: scroll; | 164 | overflow-y: scroll; |
| 166 | } | 165 | } | ... | ... |
src/views/djbworkflow/README.md
0 → 100644
| 1 | <!-- 这是补录的业务流程模块 --> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-07 15:04:46 | 4 | * @LastEditTime: 2023-09-19 10:17:02 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" |
| ... | @@ -40,6 +40,7 @@ | ... | @@ -40,6 +40,7 @@ |
| 40 | ruleForm: { | 40 | ruleForm: { |
| 41 | cllx: "", | 41 | cllx: "", |
| 42 | clmc: "", | 42 | clmc: "", |
| 43 | sfggcl: "0" | ||
| 43 | }, | 44 | }, |
| 44 | rules: { | 45 | rules: { |
| 45 | cllx: [ | 46 | cllx: [ |
| ... | @@ -47,14 +48,17 @@ | ... | @@ -47,14 +48,17 @@ |
| 47 | ], | 48 | ], |
| 48 | clmc: [ | 49 | clmc: [ |
| 49 | { required: true, message: '请输入材料名称', trigger: 'blur' } | 50 | { required: true, message: '请输入材料名称', trigger: 'blur' } |
| 51 | ], | ||
| 52 | clbm: [ | ||
| 53 | { required: true, message: '请输入材料编码', trigger: 'blur' } | ||
| 50 | ] | 54 | ] |
| 51 | } | 55 | } |
| 52 | } | 56 | } |
| 53 | }, | 57 | }, |
| 54 | watch: { | 58 | watch: { |
| 55 | value (val) { | 59 | value (val) { |
| 56 | this.myValue = val; | 60 | this.myValue = val |
| 57 | }, | 61 | } |
| 58 | }, | 62 | }, |
| 59 | methods: { | 63 | methods: { |
| 60 | /** | 64 | /** |
| ... | @@ -66,6 +70,7 @@ | ... | @@ -66,6 +70,7 @@ |
| 66 | this.ruleForm = { | 70 | this.ruleForm = { |
| 67 | cllx: "", | 71 | cllx: "", |
| 68 | clmc: "", | 72 | clmc: "", |
| 73 | sfggcl: "0" | ||
| 69 | } | 74 | } |
| 70 | }, | 75 | }, |
| 71 | /** | 76 | /** |
| ... | @@ -79,6 +84,7 @@ | ... | @@ -79,6 +84,7 @@ |
| 79 | this.ruleForm = { | 84 | this.ruleForm = { |
| 80 | cllx: "", | 85 | cllx: "", |
| 81 | clmc: "", | 86 | clmc: "", |
| 87 | sfggcl: "0" | ||
| 82 | } | 88 | } |
| 83 | this.$emit("input", false); | 89 | this.$emit("input", false); |
| 84 | } else { | 90 | } else { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 11:14:54 | 4 | * @LastEditTime: 2023-09-19 10:17:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
| 8 | <lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false" | 8 | <lb-table :column="column" :key="key" row-key="bsmSj" ref="listTable" :heightNumSetting="true" :calcHeight="600" |
| 9 | :data="tableData"> | 9 | :pagination="false" :data="tableData"> |
| 10 | </lb-table> | 10 | </lb-table> |
| 11 | <div class="text-center"> | 11 | <div class="text-center"> |
| 12 | <el-button @click="handleCancel">取消</el-button> | 12 | <el-button @click="$popupCacel">取消</el-button> |
| 13 | <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button> | 13 | <el-button type="primary" @click="handleSubmit" v-if="formData.ableOperation && tableData.length>0" :loading="loading">保存</el-button> |
| 14 | </div> | 14 | </div> |
| 15 | </div> | 15 | </div> |
| 16 | </template> | 16 | </template> |
| 17 | <script> | 17 | <script> |
| 18 | import store from '@/store/index.js' | 18 | import Vue from 'vue' |
| 19 | import Sortable from 'sortablejs' | 19 | import Sortable from 'sortablejs' |
| 20 | import store from '@/store/index.js' | ||
| 20 | import { ywPopupCacel } from "@/utils/popup.js"; | 21 | import { ywPopupCacel } from "@/utils/popup.js"; |
| 21 | import { editCompanyMaterialList } from "@/api/company.js"; | 22 | import { InitClml, updateClml } from "@/api/clxx.js"; |
| 22 | export default { | 23 | export default { |
| 23 | props: { | 24 | props: { |
| 24 | formData: { | 25 | formData: { |
| ... | @@ -34,11 +35,32 @@ | ... | @@ -34,11 +35,32 @@ |
| 34 | sortable: null, | 35 | sortable: null, |
| 35 | column: [ | 36 | column: [ |
| 36 | { | 37 | { |
| 38 | prop: "isrequired", | ||
| 39 | label: "是否必选", | ||
| 40 | width: "80", | ||
| 41 | render: (h, scope) => { | ||
| 42 | if (scope.row.isrequired === "1") { | ||
| 43 | return ( | ||
| 44 | <div> | ||
| 45 | <span>必选</span> | ||
| 46 | </div> | ||
| 47 | ); | ||
| 48 | } | ||
| 49 | else { | ||
| 50 | return ( | ||
| 51 | <div> | ||
| 52 | <span>可选</span> | ||
| 53 | </div> | ||
| 54 | ) | ||
| 55 | } | ||
| 56 | } | ||
| 57 | }, | ||
| 58 | { | ||
| 37 | label: "材料名称", | 59 | label: "材料名称", |
| 38 | render: (h, scope) => { | 60 | render: (h, scope) => { |
| 39 | return ( | 61 | return ( |
| 40 | (scope.row.sfxjcl == '1') ? | 62 | (this.formData.ableOperation && scope.row.sfxjcl == '1') ? |
| 41 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> : <span>{scope.row.clmc}</span> | 63 | <el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span> |
| 42 | ) | 64 | ) |
| 43 | } | 65 | } |
| 44 | }, | 66 | }, |
| ... | @@ -47,8 +69,9 @@ | ... | @@ -47,8 +69,9 @@ |
| 47 | width: "110", | 69 | width: "110", |
| 48 | render: (h, scope) => { | 70 | render: (h, scope) => { |
| 49 | return ( | 71 | return ( |
| 50 | <el-select value={scope.row.cllx} | 72 | this.formData.ableOperation ? |
| 51 | onChange={(val) => { scope.row.cllx = val }}> | 73 | <el-select value={scope.row.sjlx} |
| 74 | onChange={(val) => { scope.row.sjlx = val }}> | ||
| 52 | { | 75 | { |
| 53 | store.getters.dictData['A40'].map(option => { | 76 | store.getters.dictData['A40'].map(option => { |
| 54 | return ( | 77 | return ( |
| ... | @@ -56,18 +79,40 @@ | ... | @@ -56,18 +79,40 @@ |
| 56 | ) | 79 | ) |
| 57 | }) | 80 | }) |
| 58 | } | 81 | } |
| 59 | </el-select> | 82 | </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> |
| 60 | ) | 83 | ) |
| 61 | } | 84 | } |
| 62 | }, | 85 | }, |
| 63 | { | 86 | { |
| 64 | label: "页数", | 87 | prop: "sjsl", |
| 88 | label: "收件数量", | ||
| 65 | width: "80", | 89 | width: "80", |
| 66 | render: (h, scope) => { | 90 | render: (h, scope) => { |
| 67 | if (scope.row.count && scope.row.count > 0) { | 91 | return ( |
| 92 | (this.formData.ableOperation) ? | ||
| 93 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> : <span>{ | ||
| 94 | scope.row.sjsl | ||
| 95 | }</span> | ||
| 96 | ) | ||
| 97 | } | ||
| 98 | }, | ||
| 99 | { | ||
| 100 | label: "扫描时间", | ||
| 101 | width: "140", | ||
| 102 | render: (h, scope) => { | ||
| 103 | return ( | ||
| 104 | <span>{scope.row.sjsj}</span> | ||
| 105 | ) | ||
| 106 | } | ||
| 107 | }, | ||
| 108 | { | ||
| 109 | label: "页数", | ||
| 110 | width: "60", | ||
| 111 | render: (h, scope) => { | ||
| 112 | if (scope.row.ys && scope.row.ys > 0) { | ||
| 68 | return ( | 113 | return ( |
| 69 | <div> | 114 | <div> |
| 70 | <span>{scope.row.count}</span> | 115 | <span>{scope.row.ys}</span> |
| 71 | </div> | 116 | </div> |
| 72 | ); | 117 | ); |
| 73 | } else { | 118 | } else { |
| ... | @@ -80,6 +125,21 @@ | ... | @@ -80,6 +125,21 @@ |
| 80 | }, | 125 | }, |
| 81 | }, | 126 | }, |
| 82 | { | 127 | { |
| 128 | label: "是否新建材料", | ||
| 129 | width: "80", | ||
| 130 | render: (h, scope) => { | ||
| 131 | if (scope.row.sfxjcl && scope.row.sfxjcl == '1') { | ||
| 132 | return ( | ||
| 133 | <span>是</span> | ||
| 134 | ); | ||
| 135 | } else { | ||
| 136 | return ( | ||
| 137 | <span>否</span> | ||
| 138 | ); | ||
| 139 | } | ||
| 140 | }, | ||
| 141 | }, | ||
| 142 | { | ||
| 83 | label: "操作", | 143 | label: "操作", |
| 84 | width: "100", | 144 | width: "100", |
| 85 | render: (h, scope) => { | 145 | render: (h, scope) => { |
| ... | @@ -87,7 +147,7 @@ | ... | @@ -87,7 +147,7 @@ |
| 87 | <el-button | 147 | <el-button |
| 88 | type="text" | 148 | type="text" |
| 89 | icon="el-icon-delete" | 149 | icon="el-icon-delete" |
| 90 | disabled={scope.row.count != 0} | 150 | disabled={!(scope.row.ys == 0 && scope.row.sfxjcl == '1') || !this.formData.ableOperation} |
| 91 | onClick={() => { | 151 | onClick={() => { |
| 92 | this.handleDelete(scope.$index, scope.row); | 152 | this.handleDelete(scope.$index, scope.row); |
| 93 | }} | 153 | }} |
| ... | @@ -102,15 +162,6 @@ | ... | @@ -102,15 +162,6 @@ |
| 102 | tableData: [] | 162 | tableData: [] |
| 103 | } | 163 | } |
| 104 | }, | 164 | }, |
| 105 | mounted () { | ||
| 106 | this.initSort() | ||
| 107 | this.tableData = _.cloneDeep(this.formData.data) | ||
| 108 | }, | ||
| 109 | beforeDestroy () { | ||
| 110 | if (this.sortable) { | ||
| 111 | this.sortable.destroy(); | ||
| 112 | } | ||
| 113 | }, | ||
| 114 | watch: { | 165 | watch: { |
| 115 | 'formData.data': { | 166 | 'formData.data': { |
| 116 | handler: function (val, oldVal) { | 167 | handler: function (val, oldVal) { |
| ... | @@ -120,32 +171,61 @@ | ... | @@ -120,32 +171,61 @@ |
| 120 | deep: true | 171 | deep: true |
| 121 | } | 172 | } |
| 122 | }, | 173 | }, |
| 123 | methods: { | 174 | mounted () { |
| 124 | handleCancel () { | 175 | this.initSort() |
| 125 | ywPopupCacel() | 176 | }, |
| 177 | beforeDestroy () { | ||
| 178 | if (this.sortable) { | ||
| 179 | this.sortable.destroy(); | ||
| 180 | } | ||
| 126 | }, | 181 | }, |
| 182 | methods: { | ||
| 127 | handleSubmit () { | 183 | handleSubmit () { |
| 128 | this.loading = true | 184 | this.loading = true |
| 129 | store.dispatch('user/reWorkFresh', false) | 185 | store.dispatch('user/reWorkFresh', false) |
| 130 | editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => { | 186 | updateClml(this.tableData, this.formData.bsmSldy, Vue.prototype.$currentRoute.query.bsmSlsq).then(res => { |
| 131 | this.loading = false | 187 | this.loading = false |
| 132 | if (res.code == 200) { | 188 | if (res.code == 200) { |
| 133 | this.$message({ | 189 | this.$message({ |
| 134 | message: '保存成功', | 190 | message: '保存成功', |
| 135 | type: 'success' | 191 | type: 'success' |
| 136 | }) | 192 | }) |
| 137 | store.dispatch('user/reWorkFresh', true) | ||
| 138 | ywPopupCacel() | 193 | ywPopupCacel() |
| 194 | store.dispatch('user/reWorkFresh', true) | ||
| 139 | } | 195 | } |
| 140 | }).catch(() => { | 196 | }).catch(() => { |
| 141 | this.loading = false | 197 | this.loading = false |
| 142 | }) | 198 | }) |
| 143 | }, | 199 | }, |
| 144 | /** | 200 | /** |
| 201 | * @description: 材料目录明细初始化 | ||
| 202 | * @author: renchao | ||
| 203 | */ | ||
| 204 | clmlInitList () { | ||
| 205 | return new Promise(resolve => { | ||
| 206 | this.unitData = this.$parent.unitData; | ||
| 207 | var formdata = new FormData(); | ||
| 208 | formdata.append("bsmSlsq", Vue.prototype.$currentRoute.query.bsmSlsq); | ||
| 209 | formdata.append("bsmSldy", this.formData.bsmRepair); | ||
| 210 | formdata.append("clfl", 3); | ||
| 211 | InitClml(formdata).then((res) => { | ||
| 212 | if (res.code == 200) { | ||
| 213 | resolve(res.code) | ||
| 214 | if (res.result && res.result.length > 0) { | ||
| 215 | this.tableData = res.result; | ||
| 216 | } else { | ||
| 217 | this.tableData = [] | ||
| 218 | } | ||
| 219 | } else { | ||
| 220 | this.$message.error(res.message) | ||
| 221 | } | ||
| 222 | }) | ||
| 223 | }) | ||
| 224 | }, | ||
| 225 | /** | ||
| 145 | * @description: 材料目录删除 | 226 | * @description: 材料目录删除 |
| 146 | * @param {*} index | 227 | * @param {*} index |
| 147 | * @param {*} row | 228 | * @param {*} row |
| 148 | * @author: renchao | ||
| 149 | */ | 229 | */ |
| 150 | handleDelete (index, row) { | 230 | handleDelete (index, row) { |
| 151 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | 231 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { |
| ... | @@ -173,7 +253,19 @@ | ... | @@ -173,7 +253,19 @@ |
| 173 | this.tableData.splice(evt.newIndex, 0, targetRow); | 253 | this.tableData.splice(evt.newIndex, 0, targetRow); |
| 174 | } | 254 | } |
| 175 | }) | 255 | }) |
| 256 | }, | ||
| 257 | dicStatus (val, code) { | ||
| 258 | let data = store.getters.dictData[code], | ||
| 259 | name = '暂无' | ||
| 260 | if (data) { | ||
| 261 | data.map((item) => { | ||
| 262 | if (item.dcode == val) { | ||
| 263 | name = item.dname | ||
| 264 | } | ||
| 265 | }) | ||
| 266 | return name | ||
| 176 | } | 267 | } |
| 268 | }, | ||
| 177 | } | 269 | } |
| 178 | } | 270 | } |
| 179 | </script> | 271 | </script> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 16:24:07 | 4 | * @LastEditTime: 2023-09-18 17:11:37 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
| ... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
| 14 | <div class="img-list-wrap" v-Loading="loading"> | 14 | <div class="img-list-wrap" v-Loading="loading"> |
| 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> | 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> |
| 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> |
| 17 | <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | 17 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" |
| 18 | overlayStyle="width: 100%;height:100%"> | 18 | overlayStyle="width: 100%;height:100%"> |
| 19 | </photo-zoom> | 19 | </photo-zoom> |
| 20 | </div> | 20 | </div> |
| ... | @@ -41,7 +41,7 @@ | ... | @@ -41,7 +41,7 @@ |
| 41 | <ul> | 41 | <ul> |
| 42 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" | 42 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" |
| 43 | @click="showCurrent(index)"> | 43 | @click="showCurrent(index)"> |
| 44 | <img :src="img.fileurl"> | 44 | <img :src="img.fjurl"> |
| 45 | </li> | 45 | </li> |
| 46 | </ul> | 46 | </ul> |
| 47 | </div> | 47 | </div> |
| ... | @@ -53,7 +53,7 @@ | ... | @@ -53,7 +53,7 @@ |
| 53 | <script> | 53 | <script> |
| 54 | import PhotoZoom from '@/components/PhotoZoom' | 54 | import PhotoZoom from '@/components/PhotoZoom' |
| 55 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' | 55 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' |
| 56 | import { uploadBatch, deleteFile, move } from "@/api/company.js" | 56 | import { uploadBatch, deleteClmx, move } from "@/api/clxx.js"; |
| 57 | import publicPicture from '@/components/publicPicture/index.vue' | 57 | import publicPicture from '@/components/publicPicture/index.vue' |
| 58 | export default { | 58 | export default { |
| 59 | name: 'PreviewImage', | 59 | name: 'PreviewImage', |
| ... | @@ -86,7 +86,7 @@ | ... | @@ -86,7 +86,7 @@ |
| 86 | // 缩略图 | 86 | // 缩略图 |
| 87 | thumbnailImages: [], | 87 | thumbnailImages: [], |
| 88 | showViewer: false, | 88 | showViewer: false, |
| 89 | initialIndex: 0, | 89 | initialIndex: undefined, |
| 90 | allLi: [], | 90 | allLi: [], |
| 91 | } | 91 | } |
| 92 | }, | 92 | }, |
| ... | @@ -94,7 +94,7 @@ | ... | @@ -94,7 +94,7 @@ |
| 94 | previewImg: { | 94 | previewImg: { |
| 95 | handler (newValue, oldValue) { | 95 | handler (newValue, oldValue) { |
| 96 | if (newValue.imgList && newValue.imgList.length > 0) { | 96 | if (newValue.imgList && newValue.imgList.length > 0) { |
| 97 | this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fileurl) | 97 | this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fjurl) |
| 98 | this.thumbnailImages = newValue.imgList | 98 | this.thumbnailImages = newValue.imgList |
| 99 | } else { | 99 | } else { |
| 100 | this.allLi = [] | 100 | this.allLi = [] |
| ... | @@ -134,18 +134,14 @@ | ... | @@ -134,18 +134,14 @@ |
| 134 | setTimeout(() => { | 134 | setTimeout(() => { |
| 135 | this.scanTitle = '关闭高拍仪' | 135 | this.scanTitle = '关闭高拍仪' |
| 136 | this.loading = false | 136 | this.loading = false |
| 137 | }, 3000) | 137 | }, 4000) |
| 138 | } else { | 138 | } else { |
| 139 | this.scanTitle = '打开高拍仪' | 139 | this.scanTitle = '打开高拍仪' |
| 140 | } | 140 | } |
| 141 | }, | 141 | }, |
| 142 | /** | 142 | // 左右移动 |
| 143 | * @description: 左右移动 | ||
| 144 | * @param {*} direction | ||
| 145 | * @author: renchao | ||
| 146 | */ | ||
| 147 | handleMove (direction) { | 143 | handleMove (direction) { |
| 148 | move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => { | 144 | move(direction, this.previewImg.imgList[this.previewImg.index].bsmClmx).then(res => { |
| 149 | if (res.code == 200) { | 145 | if (res.code == 200) { |
| 150 | if (direction == 'left') { | 146 | if (direction == 'left') { |
| 151 | this.previewImg.index = this.previewImg.index - 1 | 147 | this.previewImg.index = this.previewImg.index - 1 |
| ... | @@ -153,7 +149,7 @@ | ... | @@ -153,7 +149,7 @@ |
| 153 | this.previewImg.index = this.previewImg.index + 1 | 149 | this.previewImg.index = this.previewImg.index + 1 |
| 154 | } | 150 | } |
| 155 | this.initialIndex = this.previewImg.index | 151 | this.initialIndex = this.previewImg.index |
| 156 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) | 152 | this.$emit('updateList', { children: res.result, bsmSj: this.previewImg.bsmSj }) |
| 157 | this.$message({ | 153 | this.$message({ |
| 158 | message: '移动成功!', | 154 | message: '移动成功!', |
| 159 | type: 'success' | 155 | type: 'success' |
| ... | @@ -195,7 +191,7 @@ | ... | @@ -195,7 +191,7 @@ |
| 195 | let file = blobToFile(blob); | 191 | let file = blobToFile(blob); |
| 196 | var formData = new FormData(); | 192 | var formData = new FormData(); |
| 197 | formData.append('file', file) | 193 | formData.append('file', file) |
| 198 | formData.append("bsmMaterial ", this.previewImg.bsmMaterial); | 194 | formData.append("bsmSj", this.previewImg.bsmSj); |
| 199 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 195 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); |
| 200 | uploadSjClmx(formData).then((res) => { | 196 | uploadSjClmx(formData).then((res) => { |
| 201 | if (res.code == 200) { | 197 | if (res.code == 200) { |
| ... | @@ -292,13 +288,14 @@ | ... | @@ -292,13 +288,14 @@ |
| 292 | this.key++ | 288 | this.key++ |
| 293 | return; | 289 | return; |
| 294 | } | 290 | } |
| 295 | formData.append("bsmMaterial", this.previewImg.bsmMaterial); | 291 | formData.append("bsmSj", this.previewImg.bsmSj); |
| 292 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | ||
| 296 | if (this.previewImg.imgList.length > 0) { | 293 | if (this.previewImg.imgList.length > 0) { |
| 297 | formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh); | 294 | formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh); |
| 298 | } | 295 | } |
| 299 | uploadBatch(formData).then((res) => { | 296 | uploadBatch(formData).then((res) => { |
| 300 | if (res.code == 200) { | 297 | if (res.code == 200) { |
| 301 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) | 298 | this.$emit('updateList', { children: res.result, bsmSj: this.previewImg.bsmSj }) |
| 302 | this.$message({ | 299 | this.$message({ |
| 303 | message: '上传成功!', | 300 | message: '上传成功!', |
| 304 | type: 'success' | 301 | type: 'success' |
| ... | @@ -320,12 +317,12 @@ | ... | @@ -320,12 +317,12 @@ |
| 320 | cancelButtonText: '取消', | 317 | cancelButtonText: '取消', |
| 321 | type: 'warning' | 318 | type: 'warning' |
| 322 | }).then(async () => { | 319 | }).then(async () => { |
| 323 | let bsmFile = this.previewImg.imgList[this.previewImg.index].bsmFile | 320 | let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx |
| 324 | let bsmMaterial = this.previewImg.imgList[this.previewImg.index].bsmMaterial | 321 | let bsmSj = this.previewImg.imgList[this.previewImg.index].bsmSj |
| 325 | this.previewImg.imgList = this.previewImg.imgList.filter(item => item.bsmFile != bsmFile) | 322 | this.previewImg.imgList = this.previewImg.imgList.filter(item => item.bsmClmx != bsmClmx) |
| 326 | deleteFile(bsmFile).then(res => { | 323 | deleteClmx(bsmClmx).then(res => { |
| 327 | if (res.code == 200) { | 324 | if (res.code == 200) { |
| 328 | that.$emit('updateList', { children: this.previewImg.imgList, bsmMaterial: bsmMaterial }) | 325 | that.$emit('updateList', { children: this.previewImg.imgList, bsmSj: bsmSj }) |
| 329 | that.$message({ | 326 | that.$message({ |
| 330 | message: '删除成功!', | 327 | message: '删除成功!', |
| 331 | type: 'success' | 328 | type: 'success' | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 10:09:10 | 4 | * @LastEditTime: 2023-09-19 09:28:13 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clxx"> | 7 | <div class="clxx"> |
| ... | @@ -29,12 +29,12 @@ | ... | @@ -29,12 +29,12 @@ |
| 29 | </div> | 29 | </div> |
| 30 | <div | 30 | <div |
| 31 | v-for="(item, index) in tableData" | 31 | v-for="(item, index) in tableData" |
| 32 | :key="item.bsmMaterial" | 32 | :key="item.bsmSj" |
| 33 | :class="['child', treeCheckId == item.bsmMaterial ? 'checked' : '']" | 33 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" |
| 34 | @click="treeClick(item, index)"> | 34 | @click="treeClick(item, index)"> |
| 35 | {{ item.clmc }} | 35 | <span v-if="item.isrequired == 1" class="required">必选</span> |
| 36 | <span class="cl_number" :key="key" v-if="item.count">({{ item.count }})</span> | 36 | {{ item.sjmc }} |
| 37 | <span class="cl_number" :key="key" v-else>(0)</span> | 37 | <span class="cl_number" :key="key">({{ item.ys ? item.ys : 0 }})</span> |
| 38 | </div> | 38 | </div> |
| 39 | </div> | 39 | </div> |
| 40 | </div> | 40 | </div> |
| ... | @@ -62,9 +62,7 @@ | ... | @@ -62,9 +62,7 @@ |
| 62 | import imagePreview from "./dialog/imagePreview.vue"; | 62 | import imagePreview from "./dialog/imagePreview.vue"; |
| 63 | import clxxAddDialog from "./dialog/clxxAddDialog.vue"; | 63 | import clxxAddDialog from "./dialog/clxxAddDialog.vue"; |
| 64 | import clxxDetailDialog from "./dialog/clxxDetailDialog.vue"; | 64 | import clxxDetailDialog from "./dialog/clxxDetailDialog.vue"; |
| 65 | import { getCompanyMaterialList, addCompanyMaterial, getFileListByBsmMaterial } from "@/api/company.js"; | 65 | import { repairInitClml, saveClml, getClmxList } from "@/api/clxx.js"; |
| 66 | import { saveClml, getClmxList } from "@/api/clxx.js"; | ||
| 67 | import { repairInitClml } from "@/api/djbRepair.js"; | ||
| 68 | export default { | 66 | export default { |
| 69 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, | 67 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, |
| 70 | props: { | 68 | props: { |
| ... | @@ -85,7 +83,7 @@ | ... | @@ -85,7 +83,7 @@ |
| 85 | key: 0, | 83 | key: 0, |
| 86 | tableData: [], | 84 | tableData: [], |
| 87 | previewImg: { | 85 | previewImg: { |
| 88 | bsmMaterial: "", | 86 | bsmSj: "", |
| 89 | index: 0, | 87 | index: 0, |
| 90 | selectedIndex: 0, | 88 | selectedIndex: 0, |
| 91 | imgList: [] | 89 | imgList: [] |
| ... | @@ -100,7 +98,7 @@ | ... | @@ -100,7 +98,7 @@ |
| 100 | watch: { | 98 | watch: { |
| 101 | workFresh: { | 99 | workFresh: { |
| 102 | handler (newValue, oldValue) { | 100 | handler (newValue, oldValue) { |
| 103 | this.clmlInitList() | 101 | if (newValue) this.clmlInitList() |
| 104 | }, | 102 | }, |
| 105 | deep: true, | 103 | deep: true, |
| 106 | immediate: true | 104 | immediate: true |
| ... | @@ -118,19 +116,19 @@ | ... | @@ -118,19 +116,19 @@ |
| 118 | if (this.treeCheckIndex < this.tableData.length) { | 116 | if (this.treeCheckIndex < this.tableData.length) { |
| 119 | this.treeCheckIndex++; | 117 | this.treeCheckIndex++; |
| 120 | if (this.tableData[this.treeCheckIndex]) { | 118 | if (this.tableData[this.treeCheckIndex]) { |
| 121 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial; | 119 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj; |
| 122 | // 判断页数 | 120 | // 判断页数 |
| 123 | let ys = this.tableData[this.treeCheckIndex].ys | 121 | let ys = this.tableData[this.treeCheckIndex].ys |
| 124 | this.previewImg.index = 0; | 122 | this.previewImg.index = 0; |
| 125 | // 获取材料明细 | 123 | // 获取材料明细 |
| 126 | if (ys > 0) { | 124 | if (ys > 0) { |
| 127 | getFileListByBsmMaterial(this.treeCheckId).then(res => { | 125 | getClmxList(this.treeCheckId).then(res => { |
| 128 | this.previewImg.imgList = res.result ? res.result : [] | 126 | this.previewImg.imgList = res.result ? res.result : [] |
| 129 | }) | 127 | }) |
| 130 | } else { | 128 | } else { |
| 131 | this.previewImg.imgList = [] | 129 | this.previewImg.imgList = [] |
| 132 | } | 130 | } |
| 133 | this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial; | 131 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; |
| 134 | } else { | 132 | } else { |
| 135 | this.$message.error('没有最后一张了'); | 133 | this.$message.error('没有最后一张了'); |
| 136 | } | 134 | } |
| ... | @@ -143,11 +141,11 @@ | ... | @@ -143,11 +141,11 @@ |
| 143 | prevPriview () { | 141 | prevPriview () { |
| 144 | if (this.treeCheckIndex >= 1) { | 142 | if (this.treeCheckIndex >= 1) { |
| 145 | this.treeCheckIndex--; | 143 | this.treeCheckIndex--; |
| 146 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial; | 144 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj; |
| 147 | // 判断页数 | 145 | // 判断页数 |
| 148 | let ys = this.tableData[this.treeCheckIndex].ys | 146 | let ys = this.tableData[this.treeCheckIndex].ys |
| 149 | if (ys > 0) { | 147 | if (ys > 0) { |
| 150 | getFileListByBsmMaterial(this.treeCheckId).then(res => { | 148 | getClmxList(this.treeCheckId).then(res => { |
| 151 | this.previewImg.imgList = res.result ? res.result : [] | 149 | this.previewImg.imgList = res.result ? res.result : [] |
| 152 | this.previewImg.index = this.previewImg.imgList.length - 1; | 150 | this.previewImg.index = this.previewImg.imgList.length - 1; |
| 153 | }) | 151 | }) |
| ... | @@ -155,7 +153,7 @@ | ... | @@ -155,7 +153,7 @@ |
| 155 | this.previewImg.imgList = []; | 153 | this.previewImg.imgList = []; |
| 156 | this.previewImg.index = 0 | 154 | this.previewImg.index = 0 |
| 157 | } | 155 | } |
| 158 | this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial; | 156 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; |
| 159 | } else { | 157 | } else { |
| 160 | this.$message.error('没有第一张了'); | 158 | this.$message.error('没有第一张了'); |
| 161 | } | 159 | } |
| ... | @@ -168,7 +166,7 @@ | ... | @@ -168,7 +166,7 @@ |
| 168 | clmlInitList (type) { | 166 | clmlInitList (type) { |
| 169 | // 1:列表初始化 2:新增材料 | 167 | // 1:列表初始化 2:新增材料 |
| 170 | return new Promise((resolve) => { | 168 | return new Promise((resolve) => { |
| 171 | getCompanyMaterialList(this.formData.bsmCompany).then((res) => { | 169 | repairInitClml(this.$parent).then((res) => { |
| 172 | if (res.code == 200) { | 170 | if (res.code == 200) { |
| 173 | resolve(res.code); | 171 | resolve(res.code); |
| 174 | if (res.result && res.result.length > 0) { | 172 | if (res.result && res.result.length > 0) { |
| ... | @@ -195,12 +193,12 @@ | ... | @@ -195,12 +193,12 @@ |
| 195 | * @author: renchao | 193 | * @author: renchao |
| 196 | */ | 194 | */ |
| 197 | setChecked (item) { | 195 | setChecked (item) { |
| 198 | this.treeCheckId = item.bsmMaterial; | 196 | this.treeCheckId = item.bsmSj; |
| 199 | this.title = item.sjmc; | 197 | this.title = item.sjmc; |
| 200 | this.titleYs = 1; | 198 | this.titleYs = 1; |
| 201 | this.titleNum = item.children.length; | 199 | this.titleNum = item.children.length; |
| 202 | this.previewImg.imgList = item.children; | 200 | this.previewImg.imgList = item.children; |
| 203 | this.previewImg.bsmMaterial = item.bsmMaterial; | 201 | this.previewImg.bsmSj = item.bsmSj; |
| 204 | }, | 202 | }, |
| 205 | /** | 203 | /** |
| 206 | * @description: updateList | 204 | * @description: updateList |
| ... | @@ -212,7 +210,7 @@ | ... | @@ -212,7 +210,7 @@ |
| 212 | if (val.children.length != 0) { | 210 | if (val.children.length != 0) { |
| 213 | //删除最后一张图片时 val=null | 211 | //删除最后一张图片时 val=null |
| 214 | this.tableData.forEach((item) => { | 212 | this.tableData.forEach((item) => { |
| 215 | if (item.bsmMaterial == val.bsmMaterial) { | 213 | if (item.bsmSj == val.bsmSj) { |
| 216 | item.count = val.children.length | 214 | item.count = val.children.length |
| 217 | } | 215 | } |
| 218 | }); | 216 | }); |
| ... | @@ -224,7 +222,7 @@ | ... | @@ -224,7 +222,7 @@ |
| 224 | } else { | 222 | } else { |
| 225 | this.previewImg.imgList = []; | 223 | this.previewImg.imgList = []; |
| 226 | this.tableData.forEach((item, index) => { | 224 | this.tableData.forEach((item, index) => { |
| 227 | if (this.treeCheckId == item.bsmMaterial) { | 225 | if (this.treeCheckId == item.bsmSj) { |
| 228 | item.count = 0; | 226 | item.count = 0; |
| 229 | that.treeCheckIndex = index; | 227 | that.treeCheckIndex = index; |
| 230 | } | 228 | } |
| ... | @@ -245,20 +243,34 @@ | ... | @@ -245,20 +243,34 @@ |
| 245 | */ | 243 | */ |
| 246 | addSave (data) { | 244 | addSave (data) { |
| 247 | let obj = { | 245 | let obj = { |
| 248 | bsmCompany: this.formData.bsmCompany, | 246 | bsmSlsq: this.$parent.bsmSlsq, |
| 249 | clmc: data.clmc, | 247 | isrequired: "1", |
| 250 | cllx: data.cllx | 248 | sjmc: data.clmc, |
| 249 | sjsl: 0, | ||
| 250 | smzt: "", | ||
| 251 | ys: 0, | ||
| 252 | sjlx: data.cllx, | ||
| 253 | sjbm: data.clbm, | ||
| 254 | sfxjcl: "1", // 是否必选 | ||
| 255 | sfggcl: data.sfggcl, | ||
| 251 | }; | 256 | }; |
| 252 | addCompanyMaterial(obj).then(async (res) => { | 257 | //是否公共材料 |
| 258 | if (data.sfggcl == "0") { | ||
| 259 | obj["bsmSldy"] = this.$parent.currentSelectProps.bsmSldy; | ||
| 260 | } | ||
| 261 | if (this.$route.query.sqywbm == "DJBBL") { | ||
| 262 | obj.bsmSldy = this.$parent.bsmRepair | ||
| 263 | } | ||
| 264 | saveClml(obj).then(async (res) => { | ||
| 253 | if (res.code == 200) { | 265 | if (res.code == 200) { |
| 254 | let res = await this.clmlInitList(2); | 266 | let res = await this.clmlInitList(2); |
| 255 | if (res == 200) | 267 | if (res == 200) |
| 256 | this.$message({ | 268 | this.$message({ |
| 257 | message: "新增成功", | 269 | message: "新增成功", |
| 258 | type: "success" | 270 | type: "success", |
| 259 | }) | 271 | }); |
| 260 | } | 272 | } |
| 261 | }) | 273 | }); |
| 262 | }, | 274 | }, |
| 263 | /** | 275 | /** |
| 264 | * @description: 材料目录点击选中 | 276 | * @description: 材料目录点击选中 |
| ... | @@ -268,12 +280,12 @@ | ... | @@ -268,12 +280,12 @@ |
| 268 | */ | 280 | */ |
| 269 | treeClick (item, index) { | 281 | treeClick (item, index) { |
| 270 | this.previewImg.index = 0; | 282 | this.previewImg.index = 0; |
| 271 | this.treeCheckId = item?.bsmMaterial; | 283 | this.treeCheckId = item?.bsmSj; |
| 272 | this.treeCheckIndex = index; | 284 | this.treeCheckIndex = index; |
| 273 | getFileListByBsmMaterial(item.bsmMaterial).then(res => { | 285 | getClmxList(item.bsmSj).then(res => { |
| 274 | this.previewImg.imgList = res.result ? res.result : [] | 286 | this.previewImg.imgList = res.result ? res.result : [] |
| 275 | }) | 287 | }) |
| 276 | this.previewImg.bsmMaterial = item?.bsmMaterial; | 288 | this.previewImg.bsmSj = item?.bsmSj; |
| 277 | }, | 289 | }, |
| 278 | /** | 290 | /** |
| 279 | * @description: 小图片点击 | 291 | * @description: 小图片点击 |
| ... | @@ -288,9 +300,8 @@ | ... | @@ -288,9 +300,8 @@ |
| 288 | //查看明细 | 300 | //查看明细 |
| 289 | viewDetail () { | 301 | viewDetail () { |
| 290 | store.dispatch("user/reWorkFresh", false); | 302 | store.dispatch("user/reWorkFresh", false); |
| 291 | ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", { | 303 | ywPopupDialog("申请材料目录", "djbworkflow/components/clxx/dialog/clxxDetailDialog", { |
| 292 | data: this.tableData, | 304 | data: this.tableData, |
| 293 | bsmCompany: this.formData.bsmCompany | ||
| 294 | }, "60%", true, false) | 305 | }, "60%", true, false) |
| 295 | }, | 306 | }, |
| 296 | //设置tableData | 307 | //设置tableData |
| ... | @@ -401,6 +412,7 @@ | ... | @@ -401,6 +412,7 @@ |
| 401 | line-height: 20px; | 412 | line-height: 20px; |
| 402 | transition: all 0.3s; | 413 | transition: all 0.3s; |
| 403 | padding: 8px 0; | 414 | padding: 8px 0; |
| 415 | overflow: hidden; | ||
| 404 | } | 416 | } |
| 405 | 417 | ||
| 406 | .child:hover { | 418 | .child:hover { | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 09:31:37 | 4 | * @LastEditTime: 2023-09-18 16:32:42 |
| 5 | */ | 5 | */ |
| 6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
| 7 | export function getForm (tabName) { | 7 | export function getForm (tabName) { |
| ... | @@ -82,7 +82,7 @@ export function getForm (tabName) { | ... | @@ -82,7 +82,7 @@ export function getForm (tabName) { |
| 82 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); | 82 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); |
| 83 | break; | 83 | break; |
| 84 | case "clxx": | 84 | case "clxx": |
| 85 | form = require("@/views/djbworkflow/djbBook/components/clxx/index.vue"); | 85 | form = require("@/views/djbworkflow/components/clxx/index.vue"); |
| 86 | break; | 86 | break; |
| 87 | case "spyj": | 87 | case "spyj": |
| 88 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | 88 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-19 09:55:41 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="rlPopup"> | ||
| 8 | <div class="prev handle-btn" v-if="!isScan" @click="prev()"> | ||
| 9 | <i class="el-icon-arrow-left"></i> | ||
| 10 | </div> | ||
| 11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> | ||
| 12 | <i class="el-icon-arrow-right"></i> | ||
| 13 | </div> | ||
| 14 | <div class="img-list-wrap" v-Loading="loading"> | ||
| 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt=""> | ||
| 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | ||
| 17 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | ||
| 18 | overlayStyle="width: 100%;height:100%"> | ||
| 19 | </photo-zoom> | ||
| 20 | </div> | ||
| 21 | </div> | ||
| 22 | <!--缩略图--> | ||
| 23 | <div class="thumb-wrap"> | ||
| 24 | <div class="thumb-wrap-button"> | ||
| 25 | <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">(放大) 显示(缩小)</el-button> | ||
| 26 | <!-- <el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false" | ||
| 27 | :on-change="handleChange" | ||
| 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg"> | ||
| 29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> | ||
| 30 | </el-upload> --> | ||
| 31 | <!-- <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button> | ||
| 32 | <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button> --> | ||
| 33 | <!-- <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | ||
| 34 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | ||
| 35 | <div v-if="ableOperation" class="pl-5"> | ||
| 36 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button> | ||
| 37 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | ||
| 38 | </div> --> | ||
| 39 | </div> | ||
| 40 | <ul> | ||
| 41 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" | ||
| 42 | @click="showCurrent(index)"> | ||
| 43 | <img :src="img.fjurl"> | ||
| 44 | </li> | ||
| 45 | </ul> | ||
| 46 | </div> | ||
| 47 | <!-- 点开后的视图 --> | ||
| 48 | <publicPicture v-if="showViewer" :url-list="allLi" :initialIndex="initialIndex" @close-viewer="closeViewer"> | ||
| 49 | </publicPicture> | ||
| 50 | </div> | ||
| 51 | </template> | ||
| 52 | <script> | ||
| 53 | import PhotoZoom from '@/components/PhotoZoom' | ||
| 54 | import publicPicture from '@/components/publicPicture/index.vue' | ||
| 55 | export default { | ||
| 56 | name: 'PreviewImage', | ||
| 57 | props: { | ||
| 58 | previewImg: { | ||
| 59 | type: Object, | ||
| 60 | default: () => { } | ||
| 61 | }, | ||
| 62 | ableOperation: { | ||
| 63 | type: Boolean, | ||
| 64 | default: true | ||
| 65 | } | ||
| 66 | }, | ||
| 67 | components: { | ||
| 68 | PhotoZoom, | ||
| 69 | publicPicture | ||
| 70 | }, | ||
| 71 | data () { | ||
| 72 | return { | ||
| 73 | loading: false, | ||
| 74 | key: 0, | ||
| 75 | isScan: false, | ||
| 76 | // 打开高拍仪 | ||
| 77 | scanTitle: '打开高拍仪', | ||
| 78 | transform: { | ||
| 79 | scale: 1, | ||
| 80 | degree: 0 | ||
| 81 | }, | ||
| 82 | maxFileLength: 0, | ||
| 83 | // 缩略图 | ||
| 84 | thumbnailImages: [], | ||
| 85 | showViewer: false, | ||
| 86 | initialIndex: 0, | ||
| 87 | allLi: [], | ||
| 88 | } | ||
| 89 | }, | ||
| 90 | watch: { | ||
| 91 | previewImg: { | ||
| 92 | handler (newValue, oldValue) { | ||
| 93 | if (newValue.imgList && newValue.imgList.length > 0) { | ||
| 94 | this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fjurl) | ||
| 95 | this.thumbnailImages = newValue.imgList | ||
| 96 | } else { | ||
| 97 | this.allLi = [] | ||
| 98 | this.thumbnailImages = [] | ||
| 99 | } | ||
| 100 | }, | ||
| 101 | deep: true, | ||
| 102 | immediate: true | ||
| 103 | } | ||
| 104 | }, | ||
| 105 | created () { | ||
| 106 | this.maxLength = 0; | ||
| 107 | this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl) | ||
| 108 | this.thumbnailImages = this.previewImg.imgList | ||
| 109 | }, | ||
| 110 | computed: { | ||
| 111 | isFirst () { | ||
| 112 | return this.previewImg.index === 0 | ||
| 113 | }, | ||
| 114 | isLast () { | ||
| 115 | return this.previewImg.index === this.previewImg.imgList.length - 1 | ||
| 116 | } | ||
| 117 | }, | ||
| 118 | methods: { | ||
| 119 | prev () { | ||
| 120 | let len = this.previewImg.imgList.length | ||
| 121 | if (this.isFirst || len == 0) { | ||
| 122 | this.$emit('prevPriview') | ||
| 123 | } else { | ||
| 124 | this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len | ||
| 125 | } | ||
| 126 | }, | ||
| 127 | /** | ||
| 128 | * @description: next | ||
| 129 | * @author: renchao | ||
| 130 | */ | ||
| 131 | next () { | ||
| 132 | let len = this.previewImg.imgList.length | ||
| 133 | if (this.isLast || len == 0) { | ||
| 134 | this.$emit('nextPriview') | ||
| 135 | } else { | ||
| 136 | this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len | ||
| 137 | } | ||
| 138 | }, | ||
| 139 | /** | ||
| 140 | * @description: showCurrent | ||
| 141 | * @param {*} index | ||
| 142 | * @author: renchao | ||
| 143 | */ | ||
| 144 | showCurrent (index) { | ||
| 145 | this.previewImg.index = index | ||
| 146 | this.initialIndex = index | ||
| 147 | }, | ||
| 148 | /** | ||
| 149 | * @description: closeViewer | ||
| 150 | * @author: renchao | ||
| 151 | */ | ||
| 152 | closeViewer () { | ||
| 153 | this.showViewer = false | ||
| 154 | }, | ||
| 155 | /** | ||
| 156 | * @description: clickImage | ||
| 157 | * @author: renchao | ||
| 158 | */ | ||
| 159 | clickImage () { | ||
| 160 | this.showViewer = true | ||
| 161 | } | ||
| 162 | } | ||
| 163 | } | ||
| 164 | </script> | ||
| 165 | <style lang="scss" scoped> | ||
| 166 | // 查看大图 | ||
| 167 | .rlPopup { | ||
| 168 | position: relative; | ||
| 169 | width: 100%; | ||
| 170 | text-align: center; | ||
| 171 | height: 100%; | ||
| 172 | |||
| 173 | .handle-btn { | ||
| 174 | position: absolute; | ||
| 175 | top: 50%; | ||
| 176 | transform: translateY(-100%); | ||
| 177 | width: 66px; | ||
| 178 | height: 66px; | ||
| 179 | line-height: 75px; | ||
| 180 | color: #fff; | ||
| 181 | background-color: rgb(239, 239, 239); | ||
| 182 | border-radius: 50%; | ||
| 183 | cursor: pointer; | ||
| 184 | text-align: center; | ||
| 185 | transition: all 0.3s; | ||
| 186 | |||
| 187 | i { | ||
| 188 | font-size: 24px; | ||
| 189 | } | ||
| 190 | } | ||
| 191 | |||
| 192 | .handle-btn:hover { | ||
| 193 | background-color: rgb(185, 183, 183); | ||
| 194 | } | ||
| 195 | |||
| 196 | .prev { | ||
| 197 | left: 1%; | ||
| 198 | } | ||
| 199 | |||
| 200 | .next { | ||
| 201 | right: 5%; | ||
| 202 | } | ||
| 203 | |||
| 204 | .img-list-wrap { | ||
| 205 | width: calc(100% - 30px); | ||
| 206 | display: flex; | ||
| 207 | justify-content: center; | ||
| 208 | height: calc(100% - 150px); | ||
| 209 | align-items: center; | ||
| 210 | background: rgba(194, 190, 190, 0.1); | ||
| 211 | overflow: scroll; | ||
| 212 | |||
| 213 | img { | ||
| 214 | display: block; | ||
| 215 | object-fit: scale-down; | ||
| 216 | transition: all 0.3s; | ||
| 217 | max-width: 100%; | ||
| 218 | } | ||
| 219 | } | ||
| 220 | |||
| 221 | .thumb-wrap { | ||
| 222 | &-button { | ||
| 223 | display: flex; | ||
| 224 | justify-content: center; | ||
| 225 | |||
| 226 | .fileUpdate { | ||
| 227 | margin: 0 10px; | ||
| 228 | } | ||
| 229 | } | ||
| 230 | |||
| 231 | li { | ||
| 232 | float: left; | ||
| 233 | width: 60px; | ||
| 234 | height: 45px; | ||
| 235 | border: solid 1px #ececec; | ||
| 236 | position: relative; | ||
| 237 | margin-right: 5px; | ||
| 238 | cursor: pointer; | ||
| 239 | |||
| 240 | &:last-child { | ||
| 241 | margin-right: 0; | ||
| 242 | } | ||
| 243 | |||
| 244 | img { | ||
| 245 | max-width: 57px; | ||
| 246 | max-height: 42px; | ||
| 247 | display: block; | ||
| 248 | object-fit: scale-down; | ||
| 249 | position: absolute; | ||
| 250 | top: 50%; | ||
| 251 | left: 50%; | ||
| 252 | transform: translate(-50%, -50%); | ||
| 253 | } | ||
| 254 | } | ||
| 255 | |||
| 256 | .active { | ||
| 257 | border-color: #409eff; | ||
| 258 | } | ||
| 259 | } | ||
| 260 | } | ||
| 261 | </style> | ||
| 262 | <style> | ||
| 263 | .zoom-on-hover { | ||
| 264 | position: relative; | ||
| 265 | overflow: hidden; | ||
| 266 | } | ||
| 267 | |||
| 268 | .zoom-on-hover .normal { | ||
| 269 | width: 100%; | ||
| 270 | } | ||
| 271 | |||
| 272 | .zoom-on-hover .zoom { | ||
| 273 | position: absolute; | ||
| 274 | opacity: 0; | ||
| 275 | transform-origin: top left; | ||
| 276 | } | ||
| 277 | |||
| 278 | .zoom-on-hover.zoomed .zoom { | ||
| 279 | opacity: 1; | ||
| 280 | } | ||
| 281 | |||
| 282 | .zoom-on-hover.zoomed .normal { | ||
| 283 | opacity: 0; | ||
| 284 | } | ||
| 285 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 10:08:50 | 4 | * @LastEditTime: 2023-09-19 09:47:05 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clxx"> | 7 | <div class="clxx"> |
| 8 | <div class="right"> | ||
| 9 | <!-- 材料预览 --> | 8 | <!-- 材料预览 --> |
| 10 | <div class="clyl-box"> | 9 | <div class="clyl-box"> |
| 11 | <div class="menu-tree"> | 10 | <div class="menu-tree"> |
| 12 | <el-button | 11 | <!-- <el-button |
| 13 | type="primary" | 12 | type="primary" |
| 14 | native-type="submit" | 13 | native-type="submit" |
| 15 | @click="viewDetail" | 14 | @click="viewDetail" |
| 16 | style="width: 100%; margin-top: 10px">申请材料目录</el-button> | 15 | style="width: 100%; margin-top: 10px" v-if="tableData.length > 0">申请材料目录</el-button> --> |
| 17 | <div class="item"> | 16 | <div class="item"> |
| 18 | 材料目录({{ tableData.length }}) | 17 | 材料目录({{ tableData.length }}) |
| 19 | <div style="margin-top: 10px"> | 18 | <div style="margin-top: 10px"> |
| ... | @@ -38,41 +37,32 @@ | ... | @@ -38,41 +37,32 @@ |
| 38 | </div> | 37 | </div> |
| 39 | </div> | 38 | </div> |
| 40 | </div> | 39 | </div> |
| 41 | <el-button | ||
| 42 | type="primary" | ||
| 43 | native-type="submit" | ||
| 44 | style="width: 100%" | ||
| 45 | @click="handleAdd()" | ||
| 46 | v-if="ableOperation">新增</el-button> | ||
| 47 | </div> | 40 | </div> |
| 48 | <image-preview | 41 | <image-preview |
| 49 | ref="imageRef" | 42 | ref="imageRef" |
| 50 | v-if="tableData.length > 0" | 43 | v-if="tableData.length > 0" |
| 51 | :previewImg="previewImg" | 44 | :previewImg="previewImg" |
| 52 | :ableOperation="ableOperation" | ||
| 53 | @updateList="updateList" | ||
| 54 | @nextPriview="nextPriview" | 45 | @nextPriview="nextPriview" |
| 55 | @prevPriview="prevPriview" /> | 46 | @prevPriview="prevPriview" /> |
| 56 | </div> | 47 | </div> |
| 57 | </div> | 48 | </div> |
| 58 | <clxxAddDialog v-model="isDialog" /> | ||
| 59 | </div> | ||
| 60 | </template> | 49 | </template> |
| 61 | <script> | 50 | <script> |
| 62 | import { mapGetters } from "vuex"; | 51 | import store from '@/store/index.js' |
| 63 | import clxxAddDialog from "@/views/workflow/components/dialog/clxxAddDialog.vue"; | 52 | import imagePreview from "./dialog/imagePreview.vue"; |
| 64 | import clxxDetailDialog from "@/views/workflow/components/dialog/clxxDetailDialog.vue"; | 53 | import { repairInitClml, getClmxList } from "@/api/clxx.js"; |
| 65 | import imagePreview from "@/views/components/imagePreview.vue"; | ||
| 66 | import { saveClml, getClmxList } from "@/api/clxx.js"; | ||
| 67 | import { repairInitClml } from "@/api/djbRepair.js"; | ||
| 68 | |||
| 69 | export default { | 54 | export default { |
| 70 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, | 55 | components: { imagePreview }, |
| 56 | props: { | ||
| 57 | formData: { | ||
| 58 | type: Object, | ||
| 59 | default: () => { | ||
| 60 | return {} | ||
| 61 | } | ||
| 62 | } | ||
| 63 | }, | ||
| 71 | data () { | 64 | data () { |
| 72 | return { | 65 | return { |
| 73 | //表单是否可操作 | ||
| 74 | ableOperation: true, | ||
| 75 | isDialog: false, | ||
| 76 | iclass: "", | 66 | iclass: "", |
| 77 | // 材料目录选中 | 67 | // 材料目录选中 |
| 78 | treeCheckIndex: 0, | 68 | treeCheckIndex: 0, |
| ... | @@ -80,34 +70,29 @@ | ... | @@ -80,34 +70,29 @@ |
| 80 | key: 0, | 70 | key: 0, |
| 81 | tableData: [], | 71 | tableData: [], |
| 82 | previewImg: { | 72 | previewImg: { |
| 83 | // 收件标识码 | ||
| 84 | bsmSj: "", | 73 | bsmSj: "", |
| 85 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 86 | index: 0, | 74 | index: 0, |
| 87 | selectedIndex: 0, | 75 | selectedIndex: 0, |
| 88 | imgList: [], | 76 | imgList: [] |
| 89 | }, | 77 | } |
| 90 | }; | 78 | } |
| 91 | }, | ||
| 92 | computed: { | ||
| 93 | ...mapGetters(["dictData"]), | ||
| 94 | }, | ||
| 95 | created () { | ||
| 96 | this.clmlInitList(1); | ||
| 97 | }, | 79 | }, |
| 98 | computed: { | 80 | computed: { |
| 99 | // 判断补录数据和临时数据 | 81 | workFresh () { |
| 100 | ...mapGetters(["workFresh"]), | 82 | return store.state.user.workFresh |
| 83 | } | ||
| 101 | }, | 84 | }, |
| 102 | watch: { | 85 | watch: { |
| 103 | workFresh: { | 86 | workFresh: { |
| 104 | handler (newVal, oldVal) { | 87 | handler (newValue, oldValue) { |
| 105 | if (newVal) this.clmlInitList(1); | 88 | if (newValue) this.clmlInitList() |
| 106 | }, | ||
| 107 | }, | 89 | }, |
| 90 | deep: true, | ||
| 91 | immediate: true | ||
| 92 | } | ||
| 108 | }, | 93 | }, |
| 109 | mounted () { | 94 | created () { |
| 110 | this.ableOperation = this.$parent.ableOperation; | 95 | this.clmlInitList() |
| 111 | }, | 96 | }, |
| 112 | methods: { | 97 | methods: { |
| 113 | /** | 98 | /** |
| ... | @@ -125,7 +110,7 @@ | ... | @@ -125,7 +110,7 @@ |
| 125 | // 获取材料明细 | 110 | // 获取材料明细 |
| 126 | if (ys > 0) { | 111 | if (ys > 0) { |
| 127 | getClmxList(this.treeCheckId).then(res => { | 112 | getClmxList(this.treeCheckId).then(res => { |
| 128 | this.previewImg.imgList = res.result ? res.result : []; | 113 | this.previewImg.imgList = res.result ? res.result : [] |
| 129 | }) | 114 | }) |
| 130 | } else { | 115 | } else { |
| 131 | this.previewImg.imgList = [] | 116 | this.previewImg.imgList = [] |
| ... | @@ -147,9 +132,8 @@ | ... | @@ -147,9 +132,8 @@ |
| 147 | // 判断页数 | 132 | // 判断页数 |
| 148 | let ys = this.tableData[this.treeCheckIndex].ys | 133 | let ys = this.tableData[this.treeCheckIndex].ys |
| 149 | if (ys > 0) { | 134 | if (ys > 0) { |
| 150 | // 获取材料明细 | ||
| 151 | getClmxList(this.treeCheckId).then(res => { | 135 | getClmxList(this.treeCheckId).then(res => { |
| 152 | this.previewImg.imgList = res.result ? res.result : []; | 136 | this.previewImg.imgList = res.result ? res.result : [] |
| 153 | this.previewImg.index = this.previewImg.imgList.length - 1; | 137 | this.previewImg.index = this.previewImg.imgList.length - 1; |
| 154 | }) | 138 | }) |
| 155 | } else { | 139 | } else { |
| ... | @@ -167,20 +151,9 @@ | ... | @@ -167,20 +151,9 @@ |
| 167 | * @author: renchao | 151 | * @author: renchao |
| 168 | */ | 152 | */ |
| 169 | clmlInitList (type) { | 153 | clmlInitList (type) { |
| 170 | //type 1:列表初始化 2:新增材料 | 154 | // 1:列表初始化 2:新增材料 |
| 171 | return new Promise((resolve) => { | 155 | return new Promise((resolve) => { |
| 172 | this.unitData = this.$parent.unitData; | 156 | repairInitClml(this.formData).then((res) => { |
| 173 | var formdata = new FormData(); | ||
| 174 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 175 | if (this.$route.query.sqywbm == "DJBBL") { | ||
| 176 | formdata.append("bsmSldy", this.$parent.bsmRepair); | ||
| 177 | formdata.append("clfl", 3); | ||
| 178 | } else { | ||
| 179 | formdata.append("bsmSldy", this.$parent.currentSelectProps.bsmSldy); | ||
| 180 | formdata.append("clfl", 2); | ||
| 181 | } | ||
| 182 | |||
| 183 | repairInitClml(formdata).then((res) => { | ||
| 184 | if (res.code == 200) { | 157 | if (res.code == 200) { |
| 185 | resolve(res.code); | 158 | resolve(res.code); |
| 186 | if (res.result && res.result.length > 0) { | 159 | if (res.result && res.result.length > 0) { |
| ... | @@ -198,8 +171,8 @@ | ... | @@ -198,8 +171,8 @@ |
| 198 | } else { | 171 | } else { |
| 199 | this.$message.error(res.message); | 172 | this.$message.error(res.message); |
| 200 | } | 173 | } |
| 201 | }); | 174 | }) |
| 202 | }); | 175 | }) |
| 203 | }, | 176 | }, |
| 204 | /** | 177 | /** |
| 205 | * @description: setChecked | 178 | * @description: setChecked |
| ... | @@ -215,77 +188,6 @@ | ... | @@ -215,77 +188,6 @@ |
| 215 | this.previewImg.bsmSj = item.bsmSj; | 188 | this.previewImg.bsmSj = item.bsmSj; |
| 216 | }, | 189 | }, |
| 217 | /** | 190 | /** |
| 218 | * @description: updateList | ||
| 219 | * @param {*} val | ||
| 220 | * @author: renchao | ||
| 221 | */ | ||
| 222 | updateList (val) { | ||
| 223 | let that = this; | ||
| 224 | if (val.children.length != 0) { | ||
| 225 | //删除最后一张图片时 val=null | ||
| 226 | this.tableData.forEach((item) => { | ||
| 227 | if (item.bsmSj === val.bsmSj) { | ||
| 228 | item.ys = val.children.length; | ||
| 229 | } | ||
| 230 | }); | ||
| 231 | this.previewImg.imgList = _.cloneDeep(val.children); | ||
| 232 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 233 | this.previewImg.index = this.previewImg.index - 1; | ||
| 234 | } | ||
| 235 | this.key++ | ||
| 236 | } else { | ||
| 237 | this.previewImg.imgList = []; | ||
| 238 | this.tableData.forEach((item, index) => { | ||
| 239 | if (this.treeCheckId == item.bsmSj) { | ||
| 240 | item.ys = 0; | ||
| 241 | that.treeCheckIndex = index; | ||
| 242 | } | ||
| 243 | }); | ||
| 244 | } | ||
| 245 | }, | ||
| 246 | /** | ||
| 247 | * @description: 添加材料目录 | ||
| 248 | * @author: renchao | ||
| 249 | */ | ||
| 250 | handleAdd () { | ||
| 251 | this.isDialog = true; | ||
| 252 | }, | ||
| 253 | /** | ||
| 254 | * @description: 新增弹窗保存 | ||
| 255 | * @param {*} data | ||
| 256 | * @author: renchao | ||
| 257 | */ | ||
| 258 | addSave (data) { | ||
| 259 | let obj = { | ||
| 260 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 261 | isrequired: "1", | ||
| 262 | sjmc: data.clmc, | ||
| 263 | sjsl: 0, | ||
| 264 | smzt: "", | ||
| 265 | ys: 0, | ||
| 266 | sjlx: data.cllx, | ||
| 267 | sfxjcl: "1", // 是否必选 | ||
| 268 | sfggcl: data.sfggcl, | ||
| 269 | }; | ||
| 270 | //是否公共材料 | ||
| 271 | if (data.sfggcl == "0") { | ||
| 272 | obj["bsmSldy"] = this.$parent.currentSelectProps.bsmSldy; | ||
| 273 | } | ||
| 274 | if (this.$route.query.sqywbm == "DJBBL") { | ||
| 275 | obj.bsmSldy = this.$parent.bsmRepair | ||
| 276 | } | ||
| 277 | saveClml(obj).then(async (res) => { | ||
| 278 | if (res.code == 200) { | ||
| 279 | let res = await this.clmlInitList(2); | ||
| 280 | if (res == 200) | ||
| 281 | this.$message({ | ||
| 282 | message: "新增成功", | ||
| 283 | type: "success", | ||
| 284 | }); | ||
| 285 | } | ||
| 286 | }); | ||
| 287 | }, | ||
| 288 | /** | ||
| 289 | * @description: 材料目录点击选中 | 191 | * @description: 材料目录点击选中 |
| 290 | * @param {*} item | 192 | * @param {*} item |
| 291 | * @param {*} index | 193 | * @param {*} index |
| ... | @@ -295,9 +197,8 @@ | ... | @@ -295,9 +197,8 @@ |
| 295 | this.previewImg.index = 0; | 197 | this.previewImg.index = 0; |
| 296 | this.treeCheckId = item?.bsmSj; | 198 | this.treeCheckId = item?.bsmSj; |
| 297 | this.treeCheckIndex = index; | 199 | this.treeCheckIndex = index; |
| 298 | // 获取材料明细 | ||
| 299 | getClmxList(item.bsmSj).then(res => { | 200 | getClmxList(item.bsmSj).then(res => { |
| 300 | this.previewImg.imgList = res.result ? res.result : []; | 201 | this.previewImg.imgList = res.result ? res.result : [] |
| 301 | }) | 202 | }) |
| 302 | this.previewImg.bsmSj = item?.bsmSj; | 203 | this.previewImg.bsmSj = item?.bsmSj; |
| 303 | }, | 204 | }, |
| ... | @@ -311,23 +212,6 @@ | ... | @@ -311,23 +212,6 @@ |
| 311 | this.showImg = item; | 212 | this.showImg = item; |
| 312 | this.titleYs = index + 1; | 213 | this.titleYs = index + 1; |
| 313 | }, | 214 | }, |
| 314 | //查看明细 | ||
| 315 | viewDetail () { | ||
| 316 | this.$store.dispatch("user/reWorkFresh", false); | ||
| 317 | this.$popupDialog( | ||
| 318 | "申请材料目录", | ||
| 319 | "workflow/components/dialog/clxxDetailDialog", | ||
| 320 | { | ||
| 321 | data: this.tableData, | ||
| 322 | bsmSldy: this.$parent.currentSelectProps.bsmSldy, | ||
| 323 | unitData: this.$parent.unitData, | ||
| 324 | ableOperation: this.$parent.ableOperation, | ||
| 325 | bsmRepair: this.$parent.bsmRepair | ||
| 326 | }, | ||
| 327 | "60%", | ||
| 328 | true | ||
| 329 | ); | ||
| 330 | }, | ||
| 331 | //设置tableData | 215 | //设置tableData |
| 332 | setTableData (tableData) { | 216 | setTableData (tableData) { |
| 333 | this.$nextTick((res) => { | 217 | this.$nextTick((res) => { |
| ... | @@ -335,11 +219,10 @@ | ... | @@ -335,11 +219,10 @@ |
| 335 | }) | 219 | }) |
| 336 | } | 220 | } |
| 337 | } | 221 | } |
| 338 | }; | 222 | } |
| 339 | </script> | 223 | </script> |
| 340 | <style scoped lang="scss"> | 224 | <style scoped lang="scss"> |
| 341 | @import "~@/styles/mixin.scss"; | 225 | @import "~@/styles/mixin.scss"; |
| 342 | |||
| 343 | .active { | 226 | .active { |
| 344 | background: $light-blue !important; | 227 | background: $light-blue !important; |
| 345 | color: #fff; | 228 | color: #fff; |
| ... | @@ -357,10 +240,8 @@ | ... | @@ -357,10 +240,8 @@ |
| 357 | 240 | ||
| 358 | .clxx { | 241 | .clxx { |
| 359 | width: 100%; | 242 | width: 100%; |
| 360 | display: flex; | 243 | height: 100%; |
| 361 | padding-left: 5px; | 244 | min-height: 600px; |
| 362 | height: calc(100vh - 125px); | ||
| 363 | |||
| 364 | .left { | 245 | .left { |
| 365 | display: flex; | 246 | display: flex; |
| 366 | flex-direction: column; | 247 | flex-direction: column; |
| ... | @@ -382,10 +263,6 @@ | ... | @@ -382,10 +263,6 @@ |
| 382 | } | 263 | } |
| 383 | } | 264 | } |
| 384 | 265 | ||
| 385 | .right { | ||
| 386 | width: 100%; | ||
| 387 | height: 100%; | ||
| 388 | |||
| 389 | .clmlmx-box { | 266 | .clmlmx-box { |
| 390 | margin: 0 auto; | 267 | margin: 0 auto; |
| 391 | 268 | ||
| ... | @@ -404,6 +281,7 @@ | ... | @@ -404,6 +281,7 @@ |
| 404 | width: 100%; | 281 | width: 100%; |
| 405 | height: 100%; | 282 | height: 100%; |
| 406 | display: flex; | 283 | display: flex; |
| 284 | position: absolute; | ||
| 407 | 285 | ||
| 408 | .menu-tree { | 286 | .menu-tree { |
| 409 | width: 20%; | 287 | width: 20%; |
| ... | @@ -438,6 +316,7 @@ | ... | @@ -438,6 +316,7 @@ |
| 438 | line-height: 20px; | 316 | line-height: 20px; |
| 439 | transition: all 0.3s; | 317 | transition: all 0.3s; |
| 440 | padding: 8px 0; | 318 | padding: 8px 0; |
| 319 | overflow: hidden; | ||
| 441 | } | 320 | } |
| 442 | 321 | ||
| 443 | .child:hover { | 322 | .child:hover { |
| ... | @@ -461,5 +340,4 @@ | ... | @@ -461,5 +340,4 @@ |
| 461 | } | 340 | } |
| 462 | } | 341 | } |
| 463 | } | 342 | } |
| 464 | } | ||
| 465 | </style> | 343 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 14:42:14 | 4 | * @LastEditTime: 2023-09-19 09:12:32 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="tableBox"> | 7 | <div class="tableBox"> |
| ... | @@ -97,6 +97,7 @@ | ... | @@ -97,6 +97,7 @@ |
| 97 | <script> | 97 | <script> |
| 98 | import Router from '@/router' | 98 | import Router from '@/router' |
| 99 | import { datas } from "../qlxxFormData.js"; | 99 | import { datas } from "../qlxxFormData.js"; |
| 100 | import { ywPopupDialog } from "@/utils/popup.js"; | ||
| 100 | import printTemplate from "../components/printTemplate.vue"; | 101 | import printTemplate from "../components/printTemplate.vue"; |
| 101 | import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw' | 102 | import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw' |
| 102 | export default { | 103 | export default { |
| ... | @@ -234,8 +235,7 @@ | ... | @@ -234,8 +235,7 @@ |
| 234 | } else { | 235 | } else { |
| 235 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { | 236 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { |
| 236 | let data = res.result | 237 | let data = res.result |
| 237 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx') | 238 | ywPopupDialog("材料信息", "registerBook/components/clxx/index", data, "60%", true, false) |
| 238 | window.open(href, `urlname${data.bsmSlsq}`) | ||
| 239 | }) | 239 | }) |
| 240 | } | 240 | } |
| 241 | } | 241 | } | ... | ... |
| ... | @@ -14,7 +14,8 @@ | ... | @@ -14,7 +14,8 @@ |
| 14 | :default-expand-all="true" | 14 | :default-expand-all="true" |
| 15 | :expand-on-click-node="false" | 15 | :expand-on-click-node="false" |
| 16 | node-key="id" | 16 | node-key="id" |
| 17 | :default-checked-keys="[showTab]"> | 17 | :default-checked-keys="[showTab]" |
| 18 | > | ||
| 18 | </el-tree> | 19 | </el-tree> |
| 19 | <el-collapse v-model="activeName" accordion> | 20 | <el-collapse v-model="activeName" accordion> |
| 20 | <el-collapse-item | 21 | <el-collapse-item |
| ... | @@ -22,22 +23,27 @@ | ... | @@ -22,22 +23,27 @@ |
| 22 | ref="sfq" | 23 | ref="sfq" |
| 23 | v-for="(item, index) in sfqdata" | 24 | v-for="(item, index) in sfqdata" |
| 24 | :key="index" | 25 | :key="index" |
| 25 | :name="index"> | 26 | :name="index" |
| 27 | > | ||
| 26 | <template slot="title"> | 28 | <template slot="title"> |
| 27 | <span class="text" @click="addlist(item)"> | 29 | <span class="text" @click="tap(item, index)"> |
| 28 | <span> | 30 | <span> {{ item.label }}</span> |
| 29 | {{ item.label }} | ||
| 30 | </span> | ||
| 31 | </span> | 31 | </span> |
| 32 | </template> | 32 | </template> |
| 33 | <el-button | 33 | <p |
| 34 | v-for="(item, index) in item.children" | 34 | v-for="(item, index) in item.children" |
| 35 | :re='item' | 35 | :re="item" |
| 36 | :key="item.id" | 36 | :key="index" |
| 37 | class="sfqcontent" | 37 | :class="[isActive == index ? activeCls : '', errorCls]" |
| 38 | @click="addlist(item, index)"> | 38 | @click="taplist(item, index)" |
| 39 | > | ||
| 40 | <span> | ||
| 39 | {{ item.label }} | 41 | {{ item.label }} |
| 40 | </el-button> | 42 | </span> |
| 43 | <span> | ||
| 44 | {{ item.zt }} | ||
| 45 | </span> | ||
| 46 | </p> | ||
| 41 | </el-collapse-item> | 47 | </el-collapse-item> |
| 42 | </el-collapse> | 48 | </el-collapse> |
| 43 | </div> | 49 | </div> |
| ... | @@ -45,15 +51,16 @@ | ... | @@ -45,15 +51,16 @@ |
| 45 | <component | 51 | <component |
| 46 | :is="componentTag" | 52 | :is="componentTag" |
| 47 | @getBdcdyh="getBdcdyh" | 53 | @getBdcdyh="getBdcdyh" |
| 48 | v-bind="currentSelectProps" /> | 54 | v-bind="currentSelectProps" |
| 55 | /> | ||
| 49 | </div> | 56 | </div> |
| 50 | </div> | 57 | </div> |
| 51 | </template> | 58 | </template> |
| 52 | <script> | 59 | <script> |
| 53 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 60 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
| 54 | import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js"; | 61 | import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js"; |
| 55 | export default { | 62 | export default { |
| 56 | data () { | 63 | data() { |
| 57 | return { | 64 | return { |
| 58 | activeName: 0, | 65 | activeName: 0, |
| 59 | //接收参数 | 66 | //接收参数 |
| ... | @@ -70,6 +77,9 @@ | ... | @@ -70,6 +77,9 @@ |
| 70 | keyy: "", | 77 | keyy: "", |
| 71 | iskey: "", | 78 | iskey: "", |
| 72 | defaultNode: "", | 79 | defaultNode: "", |
| 80 | isActive: "", | ||
| 81 | activeCls: "select", | ||
| 82 | errorCls: "unselected", | ||
| 73 | defaultProps: { | 83 | defaultProps: { |
| 74 | value: "id", | 84 | value: "id", |
| 75 | children: "children", | 85 | children: "children", |
| ... | @@ -79,7 +89,7 @@ | ... | @@ -79,7 +89,7 @@ |
| 79 | }; | 89 | }; |
| 80 | }, | 90 | }, |
| 81 | props: ["formData"], | 91 | props: ["formData"], |
| 82 | mounted () { | 92 | mounted() { |
| 83 | this.loadData(this.formData.bdcdyh); | 93 | this.loadData(this.formData.bdcdyh); |
| 84 | }, | 94 | }, |
| 85 | methods: { | 95 | methods: { |
| ... | @@ -88,14 +98,14 @@ | ... | @@ -88,14 +98,14 @@ |
| 88 | * @author: miaofang | 98 | * @author: miaofang |
| 89 | * 点击不动产单元号事件 | 99 | * 点击不动产单元号事件 |
| 90 | */ | 100 | */ |
| 91 | getBdcdyh (val) { | 101 | getBdcdyh(val) { |
| 92 | this.addloadData(val); | 102 | this.addloadData(val); |
| 93 | }, | 103 | }, |
| 94 | /** | 104 | /** |
| 95 | * @description: addloadData | 105 | * @description: addloadData |
| 96 | * @author: miaofang | 106 | * @author: miaofang |
| 97 | */ | 107 | */ |
| 98 | addloadData (val) { | 108 | addloadData(val) { |
| 99 | getBdcqljqtsx({ | 109 | getBdcqljqtsx({ |
| 100 | bdcdyid: val.bdcdyid, | 110 | bdcdyid: val.bdcdyid, |
| 101 | bdcdyh: val.bdcdyh, | 111 | bdcdyh: val.bdcdyh, |
| ... | @@ -105,14 +115,15 @@ | ... | @@ -105,14 +115,15 @@ |
| 105 | let index = this.sfqdata.findIndex((item) => { | 115 | let index = this.sfqdata.findIndex((item) => { |
| 106 | return item.bdcdyid == val.bdcdyid; | 116 | return item.bdcdyid == val.bdcdyid; |
| 107 | }); | 117 | }); |
| 108 | this.activeName = index | 118 | this.activeName = index; |
| 109 | this.setstyle(index, 0, this.iskey); | 119 | |
| 120 | // this.setstyle(index, 0, this.iskey); | ||
| 110 | } else { | 121 | } else { |
| 111 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); | 122 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); |
| 112 | this.activeName = this.sfqdata.length - 1; | 123 | this.activeName = this.sfqdata.length - 1; |
| 113 | this.$nextTick(() => { | 124 | // this.$nextTick(() => { |
| 114 | this.setstyle(this.sfqdata.length - 1, 0, this.iskey); | 125 | // this.setstyle(this.sfqdata.length - 1, 0, this.iskey); |
| 115 | }) | 126 | // }) |
| 116 | } | 127 | } |
| 117 | } | 128 | } |
| 118 | }); | 129 | }); |
| ... | @@ -121,9 +132,13 @@ | ... | @@ -121,9 +132,13 @@ |
| 121 | bdcdyh: val.bdcdyh, | 132 | bdcdyh: val.bdcdyh, |
| 122 | qllx: this.formData.qllx, | 133 | qllx: this.formData.qllx, |
| 123 | bsmQlxx: this.formData.bsmQlxx, | 134 | bsmQlxx: this.formData.bsmQlxx, |
| 124 | } | 135 | }; |
| 125 | }, | 136 | }, |
| 126 | loadData (val) { | 137 | /** |
| 138 | * @description: loadData | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 141 | loadData(val) { | ||
| 127 | getBdcqljqtsx({ | 142 | getBdcqljqtsx({ |
| 128 | bdcdyid: this.formData.bdcdyid, | 143 | bdcdyid: this.formData.bdcdyid, |
| 129 | bdcdyh: val, | 144 | bdcdyh: val, |
| ... | @@ -141,87 +156,80 @@ | ... | @@ -141,87 +156,80 @@ |
| 141 | ); | 156 | ); |
| 142 | this.sfqdata[0].children.forEach((item, index) => { | 157 | this.sfqdata[0].children.forEach((item, index) => { |
| 143 | if (item.id == this.defaultNode.id) { | 158 | if (item.id == this.defaultNode.id) { |
| 144 | this.iskey = index | 159 | this.loadComponent(item.form); |
| 160 | this.isActive = index; | ||
| 145 | } | 161 | } |
| 146 | }) | 162 | }); |
| 147 | this.setstyle(0, 0, this.iskey); | 163 | // this.setstyle(0, 0, this.iskey); |
| 148 | console.log(this.sfqdata, ' this.sfqdata'); | 164 | }); |
| 149 | }) | ||
| 150 | } | 165 | } |
| 151 | }) | 166 | }); |
| 152 | this.currentSelectProps = { | 167 | this.currentSelectProps = { |
| 153 | bdcdyid: this.formData.bdcdyid, | 168 | bdcdyid: this.formData.bdcdyid, |
| 154 | bdcdyh: val, | 169 | bdcdyh: val, |
| 155 | qllx: this.formData.qllx, | 170 | qllx: this.formData.qllx, |
| 156 | bsmQlxx: this.formData.bsmQlxx, | 171 | bsmQlxx: this.formData.bsmQlxx, |
| 157 | } | 172 | }; |
| 158 | }, | 173 | }, |
| 159 | /** | 174 | /** |
| 160 | * @description: handleNodeClick | 175 | * @description: handleNodeClick |
| 161 | * @param {*} data | 176 | * @param {*} data |
| 162 | * @author: renchao | 177 | * @author: renchao |
| 163 | */ | 178 | */ |
| 164 | handleNodeClick (data) { | 179 | handleNodeClick(data) { |
| 165 | this.loadComponent(data.form); | 180 | this.loadComponent(data.form); |
| 166 | }, | 181 | }, |
| 167 | setstyle (newindex, index, key) { | 182 | // setstyle(newindex, index, key) { |
| 168 | if (key != undefined || this.keyy == index) { | 183 | // if (key != undefined || this.keyy == index) { |
| 169 | if (key != undefined) { | 184 | // if (key != undefined) { |
| 170 | this.keyy = key | 185 | // this.keyy = key; |
| 171 | } | 186 | // } |
| 172 | this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form); | 187 | // this.loadComponent( |
| 173 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | 188 | // this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form |
| 174 | dpme.style.backgroundColor = "#f5f5f5"; | 189 | // ); |
| 175 | dpme.style.color = "#0079fe"; | 190 | // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el; |
| 176 | dpme.style.borderRight = "4px solid #0079fe"; | 191 | // dpme.style.backgroundColor = "#f5f5f5"; |
| 177 | } else { | 192 | // dpme.style.color = "#0079fe"; |
| 178 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | 193 | // dpme.style.borderRight = "4px solid #0079fe"; |
| 179 | dpme.style.backgroundColor = "#ffffff"; | 194 | // } else { |
| 180 | dpme.style.color = "black"; | 195 | // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el; |
| 181 | dpme.style.border = "none"; | 196 | // dpme.style.backgroundColor = "#ffffff"; |
| 182 | } | 197 | // dpme.style.color = "black"; |
| 183 | }, | 198 | // dpme.style.border = "none"; |
| 199 | // } | ||
| 200 | // }, | ||
| 184 | /** | 201 | /** |
| 185 | * @description: addlist | 202 | * @description: addlist |
| 186 | * @param {*} data | 203 | * @param {*} data |
| 187 | * @author: renchao | 204 | * @author: renchao |
| 188 | * 新增列表功能 | 205 | * 新增列表功能 |
| 189 | */ | 206 | */ |
| 190 | addlist (data, index) { | 207 | tap(data, index) { |
| 191 | if (index != undefined) { | ||
| 192 | let newindex = this.sfqdata.findIndex((item) => { | ||
| 193 | return item.bdcdyid == data.bdcdyid; | ||
| 194 | }); | ||
| 195 | this.setstyle(newindex, index); | ||
| 196 | this.currentSelectProps.bdcdyid = data.bdcdyid; | ||
| 197 | this.loadComponent(data.form); | 208 | this.loadComponent(data.form); |
| 198 | } else { | 209 | }, |
| 199 | let newindex = this.sfqdata.findIndex((item) => { | 210 | taplist(data, index) { |
| 200 | return item.bdcdyid == data.bdcdyid; | ||
| 201 | }); | ||
| 202 | this.setstyle(newindex, index); | ||
| 203 | this.loadComponent(data.form); | 211 | this.loadComponent(data.form); |
| 204 | } | 212 | this.isActive = index; |
| 205 | }, | 213 | }, |
| 206 | /** | 214 | /** |
| 207 | * @description: loadComponent | 215 | * @description: loadComponent |
| 208 | * @param {*} form | 216 | * @param {*} form |
| 209 | * @author: renchao | 217 | * @author: renchao |
| 210 | */ | 218 | */ |
| 211 | loadComponent (form) { | 219 | loadComponent(form) { |
| 212 | console.log(form, 'form'); | 220 | console.log(form, "form"); |
| 213 | this.componentTag = (r) => | 221 | this.componentTag = (r) => |
| 214 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 222 | require.ensure([], () => r(require("@/views/registerBook/" + form))); |
| 215 | } | 223 | }, |
| 216 | } | 224 | }, |
| 217 | } | 225 | }; |
| 218 | </script> | 226 | </script> |
| 219 | <style scoped lang="scss"> | 227 | <style scoped lang="scss"> |
| 220 | /deep/.rollTable { | 228 | /deep/.rollTable { |
| 221 | height: calc(100vh - 300px) !important; | 229 | height: calc(100vh - 300px) !important; |
| 222 | } | 230 | } |
| 223 | 231 | ||
| 224 | .content { | 232 | .content { |
| 225 | width: 100%; | 233 | width: 100%; |
| 226 | height: 100%; | 234 | height: 100%; |
| 227 | display: flex; | 235 | display: flex; |
| ... | @@ -243,35 +251,35 @@ | ... | @@ -243,35 +251,35 @@ |
| 243 | background-color: #f5f5f5; | 251 | background-color: #f5f5f5; |
| 244 | border: 1px solid rgb(228, 228, 228); | 252 | border: 1px solid rgb(228, 228, 228); |
| 245 | } | 253 | } |
| 246 | } | 254 | } |
| 247 | 255 | ||
| 248 | /deep/ .expanded.el-tree-node__expand-icon, | 256 | /deep/ .expanded.el-tree-node__expand-icon, |
| 249 | /deep/ .el-tree-node__expand-icon { | 257 | /deep/ .el-tree-node__expand-icon { |
| 250 | visibility: hidden; | 258 | visibility: hidden; |
| 251 | } | 259 | } |
| 252 | 260 | ||
| 253 | /deep/ .el-tree-node__content { | 261 | /deep/ .el-tree-node__content { |
| 254 | border: 1px solid rgb(228, 228, 228); | 262 | border: 1px solid rgb(228, 228, 228); |
| 255 | height: 45px; | 263 | height: 45px; |
| 256 | } | 264 | } |
| 257 | 265 | ||
| 258 | /deep/ .el-tree-node:focus > .el-tree-node__content { | 266 | /deep/ .el-tree-node:focus > .el-tree-node__content { |
| 259 | // background-color: #f5f5f5; | 267 | // background-color: #f5f5f5; |
| 260 | // color: #0079fe; | 268 | // color: #0079fe; |
| 261 | // border-right: 4px solid #0079fe; | 269 | // border-right: 4px solid #0079fe; |
| 262 | } | 270 | } |
| 263 | 271 | ||
| 264 | /deep/.el-tree-node { | 272 | /deep/.el-tree-node { |
| 265 | white-space: pre-wrap; | 273 | white-space: pre-wrap; |
| 266 | } | 274 | } |
| 267 | 275 | ||
| 268 | /deep/ .is-current > .el-tree-node__content { | 276 | /deep/ .is-current > .el-tree-node__content { |
| 269 | // background-color: #f5f5f5; | 277 | // background-color: #f5f5f5; |
| 270 | // color: #0079fe; | 278 | // color: #0079fe; |
| 271 | // border-right: 4px solid #0079fe; | 279 | // border-right: 4px solid #0079fe; |
| 272 | } | 280 | } |
| 273 | 281 | ||
| 274 | /deep/.el-collapse-item__header { | 282 | /deep/.el-collapse-item__header { |
| 275 | width: 100%; | 283 | width: 100%; |
| 276 | cursor: pointer; | 284 | cursor: pointer; |
| 277 | position: relative; | 285 | position: relative; |
| ... | @@ -296,37 +304,45 @@ | ... | @@ -296,37 +304,45 @@ |
| 296 | display: inline-block; | 304 | display: inline-block; |
| 297 | line-height: 45px; | 305 | line-height: 45px; |
| 298 | border: 1px solid rgb(228, 228, 228); | 306 | border: 1px solid rgb(228, 228, 228); |
| 299 | } | 307 | } |
| 300 | /deep/.el-collapse-item__content { | 308 | /deep/.el-collapse-item__content { |
| 301 | padding-bottom: 5px; | 309 | padding-bottom: 5px; |
| 302 | } | 310 | } |
| 303 | /deep/.sfqcontent { | 311 | /deep/.unselected { |
| 304 | white-space: wrap; | 312 | // white-space: wrap; |
| 305 | border: none; | 313 | border: none; |
| 306 | padding: 0; | ||
| 307 | margin: 0; | ||
| 308 | cursor: pointer; | 314 | cursor: pointer; |
| 309 | width: 100%; | 315 | width: 250px; |
| 310 | height: 100px; | ||
| 311 | word-break: break-word; | ||
| 312 | display: inline; | ||
| 313 | span { | ||
| 314 | font-size: 13px; | ||
| 315 | display: block; | ||
| 316 | line-height: 15px; | ||
| 317 | margin-left: 70px; | ||
| 318 | } | ||
| 319 | height: 45px; | 316 | height: 45px; |
| 320 | border: 1px solid rgb(228, 228, 228); | 317 | border: 1px solid rgb(228, 228, 228); |
| 321 | border-right: 4px solid #f5f5f5; | 318 | border-right: 4px solid #f5f5f5; |
| 319 | margin: auto; | ||
| 320 | text-align: center; | ||
| 321 | align-items: center; | ||
| 322 | span { | ||
| 323 | width: 100%; | ||
| 324 | display: inline-block; | ||
| 325 | justify-content: center; | ||
| 326 | align-items: center; | ||
| 322 | } | 327 | } |
| 323 | .sfqcontent:hover { | 328 | } |
| 324 | background-color: #f5f5f5; | 329 | |
| 325 | color: black; | 330 | .select { |
| 326 | } | 331 | border: none; |
| 327 | .sfqcontent:focus { | 332 | cursor: pointer; |
| 333 | width: 250px; | ||
| 334 | height: 45px; | ||
| 328 | background-color: #f5f5f5; | 335 | background-color: #f5f5f5; |
| 329 | color: #0079fe; | 336 | color: #0079fe; |
| 330 | border-right: 4px solid #0079fe; | 337 | border-right: 4px solid #0079fe; |
| 338 | margin: auto; | ||
| 339 | text-align: center; | ||
| 340 | align-items: center; | ||
| 341 | span { | ||
| 342 | width: 100%; | ||
| 343 | display: inline-block; | ||
| 344 | justify-content: center; | ||
| 345 | align-items: center; | ||
| 331 | } | 346 | } |
| 347 | } | ||
| 332 | </style> | 348 | </style> | ... | ... |
| ... | @@ -89,12 +89,12 @@ export function getNode (qllx, qlxx, bdcdylx, bdcdyid) { | ... | @@ -89,12 +89,12 @@ export function getNode (qllx, qlxx, bdcdylx, bdcdyid) { |
| 89 | if (qlxxPage[i].qllx == qllx) { | 89 | if (qlxxPage[i].qllx == qllx) { |
| 90 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { | 90 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { |
| 91 | if (bdcdylx == "4") { | 91 | if (bdcdylx == "4") { |
| 92 | node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; | 92 | node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label ,zt: "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; |
| 93 | } else { | 93 | } else { |
| 94 | node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; | 94 | node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label ,zt: "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; |
| 95 | } | 95 | } |
| 96 | } else { | 96 | } else { |
| 97 | node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; | 97 | node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label ,zt: "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; |
| 98 | } | 98 | } |
| 99 | break; | 99 | break; |
| 100 | } | 100 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-28 15:36:15 | 4 | * @LastEditTime: 2023-09-19 10:48:40 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="content loadingtext"> | 7 | <div class="content loadingtext"> |
| ... | @@ -24,20 +24,25 @@ | ... | @@ -24,20 +24,25 @@ |
| 24 | :key="index" | 24 | :key="index" |
| 25 | :name="index"> | 25 | :name="index"> |
| 26 | <template slot="title"> | 26 | <template slot="title"> |
| 27 | <span class="text" @click="addlist(item)"> | 27 | <span class="text" @click="tap(item)"> |
| 28 | <span> | 28 | <span> |
| 29 | {{ item.label }} | 29 | {{ item.label }} |
| 30 | </span> | 30 | </span> |
| 31 | </span> | 31 | </span> |
| 32 | </template> | 32 | </template> |
| 33 | <el-button | 33 | <p |
| 34 | v-for="(item, index) in item.children" | 34 | v-for="(item, index) in item.children" |
| 35 | :re='item' | 35 | :re="item" |
| 36 | :key="index" | 36 | :key="index" |
| 37 | class="sfqcontent" | 37 | :class="[isActive == index ? activeCls : '', errorCls]" |
| 38 | @click="addlist(item, index)"> | 38 | @click="taplist(item, index)"> |
| 39 | <span> | ||
| 39 | {{ item.label }} | 40 | {{ item.label }} |
| 40 | </el-button> | 41 | </span> |
| 42 | <span> | ||
| 43 | {{ item.zt }} | ||
| 44 | </span> | ||
| 45 | </p> | ||
| 41 | </el-collapse-item> | 46 | </el-collapse-item> |
| 42 | </el-collapse> | 47 | </el-collapse> |
| 43 | </div> | 48 | </div> |
| ... | @@ -75,6 +80,9 @@ | ... | @@ -75,6 +80,9 @@ |
| 75 | queryForm: {}, | 80 | queryForm: {}, |
| 76 | 81 | ||
| 77 | defaultNode: "", | 82 | defaultNode: "", |
| 83 | isActive: "", | ||
| 84 | activeCls: "select", | ||
| 85 | errorCls: "unselected", | ||
| 78 | defaultProps: { | 86 | defaultProps: { |
| 79 | value: "id", | 87 | value: "id", |
| 80 | children: "children", | 88 | children: "children", |
| ... | @@ -113,6 +121,37 @@ | ... | @@ -113,6 +121,37 @@ |
| 113 | ywh: "", | 121 | ywh: "", |
| 114 | ywly: "", | 122 | ywly: "", |
| 115 | }; | 123 | }; |
| 124 | }, | ||
| 125 | mounted () { | ||
| 126 | this.getdata(); | ||
| 127 | }, | ||
| 128 | methods: { | ||
| 129 | // 截取字符的方法 | ||
| 130 | /** | ||
| 131 | * @description: 截取字符的方法 | ||
| 132 | * @param {*} obj | ||
| 133 | * @author: renchao | ||
| 134 | */ | ||
| 135 | getCaption (obj) { | ||
| 136 | let index = obj.lastIndexOf("="); | ||
| 137 | obj = obj.substring(index + 1, obj.length); | ||
| 138 | return obj; | ||
| 139 | }, | ||
| 140 | // 通过不动产业务号获取参数 | ||
| 141 | /** | ||
| 142 | * @description: 通过不动产业务号获取参数 | ||
| 143 | * @author: renchao | ||
| 144 | */ | ||
| 145 | getdata () { | ||
| 146 | this.queryForm = { | ||
| 147 | bdcdyh: this.getCaption(window.location.href), | ||
| 148 | currentPage: 1, | ||
| 149 | djlx: "", | ||
| 150 | pageSize: 10, | ||
| 151 | qllx: "", | ||
| 152 | ywh: "", | ||
| 153 | ywly: "", | ||
| 154 | }; | ||
| 116 | if (this.queryForm) { | 155 | if (this.queryForm) { |
| 117 | this.$startLoading(); | 156 | this.$startLoading(); |
| 118 | searchTaskToDo({ | 157 | searchTaskToDo({ |
| ... | @@ -151,13 +190,9 @@ | ... | @@ -151,13 +190,9 @@ |
| 151 | return item.bdcdyid == val.bdcdyid; | 190 | return item.bdcdyid == val.bdcdyid; |
| 152 | }); | 191 | }); |
| 153 | this.activeName = index | 192 | this.activeName = index |
| 154 | this.setstyle(index, 0, this.iskey); | ||
| 155 | } else { | 193 | } else { |
| 156 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); | 194 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); |
| 157 | this.activeName = this.sfqdata.length - 1; | 195 | this.activeName = this.sfqdata.length - 1; |
| 158 | this.$nextTick(() => { | ||
| 159 | this.setstyle(this.sfqdata.length - 1, 0, this.iskey); | ||
| 160 | }) | ||
| 161 | } | 196 | } |
| 162 | } | 197 | } |
| 163 | }); | 198 | }); |
| ... | @@ -190,15 +225,14 @@ | ... | @@ -190,15 +225,14 @@ |
| 190 | ); | 225 | ); |
| 191 | this.sfqdata[0].children.forEach((item, index) => { | 226 | this.sfqdata[0].children.forEach((item, index) => { |
| 192 | if (item.id == this.defaultNode.id) { | 227 | if (item.id == this.defaultNode.id) { |
| 193 | this.iskey = index | 228 | this.loadComponent(item.form); |
| 229 | this.isActive = index; | ||
| 194 | } | 230 | } |
| 195 | }) | 231 | }) |
| 196 | // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | 232 | // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 |
| 197 | // this.loadComponent(this.defaultNode.form); | 233 | // this.loadComponent(this.defaultNode.form); |
| 198 | 234 | ||
| 199 | this.setstyle(0, 0, this.iskey); | 235 | // this.setstyle(0, 0, this.iskey); |
| 200 | |||
| 201 | |||
| 202 | }); | 236 | }); |
| 203 | } | 237 | } |
| 204 | }); | 238 | }); |
| ... | @@ -217,50 +251,46 @@ | ... | @@ -217,50 +251,46 @@ |
| 217 | }, | 251 | }, |
| 218 | 252 | ||
| 219 | /** | 253 | /** |
| 220 | * @description: setstyle | 254 | * @description: setstyle |
| 221 | * @param {*} data | 255 | * @param {*} data |
| 222 | * @author: renchao | 256 | * @author: renchao |
| 223 | * 设置样式和点击定位到当前功能 | 257 | * 设置样式和点击定位到当前功能 |
| 224 | */ | 258 | */ |
| 225 | setstyle (newindex, index, key) { | 259 | // setstyle (newindex, index, key) { |
| 226 | if (key != undefined || this.keyy == index) { | 260 | // if (key != undefined || this.keyy == index) { |
| 227 | if (key != undefined) { | 261 | // if (key != undefined) { |
| 228 | this.keyy = key | 262 | // this.keyy = key |
| 229 | } | 263 | // } |
| 230 | this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form); | 264 | // this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form); |
| 231 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | 265 | // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el |
| 232 | dpme.style.backgroundColor = "#f5f5f5"; | 266 | // dpme.style.backgroundColor = "#f5f5f5"; |
| 233 | dpme.style.color = "#0079fe"; | 267 | // dpme.style.color = "#0079fe"; |
| 234 | dpme.style.borderRight = "4px solid #0079fe"; | 268 | // dpme.style.borderRight = "4px solid #0079fe"; |
| 235 | } else { | 269 | // } else { |
| 236 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | 270 | // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el |
| 237 | dpme.style.backgroundColor = "#ffffff"; | 271 | // dpme.style.backgroundColor = "#ffffff"; |
| 238 | dpme.style.color = "black"; | 272 | // dpme.style.color = "black"; |
| 239 | dpme.style.border = "none"; | 273 | // dpme.style.border = "none"; |
| 240 | } | 274 | // } |
| 275 | // }, | ||
| 276 | /** | ||
| 277 | * @description: tap | ||
| 278 | * @param {*} data | ||
| 279 | * @author: renchao | ||
| 280 | * 新增列表功能 | ||
| 281 | */ | ||
| 282 | tap (data, index) { | ||
| 283 | this.loadComponent(data.form); | ||
| 241 | }, | 284 | }, |
| 242 | /** | 285 | /** |
| 243 | * @description: addlist | 286 | * @description: taplist |
| 244 | * @param {*} data | 287 | * @param {*} data |
| 245 | * @author: renchao | 288 | * @author: renchao |
| 246 | * 新增列表功能 | 289 | * 新增列表功能 |
| 247 | */ | 290 | */ |
| 248 | addlist (data, index) { | 291 | taplist (data, index) { |
| 249 | if (index != undefined) { | ||
| 250 | let newindex = this.sfqdata.findIndex((item) => { | ||
| 251 | return item.bdcdyid == data.bdcdyid; | ||
| 252 | }); | ||
| 253 | this.setstyle(newindex, index); | ||
| 254 | this.currentSelectProps.bdcdyid = data.bdcdyid; | ||
| 255 | this.loadComponent(data.form); | 292 | this.loadComponent(data.form); |
| 256 | } else { | 293 | this.isActive = index; |
| 257 | let newindex = this.sfqdata.findIndex((item) => { | ||
| 258 | return item.bdcdyid == data.bdcdyid; | ||
| 259 | }); | ||
| 260 | this.setstyle(newindex, index, this.iskey); | ||
| 261 | this.currentSelectProps.bdcdyid = data.bdcdyid; | ||
| 262 | } | ||
| 263 | |||
| 264 | }, | 294 | }, |
| 265 | /** | 295 | /** |
| 266 | * @description: loadComponent | 296 | * @description: loadComponent |
| ... | @@ -272,7 +302,8 @@ | ... | @@ -272,7 +302,8 @@ |
| 272 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 302 | require.ensure([], () => r(require("@/views/registerBook/" + form))); |
| 273 | }, | 303 | }, |
| 274 | }, | 304 | }, |
| 275 | }; | 305 | } |
| 306 | } | ||
| 276 | </script> | 307 | </script> |
| 277 | <style scoped lang="scss"> | 308 | <style scoped lang="scss"> |
| 278 | /deep/.rollTable { | 309 | /deep/.rollTable { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 10:02:12 | 4 | * @LastEditTime: 2023-09-19 10:15:00 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clxx"> | 7 | <div class="clxx"> |
| ... | @@ -167,7 +167,6 @@ | ... | @@ -167,7 +167,6 @@ |
| 167 | //type 1:列表初始化 2:新增材料 | 167 | //type 1:列表初始化 2:新增材料 |
| 168 | return new Promise((resolve) => { | 168 | return new Promise((resolve) => { |
| 169 | this.unitData = this.$parent.unitData; | 169 | this.unitData = this.$parent.unitData; |
| 170 | console.log(this.$parent.unitData, 'this.$parent.unitData;'); | ||
| 171 | var formdata = new FormData(); | 170 | var formdata = new FormData(); |
| 172 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | 171 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); |
| 173 | if (this.$route.query.sqywbm == "DJBBL") { | 172 | if (this.$route.query.sqywbm == "DJBBL") { |
| ... | @@ -333,7 +332,7 @@ | ... | @@ -333,7 +332,7 @@ |
| 333 | }) | 332 | }) |
| 334 | } | 333 | } |
| 335 | } | 334 | } |
| 336 | }; | 335 | } |
| 337 | </script> | 336 | </script> |
| 338 | <style scoped lang="scss"> | 337 | <style scoped lang="scss"> |
| 339 | @import "~@/styles/mixin.scss"; | 338 | @import "~@/styles/mixin.scss"; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-18 08:55:31 | 4 | * @LastEditTime: 2023-09-19 10:15:07 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | 7 | <dialogBox title="新建材料信息" width="25%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" |
| 8 | :isFullscreen="false"> | 8 | :isFullscreen="false"> |
| 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
| 10 | <el-row> | 10 | <el-row> |
| ... | @@ -27,11 +27,9 @@ | ... | @@ -27,11 +27,9 @@ |
| 27 | <el-row :gutter="20"> | 27 | <el-row :gutter="20"> |
| 28 | <el-col :span="24"> | 28 | <el-col :span="24"> |
| 29 | <el-form-item | 29 | <el-form-item |
| 30 | label="是否公共材料" | 30 | label="是否公共材料"> |
| 31 | > | ||
| 32 | <el-radio-group | 31 | <el-radio-group |
| 33 | v-model="ruleForm.sfggcl" | 32 | v-model="ruleForm.sfggcl"> |
| 34 | > | ||
| 35 | <el-radio label="1">是</el-radio> | 33 | <el-radio label="1">是</el-radio> |
| 36 | <el-radio label="0">否</el-radio> | 34 | <el-radio label="0">否</el-radio> |
| 37 | </el-radio-group> | 35 | </el-radio-group> |
| ... | @@ -54,7 +52,7 @@ | ... | @@ -54,7 +52,7 @@ |
| 54 | ruleForm: { | 52 | ruleForm: { |
| 55 | cllx: "", | 53 | cllx: "", |
| 56 | clmc: "", | 54 | clmc: "", |
| 57 | sfggcl:"0" | 55 | sfggcl: "0" |
| 58 | }, | 56 | }, |
| 59 | rules: { | 57 | rules: { |
| 60 | cllx: [ | 58 | cllx: [ |
| ... | @@ -62,6 +60,9 @@ | ... | @@ -62,6 +60,9 @@ |
| 62 | ], | 60 | ], |
| 63 | clmc: [ | 61 | clmc: [ |
| 64 | { required: true, message: '请输入材料名称', trigger: 'blur' } | 62 | { required: true, message: '请输入材料名称', trigger: 'blur' } |
| 63 | ], | ||
| 64 | clbm: [ | ||
| 65 | { required: true, message: '请输入材料编码', trigger: 'blur' } | ||
| 65 | ] | 66 | ] |
| 66 | } | 67 | } |
| 67 | } | 68 | } |
| ... | @@ -84,6 +85,7 @@ | ... | @@ -84,6 +85,7 @@ |
| 84 | this.ruleForm = { | 85 | this.ruleForm = { |
| 85 | cllx: "", | 86 | cllx: "", |
| 86 | clmc: "", | 87 | clmc: "", |
| 88 | sfggcl: "0" | ||
| 87 | } | 89 | } |
| 88 | }, | 90 | }, |
| 89 | /** | 91 | /** |
| ... | @@ -97,7 +99,7 @@ | ... | @@ -97,7 +99,7 @@ |
| 97 | this.ruleForm = { | 99 | this.ruleForm = { |
| 98 | cllx: "", | 100 | cllx: "", |
| 99 | clmc: "", | 101 | clmc: "", |
| 100 | sfggcl:"0" | 102 | sfggcl: "0" |
| 101 | } | 103 | } |
| 102 | this.$emit("input", false); | 104 | this.$emit("input", false); |
| 103 | } else { | 105 | } else { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 10:04:28 | 4 | * @LastEditTime: 2023-09-19 10:14:56 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
| ... | @@ -257,6 +257,18 @@ | ... | @@ -257,6 +257,18 @@ |
| 257 | this.tableData.splice(evt.newIndex, 0, targetRow); | 257 | this.tableData.splice(evt.newIndex, 0, targetRow); |
| 258 | } | 258 | } |
| 259 | }) | 259 | }) |
| 260 | }, | ||
| 261 | dicStatus (val, code) { | ||
| 262 | let data = store.getters.dictData[code], | ||
| 263 | name = '暂无' | ||
| 264 | if (data) { | ||
| 265 | data.map((item) => { | ||
| 266 | if (item.dcode == val) { | ||
| 267 | name = item.dname | ||
| 268 | } | ||
| 269 | }) | ||
| 270 | return name | ||
| 271 | } | ||
| 260 | } | 272 | } |
| 261 | } | 273 | } |
| 262 | } | 274 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-08 16:38:43 | 4 | * @LastEditTime: 2023-09-18 15:24:05 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="szxx"> | 7 | <div class="szxx"> |
| ... | @@ -235,7 +235,7 @@ export default { | ... | @@ -235,7 +235,7 @@ export default { |
| 235 | color: #8b4534; | 235 | color: #8b4534; |
| 236 | } | 236 | } |
| 237 | .szxx_body { | 237 | .szxx_body { |
| 238 | height: 280px; | 238 | min-height: 280px; |
| 239 | } | 239 | } |
| 240 | } | 240 | } |
| 241 | .zs-card { | 241 | .zs-card { | ... | ... |
| ... | @@ -127,8 +127,16 @@ | ... | @@ -127,8 +127,16 @@ |
| 127 | </el-row> | 127 | </el-row> |
| 128 | <el-row :gutter="10"> | 128 | <el-row :gutter="10"> |
| 129 | <el-col :span="8"> | 129 | <el-col :span="8"> |
| 130 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:"> | 130 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质"> |
| 131 | <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input> | 131 | <treeselect |
| 132 | disabled | ||
| 133 | v-model="ruleForm.ztQlxx.qlxzmc" | ||
| 134 | noOptionsText="暂无数据" | ||
| 135 | :default-expand-level="1" | ||
| 136 | placeholder="" | ||
| 137 | :normalizer="normalizer" | ||
| 138 | :show-count="true" | ||
| 139 | :options="dictData['A9']" /> | ||
| 132 | </el-form-item> | 140 | </el-form-item> |
| 133 | </el-col> | 141 | </el-col> |
| 134 | <el-col :span="8"> | 142 | <el-col :span="8"> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-14 17:19:58 | 4 | * @LastEditTime: 2023-09-19 10:44:12 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -100,7 +100,15 @@ | ... | @@ -100,7 +100,15 @@ |
| 100 | </el-col> | 100 | </el-col> |
| 101 | <el-col :span="8"> | 101 | <el-col :span="8"> |
| 102 | <el-form-item label="权利性质:"> | 102 | <el-form-item label="权利性质:"> |
| 103 | <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input> | 103 | <treeselect |
| 104 | disabled | ||
| 105 | v-model="ruleForm.ztQlxx.qlxzmc" | ||
| 106 | noOptionsText="暂无数据" | ||
| 107 | :default-expand-level="1" | ||
| 108 | placeholder="" | ||
| 109 | :normalizer="normalizer" | ||
| 110 | :show-count="true" | ||
| 111 | :options="dictData['A9']" /> | ||
| 104 | </el-form-item> | 112 | </el-form-item> |
| 105 | </el-col> | 113 | </el-col> |
| 106 | <el-col :span="8"> | 114 | <el-col :span="8"> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 14:53:24 | 4 | * @LastEditTime: 2023-09-19 10:44:26 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -94,7 +94,15 @@ | ... | @@ -94,7 +94,15 @@ |
| 94 | </el-col> | 94 | </el-col> |
| 95 | <el-col :span="8"> | 95 | <el-col :span="8"> |
| 96 | <el-form-item label="权利性质:" prop="qlxzmc"> | 96 | <el-form-item label="权利性质:" prop="qlxzmc"> |
| 97 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | 97 | <treeselect |
| 98 | disabled | ||
| 99 | v-model="ruleForm.qlxzmc" | ||
| 100 | noOptionsText="暂无数据" | ||
| 101 | :default-expand-level="1" | ||
| 102 | placeholder="" | ||
| 103 | :normalizer="normalizer" | ||
| 104 | :show-count="true" | ||
| 105 | :options="dictData['A9']" /> | ||
| 98 | </el-form-item> | 106 | </el-form-item> |
| 99 | </el-col> | 107 | </el-col> |
| 100 | </el-row> | 108 | </el-row> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-13 14:06:17 | 4 | * @LastEditTime: 2023-09-19 10:28:39 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -70,8 +70,16 @@ | ... | @@ -70,8 +70,16 @@ |
| 70 | </el-form-item> | 70 | </el-form-item> |
| 71 | </el-col> | 71 | </el-col> |
| 72 | <el-col :span="8"> | 72 | <el-col :span="8"> |
| 73 | <el-form-item label="权利性质1:"> | 73 | <el-form-item label="权利性质"> |
| 74 | <el-input maxlength="25" v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 74 | <treeselect |
| 75 | disabled | ||
| 76 | v-model="ruleForm.zdjbxx.qlxzmc" | ||
| 77 | noOptionsText="暂无数据" | ||
| 78 | :default-expand-level="1" | ||
| 79 | placeholder="" | ||
| 80 | :normalizer="normalizer" | ||
| 81 | :show-count="true" | ||
| 82 | :options="dictData['A9']" /> | ||
| 75 | </el-form-item> | 83 | </el-form-item> |
| 76 | </el-col> | 84 | </el-col> |
| 77 | </el-row> | 85 | </el-row> | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | <!-- | 2 | <!-- |
| 3 | * @Description: | 3 | * @Description: |
| 4 | * @Autor: renchao | 4 | * @Autor: renchao |
| 5 | * @LastEditTime: 2023-09-14 17:21:19 | 5 | * @LastEditTime: 2023-09-19 10:44:45 |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| 8 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> |
| ... | @@ -72,7 +72,15 @@ | ... | @@ -72,7 +72,15 @@ |
| 72 | </el-col> | 72 | </el-col> |
| 73 | <el-col :span="8"> | 73 | <el-col :span="8"> |
| 74 | <el-form-item label="权利性质:"> | 74 | <el-form-item label="权利性质:"> |
| 75 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 75 | <treeselect |
| 76 | disabled | ||
| 77 | v-model="ruleForm.zdjbxx.qlxzmc" | ||
| 78 | noOptionsText="暂无数据" | ||
| 79 | :default-expand-level="1" | ||
| 80 | placeholder="" | ||
| 81 | :normalizer="normalizer" | ||
| 82 | :show-count="true" | ||
| 83 | :options="dictData['A9']" /> | ||
| 76 | </el-form-item> | 84 | </el-form-item> |
| 77 | </el-col> | 85 | </el-col> |
| 78 | </el-row> | 86 | </el-row> | ... | ... |
| ... | @@ -65,7 +65,15 @@ | ... | @@ -65,7 +65,15 @@ |
| 65 | </el-col> | 65 | </el-col> |
| 66 | <el-col :span="8"> | 66 | <el-col :span="8"> |
| 67 | <el-form-item label="权利性质:"> | 67 | <el-form-item label="权利性质:"> |
| 68 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 68 | <treeselect |
| 69 | disabled | ||
| 70 | v-model="ruleForm.zdjbxx.qlxzmc" | ||
| 71 | noOptionsText="暂无数据" | ||
| 72 | :default-expand-level="1" | ||
| 73 | placeholder="" | ||
| 74 | :normalizer="normalizer" | ||
| 75 | :show-count="true" | ||
| 76 | :options="dictData['A9']" /> | ||
| 69 | </el-form-item> | 77 | </el-form-item> |
| 70 | </el-col> | 78 | </el-col> |
| 71 | </el-row> | 79 | </el-row> | ... | ... |
| ... | @@ -65,7 +65,15 @@ | ... | @@ -65,7 +65,15 @@ |
| 65 | </el-col> | 65 | </el-col> |
| 66 | <el-col :span="8"> | 66 | <el-col :span="8"> |
| 67 | <el-form-item label="权利性质:"> | 67 | <el-form-item label="权利性质:"> |
| 68 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 68 | <treeselect |
| 69 | disabled | ||
| 70 | v-model="ruleForm.zdjbxx.qlxzmc" | ||
| 71 | noOptionsText="暂无数据" | ||
| 72 | :default-expand-level="1" | ||
| 73 | placeholder="" | ||
| 74 | :normalizer="normalizer" | ||
| 75 | :show-count="true" | ||
| 76 | :options="dictData['A9']" /> | ||
| 69 | </el-form-item> | 77 | </el-form-item> |
| 70 | </el-col> | 78 | </el-col> |
| 71 | </el-row> | 79 | </el-row> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-01 13:47:11 | 4 | * @LastEditTime: 2023-09-19 10:45:32 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -70,7 +70,15 @@ | ... | @@ -70,7 +70,15 @@ |
| 70 | </el-col> | 70 | </el-col> |
| 71 | <el-col :span="8"> | 71 | <el-col :span="8"> |
| 72 | <el-form-item label="权利性质:"> | 72 | <el-form-item label="权利性质:"> |
| 73 | <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input> | 73 | <treeselect |
| 74 | disabled | ||
| 75 | v-model="ruleForm.zdjbxx.qlxzmc" | ||
| 76 | noOptionsText="暂无数据" | ||
| 77 | :default-expand-level="1" | ||
| 78 | placeholder="" | ||
| 79 | :normalizer="normalizer" | ||
| 80 | :show-count="true" | ||
| 81 | :options="dictData['A9']" /> | ||
| 74 | </el-form-item> | 82 | </el-form-item> |
| 75 | </el-col> | 83 | </el-col> |
| 76 | </el-row> | 84 | </el-row> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 11:15:30 | 4 | * @LastEditTime: 2023-09-19 10:04:58 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -159,7 +159,7 @@ | ... | @@ -159,7 +159,7 @@ |
| 159 | class="loadingtext" | 159 | class="loadingtext" |
| 160 | @sort-change="handleSort" | 160 | @sort-change="handleSort" |
| 161 | :current-page.sync="pageData.currentPage" | 161 | :current-page.sync="pageData.currentPage" |
| 162 | :heightNum="305" | 162 | :heightNum="350" |
| 163 | :total="tableData.total" | 163 | :total="tableData.total" |
| 164 | @size-change="handleSizeChange" | 164 | @size-change="handleSizeChange" |
| 165 | @p-current-change="handleCurrentChange" | 165 | @p-current-change="handleCurrentChange" |
| ... | @@ -256,12 +256,11 @@ | ... | @@ -256,12 +256,11 @@ |
| 256 | this.queryClick(); | 256 | this.queryClick(); |
| 257 | }, | 257 | }, |
| 258 | /** | 258 | /** |
| 259 | * @description: ywhClick | 259 | * @description: 有任务权限 |
| 260 | * @param {*} item | 260 | * @param {*} item |
| 261 | * @author: renchao | 261 | * @author: renchao |
| 262 | */ | 262 | */ |
| 263 | ywhClick (item) { | 263 | ywhClick (item) { |
| 264 | //有任务权限 | ||
| 265 | if (item.sjlx == "3") { | 264 | if (item.sjlx == "3") { |
| 266 | item.djywbm = "DJBBL"; | 265 | item.djywbm = "DJBBL"; |
| 267 | const { href } = this.$router.resolve( | 266 | const { href } = this.$router.resolve( | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-13 14:00:51 | 4 | * @LastEditTime: 2023-09-19 10:47:48 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 8 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> | 8 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> |
| 9 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> | 9 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> |
| 10 | <el-tab-pane label="多幢" name="dz"></el-tab-pane> | 10 | <el-tab-pane label="多幢" name="dz" v-if="sqywInfo.djywbm !== 'B37100'"></el-tab-pane> |
| 11 | </el-tabs> | 11 | </el-tabs> |
| 12 | <div v-show="activeName == 'zrz'"> | 12 | <div v-show="activeName == 'zrz'"> |
| 13 | <div class="from-clues-header"> | 13 | <div class="from-clues-header"> |
| ... | @@ -336,8 +336,8 @@ | ... | @@ -336,8 +336,8 @@ |
| 336 | let refs = 'table1'; | 336 | let refs = 'table1'; |
| 337 | if (this.activeName == 'dz') { | 337 | if (this.activeName == 'dz') { |
| 338 | refs = 'table'; | 338 | refs = 'table'; |
| 339 | this.$refs[refs].clearSelection() | 339 | }else{ |
| 340 | } else { | 340 | this.sqywInfo.djywbm !== 'B37100' && this.$refs[refs].clearSelection() |
| 341 | } | 341 | } |
| 342 | const bdcdysz = this.bdcdysz | 342 | const bdcdysz = this.bdcdysz |
| 343 | if (bdcdysz.length > 0) { | 343 | if (bdcdysz.length > 0) { | ... | ... |
| ... | @@ -40,7 +40,7 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -40,7 +40,7 @@ export function queueDjywmc (djywbm, djqxbm) { |
| 40 | case "A04100"://国有建设用地使用权/房屋所有权(首次登记) | 40 | case "A04100"://国有建设用地使用权/房屋所有权(首次登记) |
| 41 | case "A06100": // 宅基地使用权/房屋所有权 || 首次登记 | 41 | case "A06100": // 宅基地使用权/房屋所有权 || 首次登记 |
| 42 | case "A08100": // 集体建设用地使用权/房屋所有权 || 首次登记 | 42 | case "A08100": // 集体建设用地使用权/房屋所有权 || 首次登记 |
| 43 | case "B37100": | 43 | case "B37100": // 在建工程抵押权 || 首次登记 |
| 44 | vm = "fwsyq"; | 44 | vm = "fwsyq"; |
| 45 | break; | 45 | break; |
| 46 | case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记 | 46 | case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 11:19:07 | 4 | * @LastEditTime: 2023-09-19 10:04:04 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -43,7 +43,7 @@ | ... | @@ -43,7 +43,7 @@ |
| 43 | <el-col :span="4" class="btnColRight"> | 43 | <el-col :span="4" class="btnColRight"> |
| 44 | <el-form-item> | 44 | <el-form-item> |
| 45 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 45 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
| 46 | <el-button @click="moreQueryClick">高级查询</el-button> | 46 | <!-- <el-button @click="moreQueryClick">高级查询</el-button> --> |
| 47 | </el-form-item> | 47 | </el-form-item> |
| 48 | </el-col> | 48 | </el-col> |
| 49 | </el-row> | 49 | </el-row> |
| ... | @@ -140,18 +140,31 @@ | ... | @@ -140,18 +140,31 @@ |
| 140 | console.log(name, sort); | 140 | console.log(name, sort); |
| 141 | }, | 141 | }, |
| 142 | /** | 142 | /** |
| 143 | * @description: 高级查询 | ||
| 144 | * @author: renchao | ||
| 145 | */ | ||
| 146 | moreQueryClick () { }, | ||
| 147 | /** | ||
| 148 | * @description: openDialog | 143 | * @description: openDialog |
| 149 | * @param {*} item | 144 | * @param {*} item |
| 150 | * @author: renchao | 145 | * @author: renchao |
| 151 | */ | 146 | */ |
| 152 | openDialog (item) { | 147 | openDialog (item) { |
| 153 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&type=jdcx') | 148 | if (item.sjlx == "3") { |
| 154 | window.open(href, `urlname${item.bsmSlsq}`) | 149 | item.djywbm = "DJBBL"; |
| 150 | const { href } = this.$router.resolve( | ||
| 151 | "/djbworkFrameview?bsmSlsq=" + | ||
| 152 | item.bsmSlsq + | ||
| 153 | "&bestepid=" + | ||
| 154 | item.bestepid + | ||
| 155 | "&sqywbm=" + | ||
| 156 | item.djywbm | ||
| 157 | ); | ||
| 158 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | ||
| 159 | } else { | ||
| 160 | const { href } = this.$router.resolve( | ||
| 161 | "/workFrameView?bsmSlsq=" + | ||
| 162 | item.bsmSlsq + | ||
| 163 | "&bestepid=" + | ||
| 164 | item.bestepid | ||
| 165 | ); | ||
| 166 | window.open(href, `workFrameView${item.bsmSlsq}`); | ||
| 167 | } | ||
| 155 | } | 168 | } |
| 156 | } | 169 | } |
| 157 | } | 170 | } | ... | ... |
-
Please register or sign in to post a comment