Browse Source

fix - 电梯参数下拉选项图片展示缩略图

jinyw 2 months ago
parent
commit
c04f8529bc

+ 20 - 2
ruoyi-ui-vue2/src/views/civil/engineering/elevator.vue

@@ -108,7 +108,16 @@
                                                     placement="top"
                                                     offset="170"
                                                     trigger="hover">
-                                                    <span slot="reference"><el-button type="text" icon="el-icon-view"></el-button></span>
+                                                    <span slot="reference">
+                                                      <el-image :key="dict.value" :src="baseApi + dict.paraSource" style="width: 34px;height: 34px">
+                                                          <div slot="error">
+                                                              <div class="err-div" style="width: 34px;height: 34px;font-size: 6px">{{ $t('quotation.noImg') }}</div>
+                                                          </div>
+                                                          <div slot="placeholder">
+                                                             <div class="err-div" style="width: 34px;height: 34px;font-size: 6px">{{ $t('quotation.noImg') }}</div>
+                                                          </div>
+                                                      </el-image>
+                                                    </span>
                                                     <span><el-image :key="dict.value" :src="baseApi + dict.paraSource" style="width: 400px;height: 400px">
                                                           <div slot="error">
                                                               <div class="err-div" style="width: 400px;height: 400px">{{ $t('quotation.noImg') }}</div>
@@ -137,7 +146,16 @@
                                                     placement="top"
                                                     offset="170"
                                                     trigger="hover">
-                                                    <span slot="reference"><el-button type="text" icon="el-icon-view"></el-button></span>
+                                                    <span slot="reference">
+                                                        <el-image :key="dict.value" :src="baseApi + dict.paraSource" style="width: 34px;height: 34px">
+                                                          <div slot="error">
+                                                              <div class="err-div" style="width: 34px;height: 34px;font-size: 6px">{{ $t('quotation.noImg') }}</div>
+                                                          </div>
+                                                          <div slot="placeholder">
+                                                             <div class="err-div" style="width: 34px;height: 34px;font-size: 6px">{{ $t('quotation.noImg') }}</div>
+                                                          </div>
+                                                      </el-image>
+                                                    </span>
                                                     <span><el-image :key="dict.value" :src="baseApi + dict.paraSource" style="width: 400px;height: 400px">
                                                           <div slot="error">
                                                               <div class="err-div" style="width: 400px;height: 400px">{{ $t('quotation.noImg') }}</div>

+ 23 - 5
ruoyi-ui-vue2/src/views/quotation/elevator.vue

@@ -86,7 +86,16 @@
                                                     placement="top"
                                                     offset="170"
                                                     trigger="hover">
-                                                    <span slot="reference"><el-button type="text" icon="el-icon-view"></el-button></span>
+                                                    <span slot="reference">
+                                                      <el-image :key="dict.value" :src="baseApi + dict.paraSource" style="width: 34px;height: 34px">
+                                                          <div slot="error">
+                                                              <div class="err-div" style="width: 34px;height: 34px;font-size: 6px">{{ $t('quotation.noImg') }}</div>
+                                                          </div>
+                                                          <div slot="placeholder">
+                                                             <div class="err-div" style="width: 34px;height: 34px;font-size: 6px">{{ $t('quotation.noImg') }}</div>
+                                                          </div>
+                                                      </el-image>
+                                                    </span>
                                                     <span><el-image :key="dict.value" :src="baseApi + dict.paraSource" style="width: 400px;height: 400px">
                                                           <div slot="error">
                                                               <div class="err-div" style="width: 400px;height: 400px">{{ $t('quotation.noImg') }}</div>
@@ -115,7 +124,16 @@
                                                     placement="top"
                                                     offset="170"
                                                     trigger="hover">
-                                                    <span slot="reference"><el-button type="text" icon="el-icon-view"></el-button></span>
+                                                    <span slot="reference">
+                                                      <el-image :key="dict.value" :src="baseApi + dict.paraSource" style="width: 34px;height: 34px">
+                                                          <div slot="error">
+                                                              <div class="err-div" style="width: 34px;height: 34px;font-size: 6px">{{ $t('quotation.noImg') }}</div>
+                                                          </div>
+                                                          <div slot="placeholder">
+                                                             <div class="err-div" style="width: 34px;height: 34px;font-size: 6px">{{ $t('quotation.noImg') }}</div>
+                                                          </div>
+                                                      </el-image>
+                                                    </span>
                                                     <span><el-image :key="dict.value" :src="baseApi + dict.paraSource" style="width: 400px;height: 400px">
                                                           <div slot="error">
                                                               <div class="err-div" style="width: 400px;height: 400px">{{ $t('quotation.noImg') }}</div>
@@ -624,7 +642,7 @@ export default {
       console.log('参数变更', item)
       let rules = this.ruleList[item.paraCode];
       if (rules && rules.length > 0) {
-        if (isFirst === true){
+        if (isFirst === true) {
           this.$modal.loading();
         }
         //判断项目是否存在联动关系中
@@ -778,10 +796,10 @@ export default {
               }
               console.log('满足一个条件,执行联动结果', this.paramCategoryList[a].paramList[b])
               if (this.isChangeResult && result.emptyFlag === '1') {
-                if (this.paramCategoryList[a].paramList[b].inputType === '05'){
+                if (this.paramCategoryList[a].paramList[b].inputType === '05') {
                   console.log('复选框强制清除 ', this.paramCategoryList[a].paramList[b].label)
                   this.paramCategoryList[a].paramList[b].finalValue = 'No'
-                }else {
+                } else {
                   console.log('非复选框强制清除 ', this.paramCategoryList[a].paramList[b].label)
                   this.paramCategoryList[a].paramList[b].finalValue = undefined
                 }