userCenterEnterpriseUnitInformation.vue 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <template>
  2. <div>
  3. <div style="width:500px;margin: auto;margin-top: 30px;">
  4. <div style="margin-left: -50px; font-size: 14px;font-weight: 700;color: #666;padding: 4px 10px;border-left: 2px solid #666;">{{$t('common.UnitInformation')}}</div>
  5. <div style="height: 100px;position: relative;">
  6. <span style="position: absolute;left: 23%;top: 50%;transform: translate(-50%,-50%);font-size: 14px;color: #606266;">{{$t('common.Logo')}}</span>
  7. <img :src="'api/file/pub/'+ form.photo" alt="" style="width: 100px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);"/>
  8. </div>
  9. </div>
  10. <div style="width: 100%;">
  11. <el-form ref="form" :model="form" label-width="140px" class="demo-ruleForm" style="margin-left: 284px;margin-top: 20px;">
  12. <el-form-item :label="$t('common.NameOfEnterprise')" prop='name'>
  13. <el-input v-model="form.unitName" disabled></el-input>
  14. </el-form-item>
  15. <el-form-item :label="$t('common.Continent')">
  16. <el-input v-model="form.are" disabled></el-input>
  17. </el-form-item>
  18. <el-form-item :label="$t('common.UCountry')">
  19. <el-input v-model="form.unitCountry" disabled></el-input>
  20. </el-form-item>
  21. <el-form-item :label="$t('common.Nature')">
  22. <el-input v-model="form.enterpriseProperty" disabled></el-input>
  23. </el-form-item>
  24. <el-form-item :label="$t('common.UIndustry')">
  25. <el-input v-model="form.industry" disabled></el-input>
  26. </el-form-item>
  27. <el-form-item :label="$t('common.RegisteredCapital')">
  28. <el-input v-model="form.registerMoney" disabled></el-input>
  29. </el-form-item>
  30. <el-form-item :label="$t('common.EstablishmentTime')">
  31. <el-input v-model="form.setUpDate" disabled></el-input>
  32. </el-form-item>
  33. <el-form-item :label="$t('common.Website')">
  34. <el-input v-model="form.officialWebsitePath" disabled></el-input>
  35. </el-form-item>
  36. <!-- <el-form-item label="公司介绍:">-->
  37. <!-- <el-input type="textarea" :rows="2" v-html="form.unitIntrodution" disabled></el-input>-->
  38. <!-- </el-form-item>-->
  39. <el-form-item :label="$t('common.UScope')">
  40. <el-input type="textarea" :rows="4" v-model="form.unitScope" disabled></el-input>
  41. </el-form-item>
  42. </el-form>
  43. </div>
  44. <div style="width:500px;margin: auto;margin-top: 30px;">
  45. <div style="margin-left: -50px; font-size: 14px;font-weight: 700;color: #666;padding: 4px 10px;border-left: 2px solid #666;">{{$t('common.Contact Information')}}</div>
  46. </div>
  47. <div style="width: 100%;">
  48. <el-form ref="form" :model="form" label-width="120px" class="demo-ruleForm" style="margin-left: 284px;margin-top: 20px;">
  49. <el-form-item :label="$t('common.ContactsName')" prop='name'>
  50. <el-input v-model="form.linkName" disabled></el-input>
  51. </el-form-item>
  52. <el-form-item :label="$t('common.ContactsPhone')">
  53. <el-input v-model="form.linkPhoneNumber" disabled></el-input>
  54. </el-form-item>
  55. </el-form>
  56. </div>
  57. <div style="clear: both;"></div>
  58. </div>
  59. </template>
  60. <script>
  61. import { getUnitInfo } from "@/api/userCenter";
  62. import { formatDate } from "@/utils/formatUtils";
  63. export default {
  64. name: 'userCenterUnitInformation',
  65. data () {
  66. return {
  67. informationsClass:'1',
  68. dialogVisible: false,
  69. ifDiaslog:'',
  70. title:'',
  71. form: {
  72. unitName: '',
  73. unitCode: '',
  74. registerMoney: '',
  75. unitCountry: '',
  76. unitCountryDict: '',
  77. unitProvince: '',
  78. unitProvinceDict: '',
  79. unitCity: '',
  80. unitCityDict: '',
  81. unitRegion: '',
  82. setUpDate: '',
  83. corporateName: '',
  84. corporateIdCard: '',
  85. corporateDuty: '',
  86. officialWebsitePath: '',
  87. unitAddress: '',
  88. dynamic: '',
  89. dynamicDict: '',
  90. unitsSystem: '',
  91. unitsSystemDict: '',
  92. councilMembers: '',
  93. councilMembersDict: '',
  94. are: '',
  95. industry: '',
  96. industryDict: '',
  97. areDict: '',
  98. unitLabel: '',
  99. unitIntrodution: '',
  100. status: '',
  101. statusDict: '',
  102. language: '',
  103. enterpriseProperty: '',
  104. photo: '',
  105. enterprisePropertyDict: '',
  106. unitScope: '',
  107. businessLicenseRegistrationNumber: '',
  108. businessTermStartTime: '',
  109. businessTermEndTime: '',
  110. organizationCodeCertificateNo: '',
  111. businessLicensePhoto: '',
  112. organizationCodePhoto: '',
  113. linkName: '',
  114. linkPhoneNumber: '',
  115. },
  116. show: true,
  117. count: '',
  118. timer: null
  119. }
  120. },
  121. mounted () {
  122. this.initData();
  123. },
  124. watch: {
  125. '$i18n.locale'(){
  126. this.initData();
  127. }
  128. },
  129. methods:{
  130. getInformation(num){
  131. this.informationsClass=num
  132. },
  133. initData(){
  134. getUnitInfo(this.$i18n.locale).then(result => {
  135. if(result.data){
  136. this.form = result.data;
  137. this.form.setUpDate = this.form.setUpDate
  138. ? formatDate(this.form.setUpDate, "YYYY-MM-DD HH:mm:ss")
  139. : "";
  140. if(!this.form.photo){
  141. this.form.photo = "/def/enterpriseDefault.png";
  142. }
  143. }
  144. }).catch((error) => {
  145. this.$message({
  146. message: error.msg,
  147. type: 'error'
  148. });
  149. })
  150. }
  151. }
  152. }
  153. </script>
  154. <style scoped>
  155. .box1:after{
  156. display:block;
  157. clear:both;
  158. content:"";
  159. visibility:hidden;
  160. height:0
  161. }
  162. .el-input {
  163. width: 75%;
  164. }
  165. .el-form {
  166. width: 500px !important;
  167. }
  168. .el-button {
  169. width: 200px;
  170. height: 45px;
  171. }
  172. </style>