feat:编辑公司信息静态页面

my/renzheng/editCompany.vue

@@ -0,0 +1,389 @@
+<template>
+  <view class="ms-detail">
+    <nav-bar title="编辑公司信息" color="#000"></nav-bar>
+    <view class="ms-content">
+      <view class="ms-title">编辑公司及品牌信息</view>
+      <view class="ms-item">
+        <view class="ms-item-title" @click="checkBaseMsg">
+          <view class="ms-title-txt">基本信息5/5</view>
+          <view class="ms-title-icon">
+            <image
+              src="@/static/images/my/my/top-up.svg"
+              mode="scaleToFill"
+              class="top"
+              v-if="baseMsg"
+            />
+            <image
+              src="@/static/images/my/my/right.svg"
+              mode="scaleToFill"
+              class="right"
+              v-else
+            />
+          </view>
+        </view>
+        <view class="ms-item-content" v-if="baseMsg">
+          <view class="name-content-item">
+            <view class="name-item">品牌logo</view>
+            <view class="value-item">
+              <image src="" mode="scaleToFill" />
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">公司名称</view>
+            <view class="value-item">
+              <text>汉瑞国际</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">公司全称</view>
+            <view class="value-item">
+              <text>深圳市汉睿国际猎头服务公司</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">融资阶段</view>
+            <view class="value-item">
+              <text>未融资</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">人员规模</view>
+            <view class="value-item">
+              <text>0-20人</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="ms-item">
+        <view class="ms-item-title" @click="checkCompanyFund">
+          <view class="ms-title-txt">公司福利 2/2</view>
+          <view class="ms-title-icon">
+            <image
+              src="@/static/images/my/my/top-up.svg"
+              mode="scaleToFill"
+              class="top"
+              v-if="companyFund"
+            />
+            <image
+              src="@/static/images/my/my/right.svg"
+              mode="scaleToFill"
+              class="right"
+              v-else
+            />
+          </view>
+        </view>
+        <view class="ms-item-content" v-if="companyFund">
+          <view class="name-content-item">
+            <view class="name-item">标准工作时间</view>
+            <view class="value-item">
+              <text>09:00-18:00</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">福利待遇</view>
+            <view class="value-item"
+              ><text>已添加2项</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="ms-item">
+        <view class="ms-item-title" @click="checkCompanyDetail">
+          <view class="ms-title-txt">公司介绍</view>
+          <view class="ms-title-icon">
+            已添加
+            <image
+              src="@/static/images/my/my/top-up.svg"
+              mode="scaleToFill"
+              class="top"
+              v-if="companyDetail"
+            />
+            <image
+              src="@/static/images/my/my/right.svg"
+              mode="scaleToFill"
+              class="right"
+              v-else
+            />
+          </view>
+        </view>
+        <view class="ms-item-content" v-if="companyDetail">
+          <view class="name-content-item">
+            <view class="name-item">标准工作时间</view>
+            <view class="value-item">
+              <text>09:00-18:00</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">福利待遇</view>
+            <view class="value-item"
+              ><text>已添加2项</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="ms-item">
+        <view class="ms-item-title" @click="checkMainWork">
+          <view class="ms-title-txt">主营业务</view>
+          <view class="ms-title-icon">
+            去添加
+            <image
+              src="@/static/images/my/my/top-up.svg"
+              mode="scaleToFill"
+              class="top"
+              v-if="mainWork"
+            />
+            <image
+              src="@/static/images/my/my/right.svg"
+              mode="scaleToFill"
+              class="right"
+              v-else
+            />
+          </view>
+        </view>
+        <view class="ms-item-content" v-if="mainWork">
+          <view class="name-content-item">
+            <view class="name-item">标准工作时间</view>
+            <view class="value-item">
+              <text>09:00-18:00</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">福利待遇</view>
+            <view class="value-item"
+              ><text>已添加2项</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="ms-item">
+        <view class="ms-item-title" @click="checkCompanyImg">
+          <view class="ms-title-txt">公司相册</view>
+          <view class="ms-title-icon">
+            已添加3张
+            <image
+              src="@/static/images/my/my/top-up.svg"
+              mode="scaleToFill"
+              class="top"
+              v-if="companyImg"
+            />
+            <image
+              src="@/static/images/my/my/right.svg"
+              mode="scaleToFill"
+              class="right"
+              v-else
+            />
+          </view>
+        </view>
+        <view class="ms-item-content" v-if="companyImg">
+          <view class="name-content-item">
+            <view class="name-item">标准工作时间</view>
+            <view class="value-item">
+              <text>09:00-18:00</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">福利待遇</view>
+            <view class="value-item"
+              ><text>已添加2项</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="ms-item">
+        <view class="ms-item-title" @click="checkPeopleDev">
+          <view class="ms-title-txt">人才发展</view>
+          <view class="ms-title-icon">
+            已添加4项
+            <image
+              src="@/static/images/my/my/top-up.svg"
+              mode="scaleToFill"
+              class="top"
+              v-if="peopleDev"
+            />
+            <image
+              src="@/static/images/my/my/right.svg"
+              mode="scaleToFill"
+              class="right"
+              v-else
+            />
+          </view>
+        </view>
+        <view class="ms-item-content" v-if="peopleDev">
+          <view class="name-content-item">
+            <view class="name-item">标准工作时间</view>
+            <view class="value-item">
+              <text>09:00-18:00</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+          <view class="name-content-item">
+            <view class="name-item">福利待遇</view>
+            <view class="value-item"
+              ><text>已添加2项</text>
+              <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import navBar from "@/components/nav-bar/index.vue";
+
+export default {
+  data() {
+    return {
+      baseMsg: false,
+      companyFund: false,
+      companyDetail: false,
+      mainWork: false,
+      companyImg: false,
+      peopleDev: false,
+    };
+  },
+  components: {
+    navBar,
+  },
+  methods: {
+    checkBaseMsg() {
+      this.baseMsg = !this.baseMsg;
+    },
+    checkCompanyFund() {
+      this.companyFund = !this.companyFund;
+    },
+    checkCompanyDetail() {
+      this.companyDetail = !this.companyDetail;
+    },
+    checkMainWork() {
+      this.mainWork = !this.mainWork;
+    },
+    checkCompanyImg() {
+      this.companyImg = !this.companyImg;
+    },
+    checkPeopleDev() {
+      this.peopleDev = !this.peopleDev;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.ms-detail {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  .ms-content {
+    flex: 1;
+    width: 100%;
+    padding: 40rpx;
+    box-sizing: border-box;
+    overflow: hidden;
+    overflow-y: auto;
+    .ms-title {
+      color: rgba(51, 51, 51, 1);
+      font-family: DM Sans;
+      font-size: 48rpx;
+      font-weight: 700;
+      line-height: 60rpx;
+    }
+    .ms-item {
+      .ms-item-title {
+        color: rgba(31, 44, 55, 1);
+        font-family: DM Sans;
+        font-size: 28rpx;
+        font-weight: 500;
+        line-height: 44rpx;
+        text-align: left;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20rpx;
+        margin-bottom: 16rpx;
+        .ms-title-txt {
+        }
+        .ms-title-icon {
+          color: rgba(153, 153, 153, 1);
+          font-family: DM Sans;
+          font-size: 24rpx;
+          font-weight: 400;
+          line-height: 32rpx;
+          .top {
+            width: 28rpx;
+            height: 18rpx;
+            margin-left: 8rpx;
+          }
+          .right {
+            width: 18rpx;
+            height: 28rpx;
+            margin-left: 8rpx;
+          }
+        }
+      }
+      .ms-item-content {
+        box-sizing: border-box;
+        border: 1rpx solid rgba(227, 231, 236, 1);
+        border-radius: 12rpx;
+        background: rgba(255, 255, 255, 1);
+        padding: 36rpx;
+        .name-content-item {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 9rpx 0;
+          box-sizing: border-box;
+          .name-item {
+            color: rgba(153, 153, 153, 1);
+            font-family: DM Sans;
+            font-size: 24rpx;
+            font-weight: 400;
+            line-height: 32rpx;
+          }
+          .value-item {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: rgba(153, 153, 153, 1);
+            font-family: DM Sans;
+            font-size: 24rpx;
+            font-weight: 400;
+            line-height: 32rpx;
+            letter-spacing: 0%;
+            text {
+              margin-right: 8rpx;
+            }
+            image {
+              width: 50rpx;
+              height: 50rpx;
+              border-radius: 50%;
+              margin-right: 8rpx;
+              background: linear-gradient(
+                90deg,
+                rgba(13, 39, 247, 1),
+                rgba(19, 193, 234, 1) 100%
+              );
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

pages/my/index.vue

@@ -470,6 +470,7 @@
                 <image
                   src="@/static/images/jobApplicant/edit-user.svg"
                   mode="scaleToFill"
+                  @click.stop="goNav('/my/renzheng/editCompany')"
                 />
               </view>
             </view>

static/images/my/my/right.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 9.06348 14.0703" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9.063477" height="14.070312" fill="none" customFrame="#000000">
+	<path id="Vector" d="M1.06602 0.000242275C0.858221 -0.00433146 0.654156 0.0559506 0.4822 0.1728C0.310245 0.28965 0.178943 0.457292 0.10655 0.652269C0.0341566 0.847246 0.0242696 1.05992 0.0782628 1.26078C0.132256 1.46164 0.247446 1.6406 0.40782 1.77292L6.52697 7.01879L0.40782 12.2628C0.296882 12.3444 0.203973 12.448 0.134914 12.5672C0.0658542 12.6864 0.0221309 12.8186 0.00648163 12.9555C-0.00916767 13.0924 0.00359449 13.231 0.0439687 13.3627C0.084343 13.4944 0.151459 13.6164 0.241115 13.721C0.330771 13.8255 0.441035 13.9103 0.565001 13.9703C0.688968 14.0302 0.823967 14.0639 0.961543 14.0692C1.09912 14.0745 1.23631 14.0514 1.36452 14.0012C1.49274 13.951 1.60921 13.8749 1.70665 13.7775L8.71252 7.77909C8.82254 7.68513 8.91088 7.56852 8.97146 7.43709C9.03204 7.30566 9.06341 7.16261 9.06341 7.01787C9.06341 6.87313 9.03204 6.73008 8.97146 6.59865C8.91088 6.46722 8.82254 6.35049 8.71252 6.25654L1.70665 0.252327C1.52967 0.0950184 1.30267 0.00558464 1.06602 1.14283e-05L1.06602 0.000242275Z" fill="rgb(23,23,37)" fill-rule="evenodd" transform="matrix(1,0,0,-1,0,14.0703)" />
+</svg>

static/images/my/my/top-up.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 14.0703 9.0625" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.070312" height="9.062500" fill="none" customFrame="#000000">
+	<path id="Vector" d="M1.06602 0.000242275C0.858221 -0.00433146 0.654156 0.0559506 0.4822 0.1728C0.310245 0.28965 0.178943 0.457292 0.10655 0.652269C0.0341566 0.847246 0.0242696 1.05992 0.0782628 1.26078C0.132256 1.46164 0.247446 1.6406 0.40782 1.77292L6.52697 7.01879L0.40782 12.2628C0.296882 12.3444 0.203973 12.448 0.134914 12.5672C0.0658542 12.6864 0.0221309 12.8186 0.00648163 12.9555C-0.00916767 13.0924 0.00359449 13.231 0.0439687 13.3627C0.084343 13.4944 0.151459 13.6164 0.241115 13.721C0.330771 13.8255 0.441035 13.9103 0.565001 13.9703C0.688968 14.0302 0.823967 14.0639 0.961543 14.0692C1.09912 14.0745 1.23631 14.0514 1.36452 14.0012C1.49274 13.951 1.60921 13.8749 1.70665 13.7775L8.71252 7.77909C8.82254 7.68513 8.91088 7.56852 8.97146 7.43709C9.03204 7.30566 9.06341 7.16261 9.06341 7.01787C9.06341 6.87313 9.03204 6.73008 8.97146 6.59865C8.91088 6.46722 8.82254 6.35049 8.71252 6.25654L1.70665 0.252327C1.52967 0.0950184 1.30267 0.00558464 1.06602 1.14283e-05L1.06602 0.000242275Z" fill="rgb(23,23,37)" fill-rule="evenodd" transform="matrix(0,-1,-1,0,14.0703,9.0625)" />
+</svg>