rk
2025-09-22 f34f5322ffa898b42ce4467af9916c9e73deb4f9
frontWuhu/src/components/business/OperaDetailsAWindow.vue
@@ -3,18 +3,36 @@
    :title="title"
    :visible.sync="visible"
    :confirm-working="isWorking"
    @confirm="confirm"
    :withFooter="false"
  >
    <div class="com">
    <div class="com" v-if="info">
      <div class="com_image">
        <img src="../../assets/images/zhuce_ic_qiye@2x.png" />
        <img :src="info.fullLog" />
      </div>
      <div class="com_info">
        <div class="com_info_title">大唐融合物联科技无锡有限公司</div>
        <div class="com_info_title">{{info.name}}</div>
        <div class="com_info_list">
          <div class="com_info_list_item">
            <div class="com_info_list_item_label">行业类别:</div>
            <div class="com_info_list_item_val">电子产品及软件</div>
            <div class="com_info_list_item_val">{{info.industryName}}</div>
          </div>
          <div class="com_info_list_item">
            <div class="com_info_list_item_label">服务商星级:</div>
            <div class="com_info_list_item_val">
              <el-rate v-model="info.starLevel" :colors="['#FF934D','#FF934D','#FF934D']" disabled text-color="#ff9900"></el-rate>
            </div>
          </div>
          <div class="com_info_list_item">
            <div class="com_info_list_item_label">联系人:</div>
            <div class="com_info_list_item_val">{{info.linkName}}</div>
          </div>
          <div class="com_info_list_item">
            <div class="com_info_list_item_label">联系方式:</div>
            <div class="com_info_list_item_val">{{info.linkPhone}}</div>
          </div>
          <div class="com_info_list_item">
            <div class="com_info_list_item_label">企业介绍:</div>
            <div class="com_info_list_item_val">{{info.introduction}}</div>
          </div>
        </div>
      </div>
@@ -25,20 +43,24 @@
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import { getById } from '@/api/business/serverProvider'
export default {
  name: 'OperaDemandRecordWindow',
  extends: BaseOpera,
  components: { GlobalWindow },
  data () {
    return {
      form: {}
      value: 4,
      info: null
    }
  },
  created () {
    this.config({
      api: '/business/demandRecord',
      'field.id': 'id'
    })
  methods: {
    async open (title, id) {
      this.title = title
      this.info = await getById(id)
      this.visible = true
    }
  }
}
</script>
@@ -53,6 +75,13 @@
      flex-shrink: 0;
      background: #F4F7FC;
      margin-right: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      img {
        width: 100%;
      }
    }
    .com_info {
      flex: 1;
@@ -62,6 +91,7 @@
        font-weight: 600;
        font-size: 26px;
        color: #222222;
        margin-bottom: 20px;
      }
      .com_info_list {
        display: flex;
@@ -69,12 +99,18 @@
        .com_info_list_item {
          width: 100%;
          display: flex;
          align-items: center;
          margin-bottom: 30px;
          .com_info_list_item_label {
            font-weight: 400;
            font-size: 16px;
            color: #666666;
            flex-shrink: 0;
          }
          .com_info_list_item_val {
            flex: 1;
            font-weight: 400;
            font-size: 16px;
            color: #333333;
          }
        }
      }