2/25 界面优化待测试1.0

src/views/inout/DialogCreateOrder.vue

@@ -44,11 +44,18 @@
           </el-col>
         </el-row>
         <el-row>
-          <div class="result-display" :class="{'result-success': isSuccess, 'result-failure': !isSuccess}">
+          <el-alert
-            <p class="result-text" :class="{'result-text-success': isSuccess, 'result-text-failure': !isSuccess}">{{
+            title="扫码结果"
-                result
+            :type="scanResultType"
-              }}</p>
+            :closable="false"
-          </div>
+            :dangerouslyUseHTMLString="true"
+            :description="result">
+          </el-alert>
+          <!--<div class="result-display" :class="{'result-success': isSuccess, 'result-failure': !isSuccess}">-->
+          <!--  <p class="result-text" :class="{'result-text-success': isSuccess, 'result-text-failure': !isSuccess}">{{-->
+          <!--      result-->
+          <!--    }}</p>-->
+          <!--</div>-->
         </el-row>
         <el-row style="margin-top: 25px;margin-bottom: -15px">
           <div v-if="showSearch  && splitBusType!=null">
@@ -839,7 +846,8 @@ export default {
       showSearch: false,
       scanCode: "",
       isSuccess: false,
-      result: "扫码解析结果："
+      result: "\n",
+      scanResultType: "success",
     };
   },
   components: {
@@ -1756,6 +1764,7 @@ export default {
           this.$refs.inputRef.focus();
           this.$refs.inputRef.select();
           this.isSuccess = true;
+          this.scanResultType = "success"
           this.printCodeResult(response.data)
           this.codeFormData.code = response.data.code;
           this.scanCode = ""
@@ -1764,6 +1773,7 @@ export default {
           if (response.code == 502) {
             this.checkSuccess = false;
             this.isSuccess = false;
+            this.scanResultType = "error"
             this.printCodeResult(response.data)
             this.codeFormData.code = response.data.code;
             this.originCode = this.codeFormData.code;
@@ -1773,6 +1783,7 @@ export default {
           } else if (response.code == 503) {
             this.checkSuccess = false;
             this.isSuccess = false;
+            this.scanResultType = "error"
             this.scanCode = ""
             this.printCodeResult(response.data)
             this.codeFormData.code = response.data.code;