Merge branch 'feature/zl' into 'develop'

Feature/zl

See merge request com.pica.cloud.education.frontend/pica.cloud.web-education-admin!363

index.html

@@ -18,7 +18,7 @@
     	<router-view></router-view>
     </div>
     <script src="https://unpkg.com/qiniu-js@2.2.0/dist/qiniu.min.js"></script>
-    <script src="https://cdn.bootcss.com/downloadjs/1.4.8/download.min.js"></script>
+<!--    <script src="https://cdn.bootcss.com/downloadjs/1.4.8/download.min.js"></script>-->
     <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
     <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-5.1.1.min.js"></script>
   </body>

package.json

@@ -19,6 +19,7 @@
     "@babel/polyfill": "^7.2.5",
     "axios": "0.16.2",
     "better-scroll": "^0.1.15",
+    "dayjs": "^1.10.7",
     "echarts": "^4.2.0-rc.2",
     "element-ui": "^2.11.1",
     "fastclick": "^1.0.6",
@@ -26,7 +27,7 @@
     "iscroll": "^5.2.0",
     "js-cookie": "^2.2.0",
     "js-md5": "^0.7.3",
-    "jsencrypt": "^3.0.0-rc.1",
+    "jsencrypt": "^3.2.1",
     "jspdf": "^1.5.3",
     "node-sass": "^4.9.2",
     "pdfh5": "^1.3.9",
@@ -34,6 +35,7 @@
     "qrcodejs2": "^0.0.2",
     "showdown": "^1.6.4",
     "sortablejs": "^1.13.0",
+    "storejs": "^2.0.1",
     "video.js": "^7.8.2",
     "vue": "^2.1.0",
     "vue-infinite-scroll": "^2.0.2",

src/components/education/custom-resource/edit-course-dialog.vue

@@ -322,7 +322,7 @@
       <div v-show="step == 2" class="course-content-step2">
         <img class="success-img" src="../../../assets/image/phrase3/icon-audit-success.png" />
         <span class="tips-1">您上传的课程已成功提交，预计在3-5个工作日内完成审核</span>
-        <span class="tips-2">审核通过后，您才可以选择课程完成项目配置。如有任何疑问可联系云鹊医400-920-8877</span>
+        <span class="tips-2">审核通过后，您才可以选择课程完成项目配置。如有任何疑问可联系云鹊医400-006-5252</span>
         <el-button class="back-btn" type="primary" icon="el-icon-back" @click="backToOrgCourse">返回机构课程</el-button>
       </div>
       <div v-show="step == 1" slot="footer" class="dialog-footer">

src/components/opinionDialog.vue

@@ -43,7 +43,7 @@
 
         <div slot="footer" class="dialog-footer bottom-msg">
           <div class="disblock">
-            <h1>客服电话：400-920-8877  工作日：9:00~18:00</h1>
+            <h1>客服电话：400-006-5252  工作日：9:00~18:00</h1>
           </div>
           <div class="disblock">
             <img src="https://file.yunqueyi.com/File/static/qrcode_for_yunqueyi.jpg" alt="">

src/router/router.js

@@ -82,6 +82,8 @@ const plazaList = r => require.ensure([], () => r(require('../views/plaza/plaza-
 const activityMember = r => require.ensure([], () => r(require('../views/activitymanagement/activity-member.vue')), 'activity-member')
 
 const videoManage = r => require.ensure([], () => r(require('../views/shortvideo/video-manage.vue')), 'video-manage')
+const qualificationList = r => require.ensure([], () => r(require('../views/qualification/list.vue')), 'qualification')
+const qualificationDetail = r => require.ensure([], () => r(require('../views/qualification/detail.vue')), 'qualification')
 
 export default [{
     path: '/',
@@ -347,7 +349,14 @@ export default [{
             path: 'video-manage',
             component: videoManage,
         },
-
+        {
+          path: 'qualification-list',
+          component:qualificationList
+        },
+        {
+          path: 'qualification-detail',
+          component:qualificationDetail
+        },
       // {
       //   path: '/followup',
       //   name: 'followUp',

src/style/global.scss

 @import './common.scss';
+// color
+.c0D9078{
+  color:#0D9078;
+}
 //定位
 .relative{
     position: relative;
@@ -18,9 +22,19 @@
     display: flex;
     justify-content: flex-end;
 }
+.flex1{
+  flex: 1;
+}
 .textLeft{
     float: left;
 }
+.cp{
+  cursor: pointer;
+}
+.flex-c{
+  display: flex;
+  align-items: center;
+}
 .center{
     text-align: center;
 }

src/utils/base/baseApi.js

+import fetch from "../fetch";
+import { getBaseUrl } from "@/utils/index";
+let headers = {
+  "Content-Type": "application/json;charset=UTF-8",
+  token: localStorage.getItem("storageToken"),
+};
+
+/*获取省份*/
+export const getProvinces = () => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`/basic-data/position/provinces`),
+    method: "get",
+  });
+};
+
+// /*获取市*/
+export const getCities = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`/basic-data/position/cities`),
+    method: "get",
+    params: params,
+  });
+};
+
+// /*获取区*/
+export const getCounties = (params) => {
+  return fetch({
+    url: getBaseUrl(`/basic-data/position/counties`),
+    method: "get",
+    params: params,
+  });
+};
+
+// /*获取乡镇*/
+export const getTowns = (params) => {
+  return fetch({
+    url: getBaseUrl(`/basic-data/position/towns`),
+    method: "get",
+    params: params,
+  });
+};

src/utils/goods/index.js

@@ -133,3 +133,14 @@ export const getTypeCodeList = () => {
   });
 };
 
+export const getBusinessCategory = () => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/category/businessCategory/0`),
+    method: "get",
+    description: "查询业务类型",
+  });
+};
+
+
+

src/utils/mixins.js

 import fetch from '@/utils/fetch'
 import { getBaseUrl, getReportUrl, getWorkApi, getCmsUrl } from '@/utils/index'
 import { CryptoJS } from '@/plugins/aes'
-import 'jsencrypt'
+import JSEncrypt from 'jsencrypt'
 
 import { getPubKey } from '@/utils/account/accountApi';
 

src/utils/qiniu-util.js

@@ -51,10 +51,12 @@ let errorCode = new Map([
     [701,'在断点续上传过程中，后续上传接收地址不正确或ctx信息已过期。']
 ]);
 
-let qiniuErrorCheck = function (code) {
+let qiniuErrorCheck = function (code,self) {
     errorCode.forEach(function (value, key, map) {
         if (code === key){
+            self.$message.error(value);
             console.error(key+':'+value)
+            
         }
     })
 }
@@ -243,7 +245,7 @@ export const qiniuUpload = (self, file, filePath, previewId, progressId) => {
                 console.log("七牛上传失败,详细信息请参考:https://developer.qiniu.com/kodo/api/3928/error-responses");
                 //输出简略错误信息
                 if (err.isRequestError){
-                    qiniuErrorCheck(err.code)
+                    qiniuErrorCheck(err.code,self)
                 }else {
                     console.error(err);
                 }
@@ -428,7 +430,7 @@ export const doUpload = (self, file, filePath, previewId, progressId, fileType)
                 console.log("七牛上传失败,详细信息请参考:https://developer.qiniu.com/kodo/api/3928/error-responses");
                 //输出简略错误信息
                 if (err.isRequestError){
-                    qiniuErrorCheck(err.code)
+                    qiniuErrorCheck(err.code,self)
                 }else {
                     console.error(err);
                 }

src/utils/qualification/index.js

+import fetch from '../fetch';
+import { getBaseUrl, getSaasDomain, getSaasApiDomain } from '@/utils/index'
+let headers = {
+  'Content-Type': 'application/json;charset=UTF-8',
+  token: localStorage.getItem('storageToken'),
+};
+export const getCertifyList = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/certify/list`),
+    method: 'post',
+    data:params,
+    description: '审核记录列表(批发和供应商)',
+  })
+};
+export const getCertifyHistory = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`certify/certifyHistory`),
+    method: 'get',
+    data:params,
+    description: '查看审核历史',
+  })
+};
+export const getCertifyDetail = () => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/certify/certifyDetail`),
+    method: 'get',
+    description: '获取认证申请的审核详情',
+  })
+};
+export const getRefuseTemplate = (type) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/cert/constant/refuse/template?type=${type}`),
+    method: 'get',
+    description: '获取错误模板',
+  })
+};
+export const postCertifyAudit = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/certify/audit`),
+    method: 'post',
+    data:params,
+    description: '审核',
+  })
+};

src/utils/shop/index.js

@@ -137,3 +137,59 @@ export const getRefundDesc = (aid) => {
     description: '退款说明',
   })
 };
+
+export const getLgCompanyList = () => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`/basic-data/constants/app/no-chars/P307`),
+    method: "get",
+    description: "获取物流公司",
+  });
+};
+
+export const getStoreAdressRepot = (storeId) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/query/${storeId}/repot`),
+    method: "get",
+    description: "获取店铺退货地址信息",
+  });
+};
+
+export const OCRStore = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/ocr/license`),
+    method: 'post',
+    data: params,
+    description: 'ocr店铺',
+  })
+};
+
+export const idCardOcr = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/ocr/idCard`),
+    method: 'post',
+    data: params,
+    description: '身份证ocr',
+  })
+};
+
+export const orgOptionList = () => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/cert/constant/org/type`),
+    method: 'get',
+    description: '企业类型列表',
+  })
+};
+
+export const orgScopeOptionList = () => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`store/cert/constant/biz/scope`),
+    method: 'get',
+    description: '经营范围',
+  })
+};

src/views/education/report-download.vue

@@ -66,7 +66,7 @@ export default {
           if(res.data == 1) {
             vm.$message.success('下载成功，请移至“下载报告”页面的“导出列表”中查看');
           } else {
-            vm.$message.error('下载失败，请联系管理员或拨打咨询电话：400-920-8877');
+            vm.$message.error('下载失败，请联系管理员或拨打咨询电话：400-006-5252');
           }
         }
       });

src/views/followup/plan-manage/dialog/set-time-node.vue

@@ -103,7 +103,7 @@
                 </el-form-item>
                 <div class="tips-contnt" v-if="itemTimeForm.hasSelected">
                   <p class="yellow-font">当前计划中共{{totalNumber}}位居民（微信：{{wechatPatientNum}}位，短信：{{messagePatientNum}}位），本次定时推送任务在发送当日预计需要{{messagePatientNum}}条短信额度（微信推送不消耗额度，建议您让居民关注云鹊健康微信公众号），务必提前确保短信额度的充足。</p>
-                  <p>需要更多额度，请前往「云鹊医App-个人中心-啾啾币中心」兑换短信额度后再进行预约，您也可以联系云鹊医客服购买短信额度，客服电话：400-920-8877</p>
+                  <p>需要更多额度，请前往「云鹊医App-个人中心-啾啾币中心」兑换短信额度后再进行预约，您也可以联系云鹊医客服购买短信额度，客服电话：400-006-5252</p>
                 </div>
                 <el-form-item label="履约登记表">
                   <el-select

src/views/followup/reservation-manage/dialog/no-enough.vue

@@ -9,7 +9,7 @@
                :before-close="closeTipsDialog">
       <div class="no-enough-content">
         <h3>余额不足提醒</h3>
-        <p class="section">您的短信额度已欠费，请前往「云鹊医App-个人中心-啾啾币中心」兑换短信额度后再进行预约<br/>您也可以联系云鹊医客服购买短信额度，客服电话：400-920-8877</p>
+        <p class="section">您的短信额度已欠费，请前往「云鹊医App-个人中心-啾啾币中心」兑换短信额度后再进行预约<br/>您也可以联系云鹊医客服购买短信额度，客服电话：400-006-5252</p>
         <p class="tip">提示：微信推送不消耗额度，建议您与居民绑定微信，关注云鹊健康微信公众号</p>
       </div>
       <div slot="footer" class="dialog-footer">

src/views/goods/create-good.vue

@@ -11,9 +11,9 @@
         </el-col>
       </el-row>
         <el-form
-            ref="formData"
-            :model="formData"
-            :rules="rules"
+            ref="formData3"
+            :model="formData3"
+            :rules="rules3"
             label-width="150px"
             label-suffix="："
             class="basic-form"
@@ -25,7 +25,7 @@
               <el-col :span="13">
                 <el-input
                     size="small"
-                    v-model="formData.goodsName"
+                    v-model="formData3.goodsName"
                     placeholder="请输入商品名称"
                     show-word-limit
                     maxlength="60"
@@ -40,12 +40,12 @@
                     type="textarea"
                     rows="4"
                     size="small"
-                    v-model="formData.goodsDescription"
+                    v-model="formData3.goodsDescription"
                     placeholder="请输入商品介绍"
-                    maxlength="1000"
+                    maxlength="40"
                     show-word-limit
                 ></el-input>
-                <!-- <span class="word-num">{{(formData.goodsDescription).replace(/\s+/g,"").length}}/1000</span> -->
+                <span class="word-tip">此文案可摘取药品说明书【功能主治】or【适应症】</span>
               </el-col>
             </el-form-item>
 
@@ -56,6 +56,9 @@
                   :show-file-list="isShowFileList"
                   action="#"
                   :before-upload="beforeUploadPic"
+                  multiple
+                  :on-exceed="imgExceed"
+                  :limit="6"
               >
                 <div class="file-pics" v-if="fileGoodsList.length > 0" :key="index" v-for="(item,index) in fileGoodsList">
                   <img :src="item.url" @mouseover.stop="headIndex=index" class="bg-img"/>
@@ -68,22 +71,67 @@
                      <i class="el-icon-delete"></i>
                    </div>
                 </div>
-                <img  class="bg-img" src="../../assets/image/small.png" v-if="fileGoodsList.length <10"/>
-                <div class="limit-text">
+                <img  class="bg-img" src="../../assets/image/small.png" v-if="fileGoodsList.length < 6"/>
+                <div class="limit-text" v-if="fileGoodsList.length < 6">
                  <!-- <p>限制大小: 200kb</p> -->
-                  <p>建议尺寸：750*420</p>
+                  <p>建议尺寸：750*750</p>
                   <p>支持jpeg, png格式</p>
                 </div>
               </el-upload>
               <p class="upload-message" v-if="!isgoodsImages">请上传商品头图</p>
+              <!-- <p class="upload-message" v-if="uploadImgMessage1">请上传商品头图</p> -->
+            </el-form-item>
+
+            <el-form-item label="商品介绍视频" class="label-video">
+              <el-upload
+                  accept=".mp4"
+                  :on-remove="handleRemoveVideo"
+                  :file-list="videoList"
+                  :before-upload="beforeVideoUpload"
+                  :show-file-list="false"
+                  :disabled="videoList.length == 1"
+                  :limit="1"
+                  action="#"
+                  class="bg-uploader"
+              >
+
+                <video id="introVideoLecture" :src="videoModel.videoFullPath" controls preload style="width: 100%;" v-if="videoList.length == 1">
+                    视频
+                </video>
+                <img  class="bg-img" src="../../assets/image/video.png" v-if="videoList.length <1"/>
+                <div class="limit-text" v-if="videoList.length <1">
+                  <p>建议大小：20M以内</p>
+                  <p>仅支持MP4格式</p>
+                  <P>视频名称必须包含3个下划线：举例（YQ_01_02_03.mp4)</P>
+                </div>
+              </el-upload>
+
+              <el-progress :text-inside="true" :stroke-width="16" :percentage="uploadProgress" status="success" class="video-progress"
+                v-show="uploadProgress>0&&uploadProgress<100">
+            </el-progress>
+             <el-button class="dl-video" icon="el-icon-delete" circle @click="deleteVideo" v-if="videoList.length == 1"></el-button>
+            </el-form-item>
+            <el-form-item label="业务类型" prop="businessCategoryId">
+              <el-select
+                  v-model="formData3.businessCategoryId"
+                  placeholder="请选择业务类型"
+                  size="small"
+                 >
+                <el-option
+                    v-for="item in businessCategoryList"
+                    :key="item.id"
+                    :label="item.categoryName"
+                    :value="item.id"
+                ></el-option>
+              </el-select>
             </el-form-item>
             <el-form-item label="商品类型" prop="goodsType">
               <el-select
-                  v-model="formData.goodsType"
+                  v-model="formData3.goodsType"
                   placeholder="请选择商品类型"
                   size="small"
                   :disabled="isEdit"
-                  @change="getGoodsTypes(formData.goodsType,2)">
+                  @change="getGoodsTypes(formData3.goodsType,2)">
                 <el-option
                     v-for="(item,index) in oneLever"
                     :key="item.categoryName+'-'+index"
@@ -92,7 +140,17 @@
                 ></el-option>
               </el-select>
             </el-form-item>
-            <!-- <p class="upload-message" v-if="uploadImgMessage1">请上传商品头图</p> -->
+
+
+             <el-form-item label="是否支持售后" prop="expressLimitFlag" v-if="storeType < 3">
+              <el-radio-group v-model="formData3.expressLimitFlag" :disabled="!hasRepoFlag">
+                <el-radio :label="1">是</el-radio>
+                <el-radio :label="0">否</el-radio>
+              </el-radio-group>
+              <p class="backTip" v-if="!hasRepoFlag" @click="goShopDeatil">若需设置商品支持售后，需先至店铺页<span class="ad-back">设置售后地址</span></p>
+            </el-form-item>
+
+
           </div>
         </el-form>
 
@@ -109,7 +167,7 @@
             <el-form-item label="条形码" prop="barCode">
               <el-col :span="18">
                 <el-input
-                    :disabled="barAndGoodsFlag"
+                    :disabled="barAndGoodsFlag || idMedicEdit"
                     size="small"
                     v-model="formData1.barCode"
                     placeholder="请输入条形码"
@@ -124,6 +182,7 @@
                 <el-input
                     size="small"
                     v-model="formData1.approvalNumber"
+                    :disabled="idMedicEdit"
                     placeholder="请输入批准文号"
                     style="width:50%;"
                 ></el-input>
@@ -133,7 +192,7 @@
             <el-form-item label="通用名称" prop="medicCommonName">
               <el-col :span="13">
                 <el-input
-                    :disabled="goodDisabled || barAndGoodsFlag"
+                    :disabled="goodDisabled || barAndGoodsFlag || idMedicEdit"
                     size="small"
                     v-model="formData1.medicCommonName"
                     placeholder="请输入通用名称"
@@ -151,7 +210,7 @@
                     size="small"
                     v-model="formData1.medicGoodsName"
                     placeholder="请输入商品名称"
-
+                    :disabled="idMedicEdit"
                     maxlength="60"
                     show-word-limit
                 ></el-input>
@@ -165,6 +224,7 @@
                     size="small"
                     v-model="formData1.size"
                     placeholder="请输入规格"
+                    :disabled="idMedicEdit"
                     style="width:70%;"
                 ></el-input>
 
@@ -174,8 +234,8 @@
             <div class="inline">
               <el-form-item label="是否是处方药" prop="otc1">
                 <el-col :span="24">
-                  <el-radio size="mini" v-model="formData1.otc1" label="1">处方药</el-radio>
-                  <el-radio v-model="formData1.otc1" label="0">非处方药</el-radio>
+                  <el-radio size="mini" v-model="formData1.otc1" label="1" :disabled="idMedicEdit">处方药</el-radio>
+                  <el-radio v-model="formData1.otc1" label="0" :disabled="idMedicEdit">非处方药</el-radio>
                 </el-col>
               </el-form-item>
               <el-form-item label="剂型" prop="dosageId">
@@ -183,6 +243,7 @@
                     v-model="formData1.dosageId"
                     placeholder="请选择药品剂型"
                     size="small"
+                    :disabled="idMedicEdit"
                     clearable>
                   <el-option
                       v-for="(item,index) in doseAll"
@@ -200,6 +261,7 @@
                     v-model="formData1.usage"
                     placeholder="请输入用法用量"
                     style="width:70%;"
+                    :disabled="idMedicEdit"
                 ></el-input>
 
                 <span class="word-num">例如:每次一袋 每天1-2次</span>
@@ -275,6 +337,7 @@
                     v-model="formData1.manufacturer"
                     placeholder="请输入生产厂家"
                     style="width:70%;"
+                    :disabled="idMedicEdit"
                 ></el-input>
 
                 <span class="word-num"></span>
@@ -286,6 +349,7 @@
                     size="small"
                     v-model="formData1.department"
                     placeholder="请输入适用科室"
+                    :disabled="idMedicEdit"
 
                 ></el-input>
                 <!-- <el-select
@@ -308,6 +372,7 @@
                       size="small"
                       v-model="formData1.treatDisease"
                       placeholder="请输入治疗疾病"
+                      :disabled="idMedicEdit"
 
                   ></el-input>
 
@@ -323,6 +388,7 @@
                     v-model="formData1.expiredTime"
                     placeholder="请输入有效期"
                     style="width:70%;"
+                    :disabled="idMedicEdit"
                 ></el-input>
                <!-- <el-date-picker
                   v-model="formData.expiredTime"
@@ -343,6 +409,7 @@
                     v-model="formData1.modelNo"
                     placeholder="请输入型号"
                     style="width:70%;"
+                    :disabled="idMedicEdit"
                 ></el-input>
                 <span class="word-num"></span>
               </el-col>
@@ -354,6 +421,7 @@
                     v-model="formData1.standardNo"
                     placeholder="请输入执行标准号"
                     style="width:70%;"
+                    :disabled="idMedicEdit"
                 ></el-input>
                 <span class="word-num"></span>
               </el-col>
@@ -574,18 +642,6 @@
                 format="yyyy-MM-dd HH:mm:ss"
               ></el-date-picker>
             </el-form-item>
-            <!-- <el-form-item label="商品使用日期" prop="endTime">
-              <el-col :span="13">
-               <el-input
-                    size="small"
-                    v-model="formData2.endTime"
-                    placeholder="请输入商品使用日期"
-                    style="width:70%;"
-                ></el-input>
-                <span class="word-num"></span>
-              </el-col>
-            </el-form-item> -->
-
             <el-form-item label="检测说明" >
               <el-upload
                   :file-list="goodsCheckList"
@@ -653,44 +709,19 @@
                 <el-radio :label="1">零售</el-radio>
                 <el-radio :label="2" :disabled="commissionFlag == 1">批发</el-radio>
               </el-radio-group>
-<!--              <el-select-->
-<!--                v-model="formData.saleType"-->
-<!--                placeholder="请选择销售方式"-->
-<!--                size="small"-->
-<!--                @change="getSaleType(formData.saleType,2)">-->
-<!--                <el-option-->
-<!--                  v-for="item in saleTypeList"-->
-<!--                  :key="item.value"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                ></el-option>-->
-<!--              </el-select>-->
             </el-form-item>
             </div>
 
             <div class="inline" v-if="formData.saleType == 1">
               <el-form-item label="零售价" prop="optPrice">
                 <el-col :span="20">
-<!--                  <el-input-->
-<!--                    @input="$forceUpdate();"-->
-<!--                    size="small"-->
-<!--                    v-model="formData.optPrice"-->
-<!--                    placeholder="请输入零售价"-->
-<!--                  ></el-input>-->
                   <el-input-number class="stock-com" @input="$forceUpdate();" v-model="formData.optPrice" size="small" :precision="2" :min="0.00" :max="99999.99"></el-input-number>
-
-                  <!-- <span class="word-num">{{(formData.name).replace(/\s+/g,"").length}}/60</span> -->
                 </el-col>
               </el-form-item>
             </div>
             <div class="inline" v-if="formData.saleType == 2">
               <el-form-item label="批发价" prop="optPrice">
                 <el-col :span="20">
-<!--                  <el-input-->
-<!--                    @input="$forceUpdate();"-->
-<!--                    size="small"-->
-<!--                    v-model="formData.optPrice"-->
-<!--                    placeholder="请输入批发价"></el-input>-->
                   <el-input-number class="stock-com"  @input="$forceUpdate();" v-model="formData.optPrice" size="small" :precision="2" :min="0" :max="99999.99"></el-input-number>
                 </el-col>
               </el-form-item>
@@ -704,14 +735,6 @@
                     <span class="sp sp-r" @click="changeStock(2)"><i class="el-icon-plus"></i></span>
                   </div>
                  <p class="error-message" v-if="!isgoodStock">库存不能为0</p>
-                 <!-- <el-input
-                      size="small"
-                      v-model="formData.name"
-                      placeholder="请输入库存"
-
-                  ></el-input> -->
-                  <!-- <el-input-number   readonly size="small" v-model="formData.stock"></el-input-number> -->
-                 <!-- <span class="word-num">{{(formData.name).replace(/\s+/g,"").length}}/60</span> -->
                 </el-col>
               </el-form-item>
             </div>
@@ -721,9 +744,6 @@
                 <el-col :span="20">
                   <div class="stock-com" style="width: 500px;display:flex">
                     <el-input-number class="stock-com" @input="$forceUpdate();" v-model="formData.leastCount" size="small" :precision="0" :min="0" :max="9999"></el-input-number>
-                    <!-- <span class="sp sp-l" @click="minusCount(1)"><i class="el-icon-minus"></i></span>
-                    <span class="sp sp-c">{{formData.leastCount}}</span>
-                    <span class="sp sp-r" @click="plusCount(1)"><i class="el-icon-plus"></i></span> -->
                     <span class="word-num" style="margin-left: 10px;">最高9999件哦</span>
                   </div>
                   <p class="error-message" v-if="formData.leastCount <= 0">最小起购件数不能为0</p>
@@ -745,18 +765,12 @@
                 <el-col :span="20" style="width: 300%;">
                   <div class="stock-com" style="width: 500px;display:flex">
                     <el-input-number class="stock-com" @input="$forceUpdate();" v-model="formData.mostCount" size="small" :precision="0" :min="-1" :max="9999"></el-input-number>
-                    <!-- <span class="sp sp-l" @click="minusCount(2)"><i class="el-icon-minus"></i></span>
-                    <span class="sp sp-c">{{formData.mostCount}}</span>
-                    <span class="sp sp-r" @click="plusCount(2)"><i class="el-icon-plus"></i></span> -->
                     <span class="word-num" style="margin-left: 10px;">数值为-1时，代表单次购买上限已无限制(最高9999件哦)</span>
                   </div>
                   <p class="error-message" v-if="formData.mostCount === 0">单次购买上限不能为0</p>
-<!--                  <p class="error-message" v-if="formData.mostCount <= -1">单次购买上限已无限制</p>-->
                 </el-col>
               </el-form-item>
             </div>
-
-
             <div class="inline" v-if="formData.saleType == 1">
               <el-form-item label="第三方商品编码">
                 <el-col :span="20">
@@ -782,16 +796,6 @@
             </div>
 
           </div>
-<!--        </el-form>-->
-
-<!--      <el-form-->
-<!--        ref="formData"-->
-<!--        :model="formData"-->
-<!--        :rules="rules"-->
-<!--        label-width="150px"-->
-<!--        label-suffix="："-->
-<!--        class="basic-form"-->
-<!--      >-->
         <div class="basic-item-icon" v-if="formData.saleType == 1">
           <div class="part-tit">限购条件</div>
           <div v-for="(item, index) in buyLimitDtoList" :key="index" >
@@ -847,7 +851,6 @@
 
         </div>
         <span slot="footer" class="dialog-footer" style="text-align: right;">
-          <!-- <el-button @click="centerDialogVisible = false">取 消</el-button> -->
           <el-button type="primary" @click="updateStock">完成</el-button>
         </span>
       </el-dialog>
@@ -858,12 +861,13 @@
   import BreadCrumb from "@/components/breadcrumb.vue";
   let vm = null;
   import { openLoading, closeLoading } from "../../utils/utils";
-  import { doUpload, getFilePath } from "../../utils/qiniu-util";
-  import { updateGoods ,updateStock,dosageAll,getDeparts,getGoodsList, getGoodDetails, updateGoodsV2, getHospitalInfoByStoreId, getCheckPackageIdList, getTypeCodeList } from '@/utils/goods';
+  import { isEmptyUtils } from "@/utils/index";
+  import { doUpload, getFilePath, createFilePath } from "../../utils/qiniu-util";
+  import { updateGoods ,updateStock,dosageAll,getDeparts,getGoodsList, getGoodDetails, updateGoodsV2, getHospitalInfoByStoreId, getCheckPackageIdList, getTypeCodeList,getBusinessCategory } from '@/utils/goods';
+  import { getStoreAdressRepot } from "@/utils/shop";
   import Cropper from '@/components/common/cropper.vue'
-
-  import { originRules1, originRules2, originRules } from './rules';
-  import { originForm1, originForm2, originForm } from './forms';
+  import { originRules1, originRules2, originRules, originRules3 } from './rules';
+  import { originForm1, originForm2, originForm, originForm3 } from './forms';
 
   export default {
     components: {
@@ -955,6 +959,7 @@
         formData: JSON.parse(JSON.stringify(originForm)), // 通用信息
         formData1: JSON.parse(JSON.stringify(originForm1)), // 基本信息
         formData2: JSON.parse(JSON.stringify(originForm2)),
+        formData3: JSON.parse(JSON.stringify(originForm3)),
         buyLimitDtoList:[],
         rules: {},
         rules1: {},
@@ -992,32 +997,48 @@
         limitVisibleFlag:false,
         limit:{
           title:"限购条件"
+        },
+        storeType: 1, //1: "供货商",2: "小药房",3: "医生小店"
+        hasRepoFlag: 0, //店铺是否有退货地址
+        videoList: [],//视频上传文件列表
+        videoModel:{
+            videoFullPath: ''
+        },
+        businessCategoryList:[],
+        sumFile: 0,
+        uploadProgress:0, // 上传视频进度条
       }
-
+    },
+    computed: {
+      idMedicEdit() {
+        return this.isEdit && !this.isCheckServe;;
       }
     },
     created() {
       vm = this;
-      const { id, storeId, goodsType, inputType, commissionFlag} = this.$route.query;
+      const { id, storeId, goodsType, inputType, commissionFlag, storeType} = this.$route.query;
       this.goodsType = goodsType;
       this.storeId = storeId;
       this.inputType = inputType || '';
       this.commissionFlag = commissionFlag;
+      this.storeType = storeType;
       // this.formData = originForm;
       // this.formData1 = originForm1;
       // this.formData2 = originForm2;
       this.rules = originRules;
       this.rules1 = originRules1;
       this.rules2 = originRules2;
+      this.rules3 = originRules3
       // this.rules2.barCode = originRules.barCode;
 
-      this.jumPathThird = '/goods-manage?storeId=' + storeId +'&commissionFlag=' + this.commissionFlag;
+      this.jumPathThird = '/goods-manage?storeId=' + storeId +'&commissionFlag=' + this.commissionFlag +'&storeType=' + this.storeType;
       //this.jumPathThird = '/create-good?id=add&storeId=46'
       this.title = id == 'add' ? '新增商品' : '编辑商品';
       this.isEdit = id != 'add';
       this.curmbThird = this.title;
       this.formData.storeId = Number(storeId) || '';
       this.getTypeCodeList();
+      this.getBusinessCategory();
       this.getLever(0,1)
       dosageAll().then((res)=>{
         this.doseAll = res.data
@@ -1034,6 +1055,8 @@
           console.log(`getCheckPackageIdList`, res);
           this.checkPackageIdList = res.data;
         })
+      } else {
+        this.getStoreAdress();
       }
       // debugger;
       // 判空
@@ -1048,6 +1071,27 @@
       }
     },
     methods: {
+      // 获取业务类型
+      getBusinessCategory(){
+        getBusinessCategory().then((res) => {
+          if (res.code == '000000') {
+            this.businessCategoryList=res.data
+          }
+        }).catch((err)=>{})
+      },
+      // 判断imgurl是否有效
+      checkImgExists(imgurl) {
+          return new Promise(function(resolve, reject) {
+            var ImgObj = new Image()
+            ImgObj.src = imgurl
+            ImgObj.onload = function(res) {
+              resolve(res)
+            }
+            ImgObj.onerror = function(err) {
+              reject(err)
+            }
+          })
+      },
       // 获取适用人群
       getTypeCodeList() {
         return getTypeCodeList().then((res) => {
@@ -1083,18 +1127,34 @@
             });
           };
 
-          const { goodsInfo, medicalService, buyLimitDtoList} = res.data;
+          const { goodsInfo, medicalService, buyLimitDtoList, hasRepoFlag} = res.data;
+          const { goodsName, goodsDescription, goodsType,businessCategoryId, expressLimitFlag,goodsHeaderImages=[], goodsVideoList=[] } = goodsInfo;
 
           this.formData = {...this.formData, ...goodsInfo};
           this.formData2 = medicalService;
           this.formData = { ...this.formData, ...this.formData2 };
+          this.formData3 = { goodsName, goodsDescription, goodsHeaderImages, goodsVideoList, goodsType,businessCategoryId, expressLimitFlag };
           this.buyLimitDtoList = buyLimitDtoList;
+          this.hasRepoFlag = hasRepoFlag;
           this.$set(this.formData2, 'suitableArr', this.formData.suitable.split(','));
           this.$set(this.formData, 'suitableArr', this.formData.suitable.split(','));
           this.formData.optPrice = this.formData.costPrice/100;
           this.formData.stock = this.formData.goodsStock;
           this.fileGoodsList = this.getImges(goodsInfo.goodsHeaderImages,1);
           this.goodsCheckList = this.getImges(medicalService.goodsCheckImages, goodsType);
+          if (goodsInfo.goodsVideoList.length > 0) {
+              this.videoList.push(goodsInfo.goodsVideoList[0]);
+              this.videoModel.videoFullPath = this.videoList[0].goodsImgUrl;
+          }
+          let newImgList = [];
+          this.fileGoodsList.map((item,index) => {
+            this.checkImgExists(item.imageUrl).then(()=> {
+              newImgList.push(item)
+            }).catch(()=> {
+              newImgList = this.fileGoodsList.splice(index,1);
+            })
+          })
+          this.fileGoodsList = newImgList;
 
           this.rules = {
             ...this.rules,
@@ -1109,6 +1169,7 @@
             goodsType	:'',
             pageNo:1,
             pageSize:	10,
+            storeId: this.storeId
           });
           if(res.code != '000000'){
             return this.$message({
@@ -1122,15 +1183,31 @@
               type: 'error'
             });
           }
-          const {goodsList} = res.data;
+          const {goodsList, hasRepoFlag } = res.data;
+           const { goodsName, goodsDescription, goodsType, businessCategoryId,expressLimitFlag, goodsHeaderImages=[], goodsVideoList=[] } = goodsList[0];
           this.formData1 = goodsList[0];
           this.formData = goodsList[0];
+          this.formData3 =  { goodsName, goodsDescription, goodsHeaderImages, goodsVideoList, goodsType,businessCategoryId, expressLimitFlag };
+          this.hasRepoFlag = hasRepoFlag;
           this.buyLimitDtoList = this.formData.buyLimitDtoList;
           this.formData.optPrice = this.formData.costPrice/100;
           this.fileGoodsList = this.getImges(goodsList[0].goodsImgList,1);
           this.fileIntrList = this.getImges(goodsList[0].medicImgList,2);
           this.formData.stock = this.formData.goodsStock;
           this.formData.otc1 = this.formData.otc ? '1' : '0';
+          if (goodsList[0].goodsVideoList.length > 0) {
+              this.videoList.push(goodsList[0].goodsVideoList[0]);
+              this.videoModel.videoFullPath = this.videoList[0].goodsImgUrl;
+          }
+          let newImgList = [];
+          this.fileGoodsList.map((item,index) => {
+            this.checkImgExists(item.imageUrl).then(()=> {
+              newImgList.push(item)
+            }).catch(()=> {
+              newImgList = this.fileGoodsList.splice(index,1);
+            })
+          })
+          this.fileGoodsList = newImgList;
           if(this.isMedic){
             this.getLever(5,2,1)
           }else{
@@ -1252,31 +1329,9 @@
 
         });
       },
-      // 销售方式
-      getSaleType(saleType, type){
 
-      },
       getGoodsTypes(goodsType,type){
         this.goodsType = goodsType;
-        // if(goodsType == 5){
-        //   this.isMedic = true;
-        //   this.isCheckServe = false;
-        //   this.getLever(goodsType,type);
-        // } else if(goodsType == 337){
-        //   this.isMedic = false;
-        //   this.isCheckServe = true;
-        //   getHospitalInfoByStoreId(this.storeId).then(({code,message,data})=>{
-        //     this.formData2.hospitalName = data.hospital;
-        //   })
-        //   getCheckPackageIdList().then(res=>{
-        //     console.log(`getCheckPackageIdList`, res);
-        //     this.checkPackageIdList = res.data;
-        //   })
-        // }else{
-        //   this.isMedic = false;
-        //   this.isCheckServe = false;
-        // };
-
         if(goodsType == 337){
           this.isMedic = false;
           this.isCheckServe = true;
@@ -1400,15 +1455,16 @@
       complete() {
         this.formData1.leastCount = this.formData.leastCount;
         this.formData1.mostCount = this.formData.mostCount;
-        let formNameList = ['formData', 'formData1', 'formData2'];
+        let formNameList = ['formData', 'formData1', 'formData2', 'formData3'];
 
         // let formName = "formData";
         if(this.goodsType == 337 ){
-          formNameList = ['formData', 'formData2'];
-          this.formData = { ...this.formData, ...this.formData2 };
+          formNameList = ['formData', 'formData2', 'formData3'];
+          this.formData = { ...this.formData, ...this.formData3,...this.formData2 };
         }else{
-          formNameList = ['formData', 'formData1'];
-          this.formData =  { ...this.formData, ...this.formData1 };
+
+          formNameList = ['formData', 'formData1', 'formData3'];
+          this.formData =  { ...this.formData,...this.formData1,...this.formData3};
         }
         for(let i=0;i<this.fileGoodsList.length;i++){
           this.fileGoodsList[i].imageSort = i+1
@@ -1416,7 +1472,6 @@
         for(let j=0;j<this.fileIntrList.length;j++){
           this.fileIntrList[j].imageSort = j+1
         }
-
         this.formData.categoryId = this.formData.goodsType
         this.formData.otc = this.formData.otc1 == 1 ? true : false
         this.isgoodStock = this.formData.stock > 0 ? true : false
@@ -1424,15 +1479,17 @@
         // console.log(this.isgoodStock);
         this.formData.goodsImages = this.fileGoodsList;
         this.formData.goodsHeaderImages = this.fileGoodsList;
+        this.formData.goodsVideoList = this.videoList;
         this.formData.specificationImages = this.fileIntrList;
         this.formData.buyLimitDtoList = this.buyLimitDtoList;
         this.isgoodsImages = this.formData.goodsImages.length == 0 ? false :true;
+
         // 如果是【药品】类型的商品
-        if(this.isMedic){
+        // if(this.isMedic){
           if(!this.isgoodsImages){
             return;
           }
-        }
+        // }
         // 如果是【检测服务】类型的商品
         if(this.isCheckServe){
           this.formData.goodsCheckImages = this.goodsCheckList;
@@ -1506,16 +1563,23 @@
             path: '/goods-manage',
             query: {
               storeId: this.formData.storeId,
-              commissionFlag: this.commissionFlag
+              commissionFlag: this.commissionFlag,
+              storeType: this.storeType
             }
           })
         })
       },
+      imgExceed(file) {
+        if (file.length > 6) {
+          this.$message.error("最多只能上传6张图片");
+        };
+      },
       //上传商品头图
       beforeUploadPic(file) {
-        if(this.fileGoodsList.length > 10){
-          return ;
-        }
+        // if(this.fileGoodsList.length > 6){
+        //     this.$message.error("最多只能上传6张图片");
+        //     return ;
+        // }
         let vm = this;
         let picTypes = ['image/jpeg','image/png']
 
@@ -1532,7 +1596,10 @@
           vm.slide2.oriUrl = theFile.target.result;
           image.onload = function () {
             let _this = this;
-            console.log(_this.width,_this.height)
+            if (_this.width !== 750 || _this.height !== 750) {
+              vm.$message.error("图片长宽尺寸必须为750*750");
+              return;
+            };
               openLoading(vm);
               doUpload(vm, file, getFilePath(file, null), "preview4", "progress1", 1).then(function (path) {
                 closeLoading(vm);
@@ -1763,7 +1830,6 @@
           }
         }
       },
-
       checkCount(){
         let flag = true;
         if(this.formData.saleType == 1 && this.formData.mostCount == 0){
@@ -1785,8 +1851,134 @@
         }
         return flag;
 
+      },
+      goShopDeatil() {
+        this.$router.push({
+          path: `/create-shop`,
+          query:{
+            storeId: this.storeId,
+            // storeData: JSON.stringify(row),
           }
+        })
+      },
+      //店铺是否配置售后地址
+      getStoreAdress() {
+        getStoreAdressRepot(this.storeId).then(res => {
+          if (res.code == "000000") {
+            // repotList 地址数组
+            if(res.data && res.data.repotList && res.data.repotList.length) {
+              this.hasRepoFlag = true;
+            } else {
+              this.hasRepoFlag = false;
+            }
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+      },
+      // 视频
+    deleteVideo(videoList) {
+        console.log(videoList,'item,fileGoodsListitem,fileGoodsListv')
+        this.videoList = [];
+        this.videoModel.videoFullPath='';
+        },
+    beforeVideoUpload(file) {
+       const video2M = file.size / 1024 /1024 < 20;
+       console.log(file.size, 'video2Mvideo2Mvideo2M')
 
+        if (!video2M) {
+          this.$message.error('上传视频大小不能超过20M!');
+        }
+        else {
+          this.doVideoUpload(file, 1);
+        }
+    },
+     handleRemoveVideo(file, videoList) {
+            //console.log(this.videoList);
+        for (let i = 0; i < this.videoList.length; i++) {
+            if (this.videoList[i].name == file.name) {
+                this.videoList.splice(i, 1);
+                console.log("删除" + i);
+            }
+        }
+    },
+    checkUpdate(name) {
+        let flag = true;
+        for(let i=0;i<this.videoList.length;i++) {
+            if(this.videoList[i].name == name) {
+                flag = false;
+                this.$message.warning('上传文件重发');
+            }
+        }
+        console.log('name',name,'',this.videoList)
+        return flag;
+    },
+    doVideoUpload(file, index) {
+        console.log('file',file);
+        //console.log('videoList项目列表：',this.videoList);
+        this.videoModel.videoFullPath = '';
+        if(file.name.indexOf(' ') != -1){
+            this.$message.warning('文件名不能包含空格');
+            return;
+        }
+        let updateFlag = this.checkUpdate(file.name);
+        if(updateFlag == false) {
+            return;
+        }
+        var ext = file.type
+        var arr = ext.split('/');
+        var filety = "." + arr[1];
+        /*if (filety.indexOf(".pdf") < 0 && filety.indexOf(".jpeg") < 0 && filety.indexOf(".jpg") < 0
+            && filety.indexOf(".png") < 0 && filety.indexOf(".mp4") < 0) {
+            this.$message.warning('文件格式错误');
+            return
+        }*/
+
+        let self = this;
+        //如果没有选择文件,返回
+        if (isEmptyUtils(file)) {
+            return;
+        }
+
+        console.log('file.type', file.type)
+        if(filety != ".mp4"){
+        // if (file.type !== 'video/mp4') {
+            self.$message.error('仅支持上传mp4格式视频');
+            return;
+        }
+
+        var arr = file.name.split('_');
+        if(arr.length != 4){
+            self.$message.error('上传视频文件名格式不正确：举例（GXY_001_02_03.mp4)');
+            return;
+        }
+
+        self.$message.info('开始上传');
+        self.videoModel.videoPath = createFilePath(file,file.name)
+        //  let videoPath = createFilePath(file,file.name)
+        doUpload(self,file,self.videoModel.videoPath,"preview4",
+        "uploadProgress1",
+        "").then(function (result) {
+            console.log('成功result',result);
+            self.videoModel.videoFullPath = result.fullPath;
+            // self.model.size = result.size;
+            // self.model.ext = result.ext;
+            // self.model.name = self.model.videoPath;
+            let fileItem = {
+                goodsImgUrl: result.fullPath,
+                uid: '',
+                imageUrl: result.fullPath,
+                imageType: 9,
+                goodsId: self.formData.goodsId,
+                id: null,
+                deleteFlag: 0
+            }
+            self.videoList.push(fileItem);
+            self.$message.success('上传成功');
+            console.log('sumFile',self.sumFile,'videoList',self.videoList);
+            return false;
+        });
+    },
     },
   }
 </script>
@@ -1805,6 +1997,9 @@
           color: #449284;
         }
       }
+      .word-tip {
+        color: #e6af7a;
+      }
     }
     .suitableList-select {
       width: 445px;
@@ -1856,7 +2051,14 @@
       font-size: 12px;
       color: #f56c6c;
     }
-
+    .backTip {
+      font-size: 12px;
+      color: red;
+      cursor: pointer;
+    }
+    .ad-back {
+      color: #449284;
+    }
     .img-delete {
       position: absolute;
       left: 0px;
@@ -2019,4 +2221,29 @@
   .el-icon-minus {
     color:#ffffff;
   }
+  #introVideoLecture {
+      height: 140px;
+  }
+  .video-progress {
+    width: 20%;
+  }
+  .el-upload-list {
+    width: 30%;
+  }
+  .label-video {
+    position: relative;
+    .el-button:focus, .el-button:hover {
+    color: #449284;
+    border-color: #449284;
+    background-color: #ecf5ff;
+    }
+    .dl-video {
+      position: absolute;
+      top: 50%;
+      left: 35%;
+      transform: translate(-50%,-50%);
+
+    }
+  }
+
 </style>

src/views/goods/forms.js

 const form1 = {
-  categoryIdLevel2: '',
-  categoryIdLevel3: '',
-  categoryIdLevel4: '',
-  categoryIdLevel5: '',
-  medicCommonName:'',
-  medicGoodsName:'',
-  size:'',
-  dosageId:null,
-  usage:'',
-  otc1:'1',
-  approvalNumber:'',
-  manufacturer:'',
-  department:'',
-  expiredTime:'',
-  specification_url:'',
-  treatDisease:'',
-  barCode: '',
-  modelNo: '', // 型号
-  standardNo: '', // 执行标准号
-}
+  categoryIdLevel2: "",
+  categoryIdLevel3: "",
+  categoryIdLevel4: "",
+  categoryIdLevel5: "",
+  medicCommonName: "",
+  medicGoodsName: "",
+  size: "",
+  dosageId: null,
+  usage: "",
+  otc1: "1",
+  approvalNumber: "",
+  manufacturer: "",
+  department: "",
+  expiredTime: "",
+  specification_url: "",
+  treatDisease: "",
+  barCode: "",
+  modelNo: "", // 型号
+  standardNo: "", // 执行标准号
+};
 
 const form2 = {
   checkPackageId: '', // 检测登记表，暂无，先隐藏！！！！！！！！！！！
@@ -48,27 +48,39 @@ const form = {
   // specificationImages:[],
   // goodsId: 0, // 新增时传0，更新时必需>0
   id: 0,
-  goodsName:'',
-  goodsDescription:'',
-  goodsHeaderImages:[],
-  goodsType:'',
-  barCode: '',
-  costPrice:0,
-  decrStock:0,//减少库存
-  incrStock:'',//增加库存
-  storeId: '',
-  optPrice:'',
-  goodsStock:0,
+  goodsName: "",
+  goodsDescription: "",
+  goodsHeaderImages: [],
+  goodsType: "",
+  barCode: "",
+  costPrice: 0,
+  decrStock: 0, //减少库存
+  incrStock: "", //增加库存
+  storeId: "",
+  optPrice: "",
+  goodsStock: 0,
   stock: 0,
-  externalGoodsCode: '',
-  leastCount:1,
+  externalGoodsCode: "",
+  leastCount: 1,
   mostCount: -1,
-  incrType:1,
-  saleType:1,
-  minWhole:0
+  incrType: 1,
+  saleType: 1,
+  minWhole: 0,
+  expressLimitFlag: 0, //是否支持退货退款
+};
+
+const form3 = {
+  goodsName: "",
+  goodsDescription: "",
+  goodsHeaderImages: [],
+  goodsVideoList: [],
+  goodsType: "",
+  businessCategoryId:"",
+  expressLimitFlag: 0, //是否支持退货退款
 };
 
 
 export const originForm1 = form1;
 export const originForm2 = form2;
+export const originForm3 = form3;
 export const originForm = form;

src/views/goods/goods-manage.vue

@@ -94,8 +94,8 @@
           </el-col>
 
           <el-col :span="12" style="text-align: right">
-            <el-button v-if="commissionFlag == 2" type="primary" size="small" @click="batchSetPrice()">批量设置分佣</el-button>
-            <el-button type="primary" size="small" @click="exportOpt">批量导出商品</el-button>
+            <el-button v-if="commissionFlag == 2" type="primary" size="small" @click="batchSetPrice()" :disabled="tableData.length == 0">批量设置分佣</el-button>
+            <el-button type="primary" size="small" @click="exportOpt" :disabled="tableData.length == 0">批量导出商品</el-button>
             <el-button v-if="isSSO" type="primary" size="small" @click="batchOpt(3)">批量导入商品</el-button>
             <el-button type="primary" size="small" @click="edit('add')">新建单个商品</el-button>
           </el-col>
@@ -121,7 +121,11 @@
             <span>{{ scope.row.goodsStatus | rangeStatus }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="quantityOfSale" label="销量" width="120" align="center">
+        <el-table-column prop="goodsHisStock" label="商品总库存" width="100" align="center"></el-table-column>
+        <el-table-column prop="quantityOfSale" label="有效销量" width="120" align="center">
+
+        </el-table-column>
+        <el-table-column prop="quantityOfUnPaidSale" label="待付款销量" width="120" align="center">
 
         </el-table-column>
         <el-table-column prop="size" label="规格" width="120" align="center">
@@ -158,6 +162,16 @@
         </el-table-column>
         <el-table-column prop="saleTime" label="发布时间" width="170" align="center">
         </el-table-column>
+        <el-table-column prop="modifiedIdStr" label="最近操作人" width="170" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.modifiedIdStr || '--' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="modifiedTime" label="最近操作时间" width="170" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.modifiedTime || '--' }}</span>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" width="200" align="center" fixed="right">
           <template slot-scope="scope">
             <div v-if="scope.row.commissionFlag == 2">
@@ -345,16 +359,14 @@
             </span>
     </el-dialog>
 
-
   </div>
 </template>
 <script>
   let vm = null;
   import { openLoading, closeLoading } from "../../utils/utils";
   import BreadCrumb from "@/components/breadcrumb.vue";
-  import { getRangeList,updateRangeStatus, getGoodsExportUrl, getOrdersExportUrl } from "../../utils/yqrange/yqrangeApi";
+  import { getGoodsExportUrl } from "../../utils/yqrange/yqrangeApi";
   import { getGoodsList,batchOnOff,uploadExcel} from '@/utils/goods';
-  import { getBaseUrl } from '@/utils/index'
   var typeList = [{
     categoryName: "短信额度",
     id: 1,
@@ -486,9 +498,10 @@
       vm = this;
       this.getLists()
       this.getLever()
-      const {storeId,commissionFlag} = this.$route.query;
+      const {storeId,commissionFlag,storeType} = this.$route.query;
       this.searchForm.storeId = Number(storeId) || 0;
       this.commissionFlag = commissionFlag;
+      this.storeType = storeType;
       // if(storeId){
       //   this.searchForm.storeId = storeId
       // }
@@ -550,7 +563,6 @@
       handleRemove(){},
       beforeRemove(){},
       handleSelectionChange(val){
-        console.log(val)
         this.selectList = val
       },
 
@@ -620,8 +632,10 @@
         reader.readAsDataURL(file);
       },
       uploadTemp(){
-        // let url = "https://file.yunqueyi.com/trade/store/goods_import_template.xlsx"
-        const url = 'https://file.yunqueyi.com/trade/store/20210129/goods_import_template.xlsx';
+        // let url = "https://file.yunqueyi.com/trade/store/goods_import_template.xlsx 'https://file.yunqueyi.com/trade/store/20210129/goods_import_template.xlsx'"
+        // const url = 'https://files.yunqueyi.com/template/goods_import_template_1.xlsx';
+        const url = 'https://files.yunqueyi.com/application/vnd.openxmlformats-officedocument.spreadsheetml.sheet/common/20211105150219553.xlsx';
+
         window.location.href = url
       },
       getLever(id=0){
@@ -691,12 +705,13 @@
         }
       },
       edit(row){
-        const { goodsType } = row;
+        const { goodsType, storeType } = row;
+        //  storeType 1: "供货商",2: "小药房",3: "医生小店"
         let url = ''
         if(row == 'add'){
-          url = `/create-good?id=add&storeId=${this.searchForm.storeId}&inputType=1&commissionFlag=${this.commissionFlag}`
+          url = `/create-good?id=add&storeId=${this.searchForm.storeId}&inputType=1&commissionFlag=${this.commissionFlag}&storeType=${this.storeType}`
         }else{
-          url = `/create-good?id=${row.goodsId}&storeId=${this.searchForm.storeId}&goodsType=${goodsType}&commissionFlag=${this.commissionFlag}`
+          url = `/create-good?id=${row.goodsId}&storeId=${this.searchForm.storeId}&goodsType=${goodsType}&commissionFlag=${this.commissionFlag}&storeType=${storeType}`
         }
         // this.$store.dispatch('goodsManage/changeGoodsInfo', {...row});
         this.$router.push({
@@ -818,7 +833,6 @@
       },
       exportOpt() {
         const { goodsIdList, goodsType, goodsName, storeId, saleType } = this.searchForm;
-
         getGoodsExportUrl({ goodsIdList, goodsType, goodsName, storeId, saleType }).then(res => {
           if (res.code != '000000') {
             this.$message({ message: res.message, type: 'error' });

src/views/goods/rules.js

@@ -27,18 +27,18 @@ const rules1 = {
     { required: true, message: "请输入条形码", trigger: "submit" },
     { validator: checkBarcode, trigger: "submit" }
   ],
-  medicCommonName:[
-    { required: true, message: "请输入商品通用名称", trigger: "blur" }
-  ],
+  // medicCommonName:[
+  //   { required: true, message: "请输入商品通用名称", trigger: "blur" }
+  // ],
   // size:[
   //   { required: true, message: "请输入商品规格", trigger: "blur" }
   // ],
   // manufacturer:[
   //   { required: true, message: "请输入生产厂家", trigger: "blur" }
   // ],
-  approvalNumber:[
-    { required: true, message: "请输入批准文号", trigger: "blur" }
-  ],
+  // approvalNumber:[
+  //   { required: true, message: "请输入批准文号", trigger: "blur" }
+  // ],
   // dosageId:[
   //   { required: true, message: "请选择剂型", trigger: "change" }
   // ],
@@ -89,16 +89,6 @@ const rules = {
     { required: true, message: "请输入条形码", trigger: "submit" },
     { validator: checkBarcode, trigger: "submit" }
   ],
-  goodsName: [
-    { required: true, message: "请输入商品名称", trigger: "submit" },
-    { validator: checkProjectStr, trigger: "submit" }
-  ],
-  goodsHeaderImages: [
-    { required: true, message: "请上传商品头图", trigger: "blur" }
-  ],
-  goodsType:[
-    { required: true, message: "请选择商品类型", trigger: "change" }
-  ],
   optPrice: [
     { required: true, message: "请输入价格", trigger: "blur" },
   ],
@@ -123,8 +113,24 @@ const rules = {
   // ],
 }
 
+const rules3 = {
+  goodsName: [
+    { required: true, message: "请输入商品名称", trigger: "submit" },
+    { validator: checkProjectStr, trigger: "submit" },
+  ],
+  goodsDescription: [
+    { required: true, message: "请输入商品介绍", trigger: "submit" },
+  ],
+  goodsHeaderImages: [
+    { required: true, message: "请上传商品头图", trigger: "blur" },
+  ],
+  businessCategoryId: [{ required: true, message: "请选择业务类型", trigger: "change" }],
+
+  goodsType: [{ required: true, message: "请选择商品类型", trigger: "change" }],
+};
 
 export const originRules1 = rules1;
 export const originRules2 = rules2;
+export const originRules3 = rules3;
 export const originRules = rules;
 

src/views/layout/header.vue

@@ -29,7 +29,7 @@
           <el-col :span="15" class="msg-phone">
             <div class="grid-content bg-purple-light" style="cursor: default;">
               <i class="el-icon-phone" style="cursor: default;"></i>
-              <h1 style="cursor: default;">400-920-8877</h1>
+              <h1 style="cursor: default;">400-006-5252</h1>
             </div>
           </el-col>
         </el-row>

src/views/learning/item-data-all.vue

@@ -3,7 +3,7 @@
     <div v-if="dataType == 0" class="data-chart">
       <div class="box-list">
         <div class="box-min">
-          <div v-for="(item , index) in cardData" :key="index" class="box-card" v-bind:class="{ 'box-last': index == 2 }">
+          <div v-for="(item , index) in cardData" :key="index" class="box-card" v-bind:class="{ 'box-last': index == 3 }">
             <el-tooltip v-if="index == 2" class="item-tool" placement="bottom-end" effect="light">
               <div slot="content">
                 <p v-for="text in item.content">{{ text }}</p>
@@ -166,7 +166,7 @@
     <div v-if="dataType == 1" class="data-table">
       <div class="box-list">
         <div class="box-min-2">
-          <div v-for="(item , index) in cardData" :key="index" class="box-card box-card2" v-bind:class="{ 'box-last': index == 1 }">
+          <div v-for="(item , index) in cardData" :key="index" class="box-card box-card2" v-bind:class="{ 'box-last': index == 2 }">
             <el-tooltip v-if="index == 1" class="item-tool" placement="bottom-end" effect="light">
               <div slot="content">
                 <p v-for="text in item.content">{{ text }}</p>
@@ -791,6 +791,17 @@ export default {
           content: [
             "获证率：已获证人数/应参与人数*100%",
           ]
+        },
+        {
+          value: "0%",
+          title: " 参与完成率",
+          hasKey: "已完成人数 ",
+          hasNum: "0",
+          shouldKey: "已参与人数",
+          shouldNum: "0",
+          content: [
+            "参与完成率：已完成人数/已参与人数*100%",
+          ]
         }
       ];
       if(data == null) {
@@ -802,11 +813,11 @@ export default {
         }
         return;
       }
-      cardData[2].title = vm.certFlag == 0 ? '完成率' : '获证率';
+      cardData[2].title = vm.certFlag == 0 ? '项目完成率' : '获证率';
       cardData[2].hasKey = vm.certFlag == 0 ? '已完成人数' : '已获证人数';
       if(vm.certFlag == 0) {
         cardData[2].content = [
-          "完成率：已完成人数/应参与人数*100%",
+          "项目完成率：已完成人数/应参与人数*100%",
         ]
       } else {
         cardData[2].content = [
@@ -821,15 +832,23 @@ export default {
       cardData[2].value = parseFloat((data.certificateRate*100).toFixed(1)) + '%';
       cardData[2].hasNum = data.finishCount;
       cardData[2].shouldNum = data.doctorCount;
+
+      const p = data.joinCount ? data.finishCount/data.joinCount : 0;
+
+      cardData[3].value = parseFloat((p*100).toFixed(1)) + '%';
+      cardData[3].hasNum = data.finishCount;
+      cardData[3].shouldNum = data.joinCount;
+
       if(vm.dataType == 0) {
         cardData[0].value = parseFloat((data.hospitalRate*100).toFixed(1)) + '%';
-        cardData[0].hasNum = data.hospitalJoinCount;
-        cardData[0].shouldNum = data.hospitalCount;
+        cardData[0].hasNum = data.hospitalJoinCount; //hospitalCount
+        cardData[0].shouldNum = data.hospitalCount; //hospitalJoinCount
 
         vm.cardData = cardData;
       } else if(vm.dataType == 1) {
         vm.cardData = cardData.slice(1);
       }
+      console.log('---cardData',  vm.dataType, vm.cardData)
     },
     updateResize() {
       // setTimeout(function() {
@@ -1081,7 +1100,6 @@ export default {
     },
     //机构人员分页
     handleSizeChange(val) {
-      console.log(`每页 ${val} 条`);
         vm.formTable.pageSize = val;
       vm.formTable.pageNo = 1;
       if(vm.downloadId == null) {
@@ -1156,6 +1174,7 @@ export default {
     .box-min {
       height: 106px;
       min-width: 1050px;
+      overflow-x: scroll;
     }
     .box-min-2 {
       height: 106px;
@@ -1165,7 +1184,7 @@ export default {
       position: relative;
       background-color: #F1F7F6;
       color: #449284;
-      width: 32%;
+      width: 23%;
       margin-right: 2%;
       height: 106px;
       float: left;
@@ -1231,7 +1250,7 @@ export default {
       }
     }
     .box-card2 {
-      width: 49%;
+      width: 32%;
       margin-right: 2%;
     }
     .box-last {
@@ -1420,7 +1439,7 @@ export default {
       .el-radio-button {
         .el-radio-button__inner {
           border:0 solid #666666 !important;
-          box-shadow: 0;
+          box-shadow: none;
         }
       }
       .is-active {
@@ -1430,7 +1449,7 @@ export default {
           border-radius:10px 10px 0px 0px;
           background:#DFDFDF !important;
           border:0 solid #666666 !important;
-          box-shadow: 0;
+          box-shadow: none;
         }
       }
     }

src/views/qualification/components/historyDialog.vue

+<template>
+  <el-dialog
+    title="提示"
+    :visible.sync="hidden"
+    width="80%"
+    :before-close="handleClose"
+  >
+    <el-table :data="gridData">
+      <el-table-column property="date" label="审核时间"></el-table-column>
+      <el-table-column property="name" label="审核人"></el-table-column>
+      <el-table-column property="address" label="审核结果"></el-table-column>
+      <el-table-column property="address" label="失败原因" width="200">
+        <template class=""> </template>
+      </el-table-column>
+      <el-table-column property="address" label="操作">
+        <template>
+          <el-button
+            @click="goDetail(scope.row)"
+            class="c0D9078"
+            type="text"
+            size="small"
+            >查看详情</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination
+        background
+        @size-change="handleSizeChange"
+        @current-change="handleNumChange"
+        :current-page="pageNo"
+        :page-sizes="[10, 30, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { getCertifyHistory } from "@/utils/qualification";
+export default {
+  props: {
+    hidden: {
+      type: Boolean,
+      default: () => {
+        return false;
+      },
+    },
+    id: {
+      type: Number,
+      default: () => {
+        return 0;
+      },
+    },
+  },
+  data() {
+    return {
+      pageNo: 0,
+      pageSize: 10,
+      total: 100,
+      gridData: [],
+    };
+  },
+  created() {},
+  methods: {
+    init() {
+      const params = {
+        certificateInfoId: this.id,
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+      };
+      getCertifyHistory(params).then((res) => {
+        this.gridData = res.data.contentList;
+      });
+    },
+    handleSizeChange(value) {
+      this.pageSize = value;
+      this.init();
+    },
+    handleNumChange(value) {
+      this.pageNo = value;
+    },
+    goDetail() {
+
+    },
+    show() {},
+    handleClose() {
+      this.pageSize = 10;
+      this.pageNo = 1;
+      this.gridData = [];
+      this.$emit("close");
+    },
+  },
+};
+</script>
+<style lang='less' scoped>
+</style>

src/views/qualification/components/refuseDialog.vue

+<template>
+  <el-dialog
+    title="拒绝原因"
+    :visible.sync="dialogVisible"
+    width="40%"
+    :before-close="handleClose"
+  >
+    <div class="refuse-dialog">
+      <el-radio
+        class="radio"
+        v-model="checkId"
+        v-for="item in list"
+        :key="item.id"
+        :label="item.id"
+        >{{ item.name }}</el-radio
+      >
+      <el-radio class="radio" v-model="checkId" :label="-1">手动输入</el-radio>
+      <el-input
+        v-if="checkId === -1"
+        type="textarea"
+        placeholder="请输入拒绝原因"
+        v-model="refuse"
+        maxlength="30"
+        show-word-limit
+      />
+    </div>
+    <div class="btn">
+      <el-button type="default" size="small" @click="handleClose"
+        >取消</el-button
+      >
+      <el-button type="primary" size="small" @click="confirm">确认</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { getRefuseTemplate } from "@/utils/qualification";
+
+export default {
+  props: {},
+  data() {
+    return {
+      dialogVisible: false,
+      checkId: -1,
+      refuse: "",
+      list: [],
+      type: "",
+      typeData: {
+        1: "公司信息",
+        2: "营业执照",
+        3: "上一年年度报告",
+        4: "委托人身份证照片",
+        5: "委托书",
+        6: "法人身份证照片",
+        7: "药品经营许可证",
+        8: "药品经营质量管理规范认证证书",
+        9: "食品经营许可证",
+        10: "医疗器械经营许可证",
+        11: "二级医疗器械经营备案凭证",
+        12: "事业单位法人证",
+      },
+    };
+  },
+  created() {},
+  methods: {
+    init() {
+      getRefuseTemplate(this.type).then((res) => {
+        console.log(res);
+        this.list = res.data || [];
+      });
+    },
+    show(type) {
+      console.log(type);
+      this.type = type;
+      this.init(type);
+      this.dialogVisible = true;
+    },
+    handleClose() {
+      this.list = [];
+      this.refuse = "";
+      this.checkId = -1;
+      this.dialogVisible = false;
+    },
+    confirm() {
+      const params = {
+        refuseTemplateNo: this.checkId,
+        infoType: this.type,
+        infoTypeName:this.typeData[this.type]
+      };
+      if (this.checkId === -1) {
+        params.refuseContent = this.refuse;
+      } else {
+        params.refuseContent = this.list.filter((v) => {
+          return v.id === this.checkId;
+        })[0].name;
+      }
+      this.handleClose();
+      this.$emit("confirm", params);
+    },
+  },
+};
+</script>
+<style lang='less' scoped>
+.refuse-dialog {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 20px;
+}
+.radio {
+  margin-bottom: 10px;
+}
+.btn {
+  text-align: right;
+}
+</style>

src/views/qualification/detail.vue

+<template>
+  <div class="qualification-detail" ref="qualificationDetail">
+    <bread-crumb :curmbFirst="curmbFirst"></bread-crumb>
+    <div class="qualification-content screenSet" id="screenSet">
+      <div class="head">
+        <div class="top space-between">
+          <div class="flex-c">
+            <div class="name">审核状态</div>
+            <div class="type" :class="typeState">{{ typeStateText }}</div>
+            <div class="history cp" @click="showHistoryDialog">
+              <i class="el-icon-document"></i>
+              查看审核历史
+            </div>
+          </div>
+          <div class="flex-c fs14">
+            <div class="mLR10">审核人：{{ detail.auditName }}</div>
+            <div>审核时间：{{ detail.auditTime }}</div>
+          </div>
+        </div>
+        <div class="hr"></div>
+        <div class="bottom" v-if="$route.query.source === 'ghs'">
+          <div>店铺名称：{{ detail.storeName }}</div>
+          <div>
+            管理员姓名：{{ detail.adminName }}
+            <span class="c0D9078 cp" @click="copyTxt">复制</span>
+          </div>
+          <div>管理员手机号：{{ detail.adminMobile }}</div>
+        </div>
+        <div class="bottom" v-if="$route.query.source === 'pf'">
+          <div>医生姓名：{{ detail.doctorName }}</div>
+          <div>
+            医生ID：{{ detail.doctorId }}
+            <span class="c0D9078 cp" @click="copyTxt">复制</span>
+          </div>
+          <div>申请时间：{{ detail.applyTime }}</div>
+        </div>
+      </div>
+    </div>
+    <div class="company" ref="company">
+      <div class="tit">
+        <div class="mr5">公司信息</div>
+        <div class="c0D9078 cp" @click="refuse(1)">
+          <i class="el-icon-edit-outline"></i>
+          拒绝原因
+        </div>
+      </div>
+      <div class="refuse-info">拒绝原因：{{ reasonRejection(1) }}</div>
+      <div class="info">
+        <div>
+          <div>企业类型：{{ detail.orgType }}</div>
+          <div>联系人：{{ detail.contactName }}</div>
+        </div>
+        <div>
+          <div>企业地区：{{ detail.areaStr }}</div>
+          <div>联系电话：{{ detail.contactPhone }}</div>
+        </div>
+        <div>详情地址：{{ detail.orgAddress }}</div>
+      </div>
+    </div>
+    <div class="business">
+      <div class="tit">
+        <div>工商信息</div>
+      </div>
+      <div class="refuse-info">拒绝原因：{{ reasonRejection(2) }}</div>
+      <div class="">
+        <div class="flex-c fs12">
+          <div class="mr5">营业执照</div>
+          <div class="c0D9078 cp" @click="refuse(2)">
+            <i class="el-icon-edit-outline"></i>拒绝原因
+          </div>
+        </div>
+        <div class="img">
+          <el-image
+            :src="detail.businessLicenseUrl"
+            :preview-src-list="[
+              'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+            ]"
+          />
+        </div>
+        <div class="space-between flex-c">
+          <div>企业名称：{{ detail.orgName }}</div>
+          <div>信用代码：{{ detail.creditCode }}</div>
+          <div>
+            有效日期：{{ detail.licenseValidDateBegin }} 至
+            {{ detail.licenseValidDateEnd }}
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <div>
+        <div class="flex-c fs12">
+          <div class="mr5">上一年度报告</div>
+          <div class="c0D9078 cp" @click="refuse(3)">
+            <i class="el-icon-edit-outline"></i>拒绝原因
+          </div>
+        </div>
+        <div class="refuse-info">拒绝原因：{{ reasonRejection(3) }}</div>
+        <div class="img">
+          <el-image
+            src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+            :preview-src-list="[
+              'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+            ]"
+          />
+        </div>
+        <div>有效日期：</div>
+      </div>
+      <el-divider></el-divider>
+      <div>
+        <div class="flex-c fs12">
+          <div class="mr5">委托人身份证照片</div>
+          <div class="c0D9078 cp" @click="refuse(4)">
+            <i class="el-icon-edit-outline"></i>拒绝原因
+          </div>
+        </div>
+        <div class="refuse-info">拒绝原因：{{ reasonRejection(4) }}</div>
+        <div class="img">
+          <el-image
+            :src="detail.assignorCertBackUrl"
+            :preview-src-list="[
+              'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+            ]"
+          />
+        </div>
+        <div class="img">
+          <el-image
+            :src="detail.assignorCertFrontUrl"
+            :preview-src-list="[
+              'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+            ]"
+          />
+        </div>
+        <div class="space-between flex-c">
+          <div>委托人姓名：{{ detail.assignorName }}</div>
+          <div>委托人身份证号：{{ detail.assignorCertNo }}</div>
+          <div>
+            委托人身份证有效日期：{{ detail.assignorValidDateBegin }}至{{
+              detail.assignorValidDateEnd
+            }}
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <div>
+        <div class="flex-c fs12">
+          <div class="mr5">委托书</div>
+          <div class="c0D9078 cp" @click="refuse(5)">
+            <i class="el-icon-edit-outline"></i>拒绝原因
+          </div>
+        </div>
+        <div class="refuse-info">拒绝原因：{{ reasonRejection(5) }}</div>
+        <div class="img">
+          <el-image
+            :src="detail.assignorCertBackUrl"
+            :preview-src-list="[
+              'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+            ]"
+          />
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <div>
+        <div class="flex-c fs12">
+          <div class="mr5">法人身份证照片</div>
+          <div class="c0D9078 cp" @click="refuse(6)">
+            <i class="el-icon-edit-outline"></i>拒绝原因
+          </div>
+        </div>
+        <div class="refuse-info">拒绝原因：{{ reasonRejection(6) }}</div>
+        <div class="img">
+          <el-image
+            :src="detail.legalCertBackUrl"
+            :preview-src-list="[
+              'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+            ]"
+          />
+        </div>
+        <div class="img">
+          <el-image
+            :src="detail.legalCertFrontUrl"
+            :preview-src-list="[
+              'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+            ]"
+          />
+        </div>
+        <div class="space-between flex-c">
+          <div>法人人姓名：{{ detail.legalName }}</div>
+          <div>法人身份证号：{{ detail.legalCertNo }}</div>
+          <div>
+            法人身份证有效日期：{{ detail.legalValidDateBegin }} 至
+            {{ detail.legalValidDateEnd }}
+          </div>
+        </div>
+      </div>
+      <div>
+        <div class="tit">
+          <div>资质信息</div>
+        </div>
+        <div class="flex-start">
+          <div class="">经营范围：</div>
+          <div class="flex1">{{ detail.bizScope }}</div>
+        </div>
+        <div v-for="item in 4" :key="item" class="item">
+          <div class="flex-c fs12">
+            <div class="mr5">药品经营许可证</div>
+            <div class="c0D9078 cp" @click="refuse(7)">
+              <i class="el-icon-edit-outline"></i>拒绝原因
+            </div>
+          </div>
+          <div class="refuse-info">拒绝原因：{{ reasonRejection(7) }}</div>
+          <div class="img">
+            <el-image
+              src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+              :preview-src-list="[
+                'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+              ]"
+            />
+          </div>
+          <div>有效日期：沙发沙发沙发沙发</div>
+        </div>
+      </div>
+    </div>
+    <history-dialog :hidden="historyDialogHidden" @close="historyDialogClose" />
+    <refuse-dialog ref="refuseDialog" @confirm="refuseConfirm" />
+    <footer>
+      <el-button type="primary" size="small" @click="confirm"
+        >审核通过</el-button
+      >
+      <el-button type="default" size="small" @click="handleClose"
+        >审核不通过</el-button
+      >
+    </footer>
+  </div>
+</template>
+<script>
+import { openLoading, closeLoading } from "../../utils/utils";
+import BreadCrumb from "@/components/breadcrumb.vue";
+import historyDialog from "./components/historyDialog.vue";
+import refuseDialog from "./components/refuseDialog.vue";
+
+import { getCertifyDetail, postCertifyAudit } from "@/utils/qualification";
+import Footer from "../layout/footer.vue";
+export default {
+  components: {
+    BreadCrumb,
+    historyDialog,
+    refuseDialog,
+    Footer,
+  },
+  filters: {},
+  computed: {
+    typeState() {
+      const reviewType = ["tobe-reviewed", "success-reviewed", "no-reviewed"];
+
+      return reviewType[this.$route.query.status];
+    },
+    typeStateText() {
+      const reviewType = ["待审核", "审核成功", "审核不通过"];
+
+      return reviewType[this.$route.query.status];
+    },
+  },
+  filters: {
+  },
+  data() {
+    return {
+      curmbFirst: "批发资质详情",
+      historyDialogHidden: false,
+      detail: {},
+      certifyValidDtoList: [], //认证审核校验描述
+      certifyLicenseImgList: [], //认证图片list：资质信息类
+      certifyReportImgList: [], //认证图片list 年度报告类
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      getCertifyDetail(this.id).then((res) => {
+        const {
+          certifyValidDtoList = [],
+          certifyLicenseImgList = [],
+          certifyReportImgList = [],
+        } = res.data;
+        console.log(this.certifyValidDtoList);
+        this.certifyValidDtoList = certifyValidDtoList;
+        this.certifyLicenseImgList = certifyLicenseImgList;
+        this.certifyReportImgList = certifyReportImgList;
+        this.detail = res.data;
+      });
+    },
+    showHistoryDialog() {
+      this.historyDialogHidden = true;
+    },
+    historyDialogClose() {
+      this.historyDialogHidden = false;
+    },
+    reasonRejection(type) {
+     const value = this.certifyValidDtoList.filter(v => {
+       return v.infoType === type
+      })[0] || {};
+      return value.refuseContent || '' ;
+    },
+    // copy
+    copyTxt(text) {
+      var type = "text/plain";
+      var blob = new Blob([text], { type });
+      var data = [new ClipboardItem({ [type]: blob })];
+      navigator.clipboard.write(data).then(
+        () => {
+          /* success */
+          this.$message.success("复制成功");
+        },
+        () => {
+          /* failure */
+          this.$message.error("复制失败");
+        }
+      );
+    },
+    confirm() {
+      const params = {
+        certificateInfoId:1,
+        certifyStatus:3,
+        certifyValidDtoList:this.certifyValidDtoList
+      }
+      if(this.certifyValidDtoList.length) {
+        this.$confirm("部分内容你已经标记拒绝，不可通过审核，请返回查看", "确认通过审核吗？", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            console.log(document.querySelector('#body-content').scrollTop);
+            console.log(this.$refs.company.scrollHeight,document.scrollTop);
+            document.querySelector('#body-content').scrollTop = this.$refs.company.scrollHeight
+          })
+          .catch(() => {});
+        return;
+      }
+       this.$confirm('', "确认通过审核吗？", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            postCertifyAudit(params).then(res => {
+              console.log(res);
+              document.querySelector('#body-content').scrollTop = 0;
+              this.init();
+            })
+          })
+          .catch(() => {});
+    },
+    handleClose() {
+       const params = {
+        certificateInfoId:1,
+        certifyStatus:4,
+        certifyValidDtoList:this.certifyValidDtoList
+      }
+      if(this.certifyValidDtoList.length) {
+        this.$confirm('', "确认通过审核不通过吗？", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+        .then(() => {
+          document.body.scrollTop = 0;
+        })
+        .catch(() => {});
+        return;
+      }
+      this.$confirm('未检测到有标记拒绝原因的项目，请返回查看', "确认通过审核不通过吗？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+        })
+        .catch(() => {});
+    },
+    refuseConfirm(params) {
+      console.log(params);
+      this.certifyValidDtoList.push(params)
+    },
+    refuse(type) {
+      console.log(type);
+      this.$refs.refuseDialog.show(type);
+      switch (type) {
+        case 1:
+          break;
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scope>
+.hr {
+  background-color: #dcdfe6;
+  position: relative;
+  display: block;
+  height: 1px;
+  width: 100%;
+  margin: 10px 0;
+}
+.mr5 {
+  margin-right: 5px;
+}
+.qualification-detail {
+  .qualification-content {
+    background: #fff;
+    padding: 10px;
+    .head {
+      .top {
+        display: flex;
+        align-items: center;
+        .name {
+          font-weight: bold;
+          font-size: 16px;
+        }
+        .type {
+          border: 1px solid #ccc;
+          padding: 2px 5px;
+          font-size: 14px;
+          border-radius: 5px;
+          margin: 0 5px;
+          &.tobe-reviewed {
+            color: #fac94d;
+            border: 1px solid #fac94d;
+          }
+          &.success-reviewed {
+            color: #71d60a;
+            border: 1px solid #71d60a;
+          }
+          &.no-reviewed {
+            color: #e2292a;
+            border: 1px solid #e2292a;
+          }
+        }
+        .history {
+          color: #0d9078;
+          font-size: 12px;
+        }
+      }
+      .bottom {
+        display: flex;
+        justify-content: space-between;
+      }
+    }
+  }
+  .company {
+    background-color: #fff;
+    margin: 10px 30px;
+    padding: 20px;
+    .c0D9078 {
+      margin-left: 5px;
+      font-size: 12px;
+    }
+    .info {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: nowrap;
+      line-height: 40px;
+      div {
+      }
+    }
+  }
+  .business {
+    background-color: #fff;
+    margin: 10px 30px;
+    padding: 20px;
+    font-size: 12px;
+    .img {
+      width: 80px;
+      height: 150px;
+    }
+    .item {
+      margin-bottom: 10px;
+    }
+    .flex-c {
+      margin-bottom: 10px;
+    }
+    .flex-start {
+      margin-bottom: 20px;
+    }
+  }
+  .tit {
+    display: flex;
+    align-items: center;
+    position: relative;
+    font-size: 16px;
+    margin-bottom: 20px;
+    > :first-child {
+      font-weight: bold;
+    }
+    &::before {
+      content: "";
+      width: 2px;
+      height: 70%;
+      position: absolute;
+      left: -5px;
+      background-color: #0d9078;
+    }
+  }
+  footer {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    background-color: #fff;
+    width: calc(100% - 255px);
+    text-align: right;
+    padding: 10px 20px;
+  }
+  .refuse-info {
+    font-size: 12px;
+    color: #e54543;
+  }
+}
+</style>

src/views/qualification/list.vue

+<template>
+  <div class="qualification-list">
+    <bread-crumb :curmbFirst="curmbFirst"></bread-crumb>
+    <div class="qualification-content screenSet" id="screenSet">
+      <el-form
+        ref="searchForm"
+        :model="searchForm"
+        label-width="100px"
+        label-suffix=":"
+        :inline="true"
+      >
+        <template v-if="$route.query.source === 'ghs'">
+          <el-form-item label="店铺名称">
+            <el-input
+              v-model="searchForm.storeNameStr"
+              size="small"
+              style="width: 200px"
+              placeholder="请输入店铺名称，用‘、’隔开"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="管理员姓名">
+            <el-input
+              v-model="searchForm.adminNameStr"
+              size="small"
+              style="width: 220px"
+              placeholder="请输入管理员姓名，用‘、’隔开"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="管理员手机号">
+            <el-input
+              v-model="searchForm.adminMobileStr"
+              size="small"
+              style="width: 220px"
+              placeholder="亲输入管理员手机号，用‘、’隔开"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="企业类型">
+            <el-select
+              v-model="searchForm.orgType"
+              placeholder="请选择"
+              size="small"
+              clearable
+            >
+              <el-option
+                v-for="(item, index) in orgList"
+                :key="index"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </template>
+        <template v-if="$route.query.source === 'pf'">
+          <el-form-item label="医生ID">
+            <el-input
+              v-model="searchForm.doctorIdStr"
+              size="small"
+              style="width: 200px"
+              placeholder="请输入医生ID，用‘、’隔开"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="医生姓名">
+            <el-input
+              v-model="searchForm.doctorNameStr"
+              size="small"
+              style="width: 200px"
+              placeholder="请输入医生姓名，用‘、’隔开"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="企业名称">
+            <el-input
+              v-model="searchForm.orgNameStr"
+              size="small"
+              style="width: 200px"
+              placeholder="亲输入企业名称，用‘、’隔开"
+            ></el-input>
+          </el-form-item>
+        </template>
+        <!-- <el-form-item label="审核状态">
+          <el-select
+            v-model="searchForm.status"
+            placeholder="请选择"
+            size="small"
+          >
+            <el-option
+              v-for="(item, index) in statusList"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item> -->
+      </el-form>
+      <div class="form-btn">
+        <el-button type="primary" size="small" @click="submitForm"
+          >查询</el-button
+        >
+        <el-button type="default" size="small" @click="resetForm"
+          >重制</el-button
+        >
+      </div>
+    </div>
+    <div class="table">
+      <div class="tab">
+        <span
+          :class="{ checked: item.id === searchForm.status }"
+          v-for="item in tabList"
+          :key="item.id"
+          @click="checkTab(item)"
+          >{{ item.name }}</span
+        >
+      </div>
+      <el-table
+        :data="tableData"
+        align="left"
+        class="item-table"
+        style="width: 100%; margin-top: 10px"
+      >
+        <el-table-column
+          prop="id"
+          label="申请ID"
+          min-width="100"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.id }}</span>
+          </template>
+        </el-table-column>
+        <template v-if="$route.query.source === 'ghs'">
+          <el-table-column
+            prop="storeName"
+            label="店铺名称"
+            min-width="100"
+            align="center"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              <span>{{ scope.row.storeName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="adminName"
+            label="管理员姓名"
+            min-width="100"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="adminMobile"
+            label="管理员手机号"
+            min-width="100"
+            align="center"
+          >
+          </el-table-column>
+        </template>
+        <template v-if="$route.query.source === 'pf'">
+          <el-table-column
+            prop="storeName"
+            label="医生ID"
+            min-width="100"
+            align="center"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              <span>{{ scope.row.storeName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="applyName"
+            label="医生姓名"
+            min-width="100"
+            align="center"
+          >
+          </el-table-column>
+        </template>
+        <el-table-column
+          prop="orgName"
+          label="企业姓名"
+          min-width="100"
+          align="center"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="orgType"
+          label="企业类型"
+          min-width="120"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.orgType }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="status"
+          label="审核状态"
+          min-width="120"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <span :class="scope.row.status | typeState">{{
+              scope.row.status | examineType
+            }}</span>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="Top Left 提示文字"
+              placement="top-start"
+            >
+              <i class="el-icon-warning-outline no-reviewed"></i>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="applyTime"
+          label="申请时间"
+          width="120"
+          align="center"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="auditName"
+          label="审核人"
+          width="120"
+          align="center"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="auditTime"
+          label="审核时间"
+          width="120"
+          align="center"
+        >
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          min-width="230"
+          align="center"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <div class="operation">
+              <el-button @click="editDetail(scope.row)" type="text" size="small"
+                >审核</el-button
+              >
+              <el-button @click="lookDetail(scope.row)" type="text" size="small"
+                >查看详情</el-button
+              >
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination">
+        <el-pagination
+          background
+          @size-change="handleSizeChange"
+          @current-change="handleNumChange"
+          :current-page="searchForm.pageNo"
+          :page-sizes="[10, 30, 50, 100]"
+          :page-size="searchForm.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="totalRows"
+        ></el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { openLoading, closeLoading } from "../../utils/utils";
+import BreadCrumb from "@/components/breadcrumb.vue";
+import { getCertifyList } from "@/utils/qualification";
+export default {
+  components: {
+    BreadCrumb,
+  },
+  filters: {
+    examineType(type) {
+      const obj = {
+        0: "待审核",
+        1: "审核通过",
+        2: "审核不通过",
+      };
+      return obj[type];
+    },
+    typeState(type) {
+      const reviewType = ["tobe-reviewed", "success-reviewed", "no-reviewed"];
+
+      return reviewType[type];
+    },
+  },
+  data() {
+    return {
+      curmbFirst: "首营资质审核",
+      tabList: [
+        { id: 0, name: "全部" },
+        { id: 2, name: "待审核" },
+        { id: 3, name: "审核成功" },
+        { id: 4, name: "审核失败" },
+        { id: 5, name: "作废" },
+      ],
+      searchForm: {
+        adminMobileStr: "",
+        adminNameStr: "",
+        doctorIdStr: "",
+        doctorNameStr: "",
+        orgNameStr: "",
+        orgType: "",
+        pageNo: 1,
+        pageSize: 10,
+        status: 0,
+        storeNameStr: "",
+      },
+      orgList: [
+        { id: 1, name: "医疗机构(非营利性)" },
+        { id: 2, name: "医疗机构(营利性)" },
+        { id: 3, name: "零售-单体药店" },
+        { id: 4, name: "零售-连锁药店" },
+      ],
+      tableData: [
+        {
+          id: 1,
+          storeName: "11",
+          storeType: 2,
+          storeStatus: 2,
+          count: 2,
+          createdTime: 2,
+          commissionType: 2,
+        },
+      ],
+      pageNo: 1,
+      pageSize: 10,
+      totalRows: 0,
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      const params = {
+        pageSize: this.pageSize,
+        pageNo: this.pageNo,
+        type: Number(this.$route.query.type || 1),
+        ...this.searchForm,
+      };
+      getCertifyList(params).then((res) => {
+        console.log(res);
+        const { contentList, total } = res.data;
+        this.tableData = contentList;
+        this.totalRows = total;
+      });
+    },
+    submitForm() {
+      this.init();
+    },
+    editDetail() {
+      this.$router.push({path:'/qualification-detail',query:{source:this.$route.query.source}})
+
+    },
+    lookDetail() {},
+    resetForm() {
+      (this.searchForm = {
+        adminMobileStr: "",
+        adminNameStr: "",
+        doctorIdStr: "",
+        doctorNameStr: "",
+        orgNameStr: "",
+        orgType: "",
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        status: this.searchForm.status,
+        storeNameStr: "",
+      }),
+        this.init();
+    },
+    handleSizeChange(value) {
+      this.pageSize = value;
+      this.pageNo = 1;
+      this.init();
+    },
+    handleNumChange(value) {
+      this.pageNo = value;
+      this.init();
+    },
+    checkTab(item) {
+      this.searchForm.status = item.id;
+      this.init();
+    },
+  },
+};
+</script>
+<style lang="scss" scope>
+.qualification-list {
+  .qualification-content {
+    background: #fff;
+    padding: 10px;
+  }
+  .form-btn {
+    text-align: right;
+  }
+  .table {
+    background-color: #fff;
+    margin: 10px 30px;
+    padding: 20px;
+    .tobe-reviewed {
+      color: #fac94d;
+    }
+    .success-reviewed {
+      color: #71d60a;
+    }
+    .no-reviewed {
+      color: #e2292a;
+    }
+    .tab {
+      span {
+        font-weight: bold;
+        font-size: 18px;
+        margin-right: 30px;
+        cursor: pointer;
+        &.checked {
+          color: #0d9078;
+        }
+      }
+    }
+    .operation {
+      span {
+        color: #0d9078;
+      }
+    }
+  }
+}
+</style>

src/views/shop/create-shop.vue

@@ -7,13 +7,18 @@
     <div class="create-shop-content screenSet" id="screenSet">
       <el-row class="step-content">
         <el-col :span="20">
-          <p class="title">新建店铺</p>
+          <p class="title">
+            <span>
+               {{curmbSecond}}
+            </span>
+            <span class="verify-status" style="margin-left: 20px">{{1 | verifyStatus}}</span>
+          </p>
         </el-col>
         <el-col :span="4" style="text-align: right">
           <el-button
             size="small"
             type="primary"
-            :disabled="storeData && storeData.tradeStore.storeType == 3"
+            :disabled="disabledFORM || storeData && storeData.tradeStore.storeType == 3"
             @click="complete"
             >完成</el-button
           >
@@ -28,7 +33,12 @@
         label-suffix="："
         class="basic-form"
         style="margin-top: 15px"
+        :disabled="disabledFORM"
+        inline-message
       >
+        <div>
+          <el-tabs v-model="activeTabName" @tab-click="handleTabName">
+            <el-tab-pane label="基本信息" name="first">
               <div class="basic-item-icon">
               <el-form-item label="店铺LOGO" class="required-label">
                 <el-upload
@@ -118,7 +128,18 @@
                   ></el-option>
                 </el-select>
               </el-form-item>
+              <el-form-item label="" v-if="formData.storeType != 3" prop="storeType">
+                <el-button class="ml" size="small" type="primary" @click="nextStepFirst('second')">下一步</el-button>
+              </el-form-item>
+            </el-tab-pane>
+
+            <el-tab-pane v-if="formData.storeType != 3" label="资质信息" name="second">
               <div>
+                <div v-if="certifyValidDtoList(1)">
+                  <el-form-item>
+                    <div class="red">{{certifyValidDtoList(1)}}</div>
+                  </el-form-item>
+                </div>
                 <div v-if="formData.storeType == 1">
                   <el-row>
                     <el-col :span="10">
@@ -220,105 +241,6 @@
                       </el-col>
                     </el-row>
                   </div>
-          <el-form-item label="营业证明">
-            <p class="p-tips">
-              若填写的联系人注册不是法定代表人，请上传委托书<br />
-              仅支持jpg、png图片文件，且文件小于3M<br />
-              上传的证件图片内，必须是加盖过红色公章和法人章，否则视为无效
-            </p>
-            <div style="display: flex">
-              <div class="flex-upload">
-                <el-upload
-                  v-model="formData.imgUrlP1"
-                  class="bg-uploader"
-                  action="#"
-                  :show-file-list="false"
-                  :before-upload="beforeUploadProve1"
-                >
-                  <img
-                    v-if="formData.imgUrlP1"
-                    :src="formData.imgUrlP1"
-                    @mouseover.stop="imgMouseOverP1 = true"
-                    class="bg-img"
-                  />
-                  <img
-                    v-if="!formData.imgUrlP1"
-                    class="bg-img"
-                    src="../../assets/image/small.png"
-                  />
-                  <div
-                    class="img-delete add-left-18"
-                    v-show="imgMouseOverP1"
-                    @click.stop="deleteImg('imgUrlP1')"
-                    @mouseout.stop="imgMouseOverP1 = false"
-                  >
-                    <i class="el-icon-delete"></i>
-                  </div>
-                </el-upload>
-                <p class="tips">营业执照</p>
-              </div>
-              <div class="flex-upload">
-                <el-upload
-                  v-model="formData.imgUrlP2"
-                  class="bg-uploader"
-                  action="#"
-                  :show-file-list="false"
-                  :before-upload="beforeUploadProve2"
-                >
-                  <img
-                    v-if="formData.imgUrlP2"
-                    :src="formData.imgUrlP2"
-                    @mouseover.stop="imgMouseOverP2 = true"
-                    class="bg-img"
-                  />
-                  <img
-                    v-if="!formData.imgUrlP2"
-                    class="bg-img"
-                    src="../../assets/image/small.png"
-                  />
-                  <div
-                    class="img-delete add-left-18"
-                    v-show="imgMouseOverP2"
-                    @click.stop="deleteImg('imgUrlP2')"
-                    @mouseout.stop="imgMouseOverP2 = false"
-                  >
-                    <i class="el-icon-delete"></i>
-                  </div>
-                </el-upload>
-                <p class="tips">药品经营许可证</p>
-              </div>
-              <div class="flex-upload">
-                <el-upload
-                  v-model="formData.imgUrlP3"
-                  class="bg-uploader"
-                  action="#"
-                  :show-file-list="false"
-                  :before-upload="beforeUploadProve3"
-                >
-                  <img
-                    v-if="formData.imgUrlP3"
-                    :src="formData.imgUrlP3"
-                    @mouseover.stop="imgMouseOverP3 = true"
-                    class="bg-img"
-                  />
-                  <img
-                    v-if="!formData.imgUrlP3"
-                    class="bg-img"
-                    src="../../assets/image/small.png"
-                  />
-                  <div
-                    class="img-delete add-left-18"
-                    v-show="imgMouseOverP3"
-                    @click.stop="deleteImg('imgUrlP3')"
-                    @mouseout.stop="imgMouseOverP3 = false"
-                  >
-                    <i class="el-icon-delete"></i>
-                  </div>
-                </el-upload>
-                <p class="tips">委托书</p>
-              </div>
-            </div>
-          </el-form-item>
                 </div>
                 <div v-if="formData.storeType == 3">
                   <el-form-item
@@ -356,6 +278,7 @@
                   </el-form-item>
                 </div>
                 <div v-if="formData.storeType == 2">
+                  <el-row>
                     <el-col :span="10">
                       <el-form-item
                         label="入驻药店名称"
@@ -395,35 +318,122 @@
                         ></el-input>
                       </el-form-item>
                     </el-col>
-          <el-col :span="24">
-            <el-form-item label="营业证明">
+                  </el-row>
+                  <el-form-item
+                    label="医疗资质"
+                    prop="storeQualityUrl"
+                  >
+                    <el-input
+                      size="small"
+                      v-model="formData.storeQualityUrl"
+                      placeholder="请填写URL,仅对批发商品生效"
+                      style="width: 35%"
+                    ></el-input>
+                  </el-form-item>
+                </div>
+              </div>
+              <el-form-item
+                v-if="formData.storeType == 1"
+                class="required-label"
+                label="企业类型"
+                prop="certifyReq.orgType"
+              >
+                <el-select
+                  v-model="formData.certifyReq.orgType"
+                  placeholder="请选择企业类型类型"
+                  size="small"
+                  clearable
+                  :disabled="isDisabled"
+                  style="width: 35%"
+                >
+                  <el-option
+                    v-for="(item, index) in orgLIST"
+                    :key="index"
+                    :label="item.name"
+                    :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item
+                v-if="formData.storeType == 1"
+                label="企业地区"
+                class="required-label"
+              >
+                  <el-cascader
+                    class="regionCascader"
+                    ref="regionCascader"
+                    style="width:35%"
+                    size="small"
+                    :options="optionsRegion"
+                    :props="propsRegion"
+                    @change="handleRegionChange"
+                    :placeholder="orgRegionValueFirst"
+                  ></el-cascader>
+              </el-form-item>
+              <el-form-item
+                v-if="formData.storeType == 1"
+                label="详细地址"
+                class="required-label"
+                prop="certifyReq.orgAddress"
+              >
+                <el-input
+                  size="small"
+                  v-model="formData.certifyReq.orgAddress"
+                  placeholder="请填写详细地址"
+                  maxlength="100"
+                  style="width: 35%"
+                ></el-input>
+              </el-form-item>
+              <el-form-item
+                v-if="formData.storeType == 1"
+                label="经营范围"
+                class="required-label"
+                prop="certifyReq.bizScope"
+              >
+                <el-cascader
+                  ref="cascaderBizScope"
+                  v-model="formData.certifyReq.bizScope"
+                  style="width: 360px"
+                  size="small"
+                  :options="orgScopeLIST"
+                  @change="orgScopeLISTChange"
+                  :props="{value: 'id', label: 'name',children: 'list', multiple: true, checkStrictly: false}"
+                >
+                </el-cascader>
+              </el-form-item>
+              <el-form-item class="required-label" label="营业证明">
+                <p v-if="certifyValidDtoList(2)" class="red">{{certifyValidDtoList(2)}}</p>
+                <p class="tips">营业执照</p>
                 <p class="p-tips">
-                若填写的联系人注册不是法定代表人，请上传委托书<br />
-                仅支持jpg、png图片文件，且文件小于3M<br />
+                  仅支持jpg、png图片文件，且文件小于2M<br />
                   上传的证件图片内，必须是加盖过红色公章和法人章，否则视为无效
                 </p>
-              <div style="display: flex">
-                <div class="flex-upload">
+                <div>
+                  <div>
+                    <el-form-item prop="imgUrlC1">
                     <el-upload
                       v-model="formData.imgUrlC1"
+                      :disabled="Boolean(formData.imgUrlC1)"
                       class="bg-uploader"
                       action="#"
                       :show-file-list="false"
-                    :before-upload="beforeUploadC1"
+                      :before-upload="(file) => {this.beforeUploadOrg(file, 'imgUrlC1')}"
                     >
-                    <img
+                      <el-image
+                        class="bg-img"
                         v-if="formData.imgUrlC1"
                         :src="formData.imgUrlC1"
                         @mouseover.stop="imgMouseOverC1 = true"
-                      class="bg-img"
-                    />
+                        :preview-src-list="[formData.imgUrlC1]">
+                      </el-image>
+
                       <img
                         v-if="!formData.imgUrlC1"
                         class="bg-img"
                         src="../../assets/image/small.png"
                       />
                       <div
-                      class="img-delete add-left-18"
+                        class="img-delete"
                         v-show="imgMouseOverC1"
                         @click.stop="deleteImg('imgUrlC1')"
                         @mouseout.stop="imgMouseOverC1 = false"
@@ -431,91 +441,766 @@
                         <i class="el-icon-delete"></i>
                       </div>
                     </el-upload>
-                  <p class="tips">营业执照</p>
+                    </el-form-item>
+                    <div v-if="formData.storeType == 1" class="img-data">
+                      <el-form-item
+                        label="企业名称"
+                        label-width="100px"
+                        prop="certifyReq.orgName"
+                      >
+                        <el-input
+                          size="small"
+                          placeholder="请输入"
+                          v-model="formData.certifyReq.orgName"
+                        ></el-input>
+                      </el-form-item>
+                      <el-form-item
+                        label="信用代码"
+                        prop="certifyReq.creditCode"
+                      >
+                        <el-input
+                          size="small"
+                          placeholder="请输入"
+                          v-model="formData.certifyReq.creditCode"
+                        ></el-input>
+                      </el-form-item>
+                      <el-form-item
+                        label="有效日期"
+                        prop="imgUrlC1Date"
+                      >
+                        <el-date-picker
+                          v-model="formData.imgUrlC1Date"
+                          @change="(v) => {this.orgDate(v, 'imgUrlC1')}"
+                          type="daterange"
+                          range-separator="至"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期">
+                        </el-date-picker>
+                      </el-form-item>
                     </div>
-                <div class="flex-upload">
+                  </div>
+                  <el-form-item v-if="formData.storeType == 1" label="认证类型" label-width="100px">
+                    <el-radio-group v-model="formData.isLegal" >
+                      <el-radio :label="1">法人认证</el-radio>
+                      <el-radio :label="2">委托人认证</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <div v-if="formData.isLegal == 2">
+                    <p v-if="certifyValidDtoList(4)" class="red">{{certifyValidDtoList(4)}}</p>
+                    <div v-if="formData.storeType == 1">
+                      <div>委托人身份证</div>
+                      <div class="flex-wrap">
                         <el-upload
-                    v-model="formData.imgUrlC2"
+                          v-model="formData.imgUrlC4"
+                          :disabled="Boolean(formData.imgUrlC4)"
+                          class="bg-uploader"
+                          action="#"
+                          :show-file-list="false"
+                          :before-upload="(file) => {this.beforeUploadOrg(file, 'imgUrlC4')}"
+                        >
+                          <el-image
+                            class="bg-img"
+                            v-if="formData.imgUrlC4"
+                            :src="formData.imgUrlC4"
+                            @mouseover.stop="imgMouseOverC4 = true"
+                            :preview-src-list="[formData.imgUrlC4]">
+                          </el-image>
+                          <img
+                            v-if="!formData.imgUrlC4"
+                            class="bg-img"
+                            src="../../assets/image/small.png"
+                          />
+                          <div
+                            class="img-delete"
+                            v-show="imgMouseOverC4"
+                            @click.stop="deleteImg('imgUrlC4')"
+                            @mouseout.stop="imgMouseOverC4 = false"
+                          >
+                            <i class="el-icon-delete"></i>
+                          </div>
+                        </el-upload>
+                        <el-upload
+                          :disabled="Boolean(formData.imgUrlC5)"
+                          v-model="formData.imgUrlC5"
+                          class="bg-uploader"
+                          action="#"
+                          :show-file-list="false"
+                          :before-upload="(file) => {this.beforeUploadOrg(file, 'imgUrlC5')}"
+                        >
+                          <el-image
+                            class="bg-img"
+                            v-if="formData.imgUrlC5"
+                            :src="formData.imgUrlC5"
+                            @mouseover.stop="imgMouseOverC5 = true"
+                            :preview-src-list="[formData.imgUrlC5]">
+                          </el-image>
+                          <img
+                            v-if="!formData.imgUrlC5"
+                            class="bg-img"
+                            src="../../assets/image/small.png"
+                          />
+                          <div
+                            class="img-delete"
+                            v-show="imgMouseOverC5"
+                            @click.stop="deleteImg('imgUrlC5')"
+                            @mouseout.stop="imgMouseOverC5 = false"
+                          >
+                            <i class="el-icon-delete"></i>
+                          </div>
+                        </el-upload>
+                      </div>
+                      <div class="img-data">
+                        <el-form-item
+                          label="委托人姓名"
+                          label-width="100px"
+                          prop="certifyReq.assignorName"
+                        >
+                          <el-input
+                            v-model="formData.certifyReq.assignorName"
+                            size="small"
+                            placeholder="请输入"
+                          ></el-input>
+                        </el-form-item>
+                        <el-form-item
+                          label="证件号码"
+                          prop="certifyReq.assignorCertNo"
+                        >
+                          <el-input
+                            size="small"
+                            placeholder="请输入"
+                            v-model="formData.certifyReq.assignorCertNo"
+                          ></el-input>
+                        </el-form-item>
+                        <el-form-item
+                          label="有效日期"
+                          prop="imgUrlC5Date"
+                        >
+                          <el-date-picker
+                            v-model="formData.imgUrlC5Date"
+                            @change="(v) => {this.orgDate(v, 'imgUrlC5')}"
+                            type="daterange"
+                            range-separator="至"
+                            start-placeholder="开始日期"
+                            end-placeholder="结束日期">
+                          </el-date-picker>
+                        </el-form-item>
+                      </div>
+                    </div>
+                  </div>
+                  <div v-if="formData.isLegal == 2" class="flex-upload">
+                    <p v-if="certifyValidDtoList(5)" class="red">{{certifyValidDtoList(5)}}</p>
+                    <div>委托书</div>
+                    <el-upload
+                      :disabled="Boolean(formData.imgUrlP7)"
+                      v-model="formData.imgUrlP7"
                       class="bg-uploader"
                       action="#"
                       :show-file-list="false"
-                    :before-upload="beforeUploadC2"
+                      :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP7')}"
                     >
+                      <el-image
+                        class="bg-img"
+                        v-if="formData.imgUrlP7"
+                        :src="formData.imgUrlP7"
+                        @mouseover.stop="imgMouseOverP7 = true"
+                        :preview-src-list="[formData.imgUrlP7]">
+                      </el-image>
                       <img
+                        v-if="!formData.imgUrlP7"
+                        class="bg-img"
+                        src="../../assets/image/small.png"
+                      />
+                      <div
+                        class="img-delete"
+                        v-show="imgMouseOverP7"
+                        @click.stop="deleteImg('imgUrlP7')"
+                        @mouseout.stop="imgMouseOverP7 = false"
+                      >
+                        <i class="el-icon-delete"></i>
+                      </div>
+                    </el-upload>
+                  </div>
+
+                  <div v-if="formData.storeType == 1 && formData.isLegal === 1">
+                    <p v-if="certifyValidDtoList(6)" class="red">{{certifyValidDtoList(6)}}</p>
+                    <div>法人身份证</div>
+                    <div class="flex-wrap">
+                      <el-form-item prop="imgUrlC2">
+                      <el-upload
+                        :disabled="Boolean(formData.imgUrlC2)"
+                        v-model="formData.imgUrlC2"
+                        class="bg-uploader"
+                        action="#"
+                        :show-file-list="false"
+                        :before-upload="(file) => {this.beforeUploadOrg(file, 'imgUrlC2')}"
+                      >
+                        <el-image
+                          class="bg-img"
                           v-if="formData.imgUrlC2"
                           :src="formData.imgUrlC2"
                           @mouseover.stop="imgMouseOverC2 = true"
-                      class="bg-img"
-                    />
+                          :preview-src-list="[formData.imgUrlC2]">
+                        </el-image>
                         <img
                           v-if="!formData.imgUrlC2"
                           class="bg-img"
                           src="../../assets/image/small.png"
                         />
                         <div
-                      class="img-delete add-left-18"
+                          class="img-delete"
                           v-show="imgMouseOverC2"
                           @click.stop="deleteImg('imgUrlC2')"
                           @mouseout.stop="imgMouseOverC2 = false"
                         >
                           <i class="el-icon-delete"></i>
                         </div>
+                        <div>身份证正面</div>
                       </el-upload>
-                  <p class="tips">药品经营许可证</p>
-                </div>
-                <div class="flex-upload">
+                      </el-form-item>
+                      <el-form-item prop="imgUrlC3">
                       <el-upload
+                        :disabled="Boolean(formData.imgUrlC3)"
                         v-model="formData.imgUrlC3"
                         class="bg-uploader"
                         action="#"
                         :show-file-list="false"
-                    :before-upload="beforeUploadC3"
+                        :before-upload="(file) => {this.beforeUploadOrg(file, 'imgUrlC3')}"
                       >
-                    <img
+                        <el-image
+                          class="bg-img"
                           v-if="formData.imgUrlC3"
                           :src="formData.imgUrlC3"
                           @mouseover.stop="imgMouseOverC3 = true"
-                      class="bg-img"
-                    />
+                          :preview-src-list="[formData.imgUrlC3]">
+                        </el-image>
                         <img
                           v-if="!formData.imgUrlC3"
                           class="bg-img"
                           src="../../assets/image/small.png"
                         />
                         <div
-                      class="img-delete add-left-18"
+                          class="img-delete"
                           v-show="imgMouseOverC3"
                           @click.stop="deleteImg('imgUrlC3')"
                           @mouseout.stop="imgMouseOverC3 = false"
                         >
                           <i class="el-icon-delete"></i>
                         </div>
+                        <div>身份证反面</div>
                       </el-upload>
-                  <p class="tips">委托书</p>
-                </div>
-              </div>
                       </el-form-item>
-          </el-col>
-        </div>
                     </div>
 
-        <div>
-          <el-col :span="24">
+                    <div class="img-data">
                       <el-form-item
-              label="医疗资质"
-              prop="storeQualityUrl"
+                        label="法人姓名"
+                        label-width="100px"
+                        prop="certifyReq.legalName"
                       >
                         <el-input
                           size="small"
-                v-model="formData.storeQualityUrl"
-                placeholder="请填写URL,仅对批发商品生效"
-                style="width: 35%"
+                          placeholder="请输入"
+                          v-model="formData.certifyReq.legalName"
                         ></el-input>
                       </el-form-item>
-          </el-col>
+                      <el-form-item
+                        label="证件号码"
+                        prop="certifyReq.legalCertNo"
+                      >
+                        <el-input
+                          size="small"
+                          placeholder="请输入"
+                          v-model="formData.certifyReq.legalCertNo"
+                        ></el-input>
+                      </el-form-item>
+                      <el-form-item
+                        label="有效日期"
+                        prop="imgUrlC3Date"
+                      >
+                        <el-date-picker
+                          v-model="formData.imgUrlC3Date"
+                          @change="(v) => {this.orgDate(v, 'imgUrlC3')}"
+                          type="daterange"
+                          range-separator="至"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期">
+                        </el-date-picker>
+                      </el-form-item>
+                    </div>
+                  </div>
+                  <div v-if="formData.storeType == 1 && formData.isLegal === 2">
+                    <p v-if="certifyValidDtoList(6)" class="red">{{certifyValidDtoList(6)}}</p>
+                    <div>法人身份证</div>
+                    <div class="flex-wrap">
+                      <el-form-item>
+                      <el-upload
+                        :disabled="Boolean(formData.imgUrlC2)"
+                        v-model="formData.imgUrlC2"
+                        class="bg-uploader"
+                        action="#"
+                        :show-file-list="false"
+                        :before-upload="(file) => {this.beforeUploadOrg(file, 'imgUrlC2')}"
+                      >
+                        <el-image
+                          class="bg-img"
+                          v-if="formData.imgUrlC2"
+                          :src="formData.imgUrlC2"
+                          @mouseover.stop="imgMouseOverC2 = true"
+                          :preview-src-list="[formData.imgUrlC2]">
+                        </el-image>
+                        <img
+                          v-if="!formData.imgUrlC2"
+                          class="bg-img"
+                          src="../../assets/image/small.png"
+                        />
+                        <div
+                          class="img-delete"
+                          v-show="imgMouseOverC2"
+                          @click.stop="deleteImg('imgUrlC2')"
+                          @mouseout.stop="imgMouseOverC2 = false"
+                        >
+                          <i class="el-icon-delete"></i>
+                        </div>
+                        <div>身份证正面</div>
+                      </el-upload>
+                      </el-form-item>
+                      <el-form-item>
+                      <el-upload
+                        :disabled="Boolean(formData.imgUrlC3)"
+                        v-model="formData.imgUrlC3"
+                        class="bg-uploader"
+                        action="#"
+                        :show-file-list="false"
+                        :before-upload="(file) => {this.beforeUploadOrg(file, 'imgUrlC3')}"
+                      >
+                        <el-image
+                          class="bg-img"
+                          v-if="formData.imgUrlC3"
+                          :src="formData.imgUrlC3"
+                          @mouseover.stop="imgMouseOverC3 = true"
+                          :preview-src-list="[formData.imgUrlC3]">
+                        </el-image>
+                        <img
+                          v-if="!formData.imgUrlC3"
+                          class="bg-img"
+                          src="../../assets/image/small.png"
+                        />
+                        <div
+                          class="img-delete"
+                          v-show="imgMouseOverC3"
+                          @click.stop="deleteImg('imgUrlC3')"
+                          @mouseout.stop="imgMouseOverC3 = false"
+                        >
+                          <i class="el-icon-delete"></i>
+                        </div>
+                        <div>身份证反面</div>
+                      </el-upload>
+                      </el-form-item>
                     </div>
 
+                    <div class="img-data">
+                      <el-form-item
+                        label="法人姓名"
+                        label-width="100px"
+                      >
+                        <el-input
+                          size="small"
+                          placeholder="请输入"
+                          v-model="formData.certifyReq.legalName"
+                        ></el-input>
+                      </el-form-item>
+                      <el-form-item
+                        label="证件号码"
+                      >
+                        <el-input
+                          size="small"
+                          placeholder="请输入"
+                          v-model="formData.certifyReq.legalCertNo"
+                        ></el-input>
+                      </el-form-item>
+                      <el-form-item
+                        label="有效日期"
+                      >
+                        <el-date-picker
+                          v-model="formData.imgUrlC3Date"
+                          @change="(v) => {this.orgDate(v, 'imgUrlC3')}"
+                          type="daterange"
+                          range-separator="至"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期">
+                        </el-date-picker>
+                      </el-form-item>
+                    </div>
+                  </div>
+                  <div class="line-section"></div>
+                </div>
+              </el-form-item>
+              <el-form-item label="资质信息" class="required-label" v-if="formData.storeType < 3">
+                <div v-if="controlLicense.includes('1') || formData.storeType == 2">
+                  <p v-if="certifyValidDtoList(7)" class="red">{{certifyValidDtoList(7)}}</p>
+                  <p class="tips">药品经营许可证</p>
+                  <el-form-item prop="imgUrlP1">
+                    <el-upload
+                      :disabled="Boolean(formData.imgUrlP1)"
+                      v-model="formData.imgUrlP1"
+                      class="bg-uploader"
+                      action="#"
+                      :show-file-list="false"
+                      :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP1')}"
+                    >
+                      <el-image
+                        class="bg-img"
+                        v-if="formData.imgUrlP1"
+                        :src="formData.imgUrlP1"
+                        @mouseover.stop="imgMouseOverP1 = true"
+                        :preview-src-list="[formData.imgUrlP1]">
+                      </el-image>
+                      <img
+                        v-if="!formData.imgUrlP1"
+                        class="bg-img"
+                        src="../../assets/image/small.png"
+                      />
+                      <div
+                        class="img-delete"
+                        v-show="imgMouseOverP1"
+                        @click.stop="deleteImg('imgUrlP1')"
+                        @mouseout.stop="imgMouseOverP1 = false"
+                      >
+                        <i class="el-icon-delete"></i>
+                      </div>
+                    </el-upload>
+                  </el-form-item>
+                  <el-form-item
+                    v-if="formData.storeType == 1"
+                    label="有效日期"
+                    label-width="100px"
+                    prop="imgUrlP1Date"
+                  >
+                    <el-date-picker
+                      v-model="formData.imgUrlP1Date"
+                      @change="(v) => {this.orgDate(v, 'imgUrlP1')}"
+                      type="daterange"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期">
+                    </el-date-picker>
+                  </el-form-item>
+                </div>
+                <div v-if="controlLicense.includes('1')">
+                  <p v-if="certifyValidDtoList(8)" class="red">{{certifyValidDtoList(8)}}</p>
+                  <p class="tips">药品经营质量管理规范认证证书</p>
+                  <el-form-item prop="imgUrlP2">
+                    <el-upload
+                      :disabled="Boolean(formData.imgUrlP2)"
+                      v-model="formData.imgUrlP2"
+                      class="bg-uploader"
+                      action="#"
+                      :show-file-list="false"
+                      :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP2')}"
+                    >
+                      <el-image
+                        class="bg-img"
+                        v-if="formData.imgUrlP2"
+                        :src="formData.imgUrlP2"
+                        @mouseover.stop="imgMouseOverP2 = true"
+                        :preview-src-list="[formData.imgUrlP2]">
+                      </el-image>
+                      <img
+                        v-if="!formData.imgUrlP2"
+                        class="bg-img"
+                        src="../../assets/image/small.png"
+                      />
+                      <div
+                        class="img-delete"
+                        v-show="imgMouseOverP2"
+                        @click.stop="deleteImg('imgUrlP2')"
+                        @mouseout.stop="imgMouseOverP2 = false"
+                      >
+                        <i class="el-icon-delete"></i>
+                      </div>
+                    </el-upload>
+                  </el-form-item>
+                  <el-form-item
+                    label="有效日期"
+                    label-width="100px"
+                    prop="imgUrlP2Date"
+                  >
+                    <el-date-picker
+                      v-model="formData.imgUrlP2Date"
+                      @change="(v) => {this.orgDate(v, 'imgUrlP2')}"
+                      type="daterange"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期">
+                    </el-date-picker>
+                  </el-form-item>
+                </div>
+                <div v-if="controlLicense.includes('3')">
+                  <p v-if="certifyValidDtoList(9)" class="red">{{certifyValidDtoList(9)}}</p>
+                  <p class="tips">食品经营(流通)许可证</p>
+                  <el-form-item prop="imgUrlP3">
+                  <el-upload
+                    :disabled="Boolean(formData.imgUrlP3)"
+                    v-model="formData.imgUrlP3"
+                    class="bg-uploader"
+                    action="#"
+                    :show-file-list="false"
+                    :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP3')}"
+                  >
+                    <el-image
+                      class="bg-img"
+                      v-if="formData.imgUrlP3"
+                      :src="formData.imgUrlP3"
+                      @mouseover.stop="imgMouseOverP3 = true"
+                      :preview-src-list="[formData.imgUrlP3]">
+                    </el-image>
+                    <img
+                      v-if="!formData.imgUrlP3"
+                      class="bg-img"
+                      src="../../assets/image/small.png"
+                    />
+                    <div
+                      class="img-delete"
+                      v-show="imgMouseOverP3"
+                      @click.stop="deleteImg('imgUrlP3')"
+                      @mouseout.stop="imgMouseOverP3 = false"
+                    >
+                      <i class="el-icon-delete"></i>
+                    </div>
+                  </el-upload>
+                  </el-form-item>
+                  <el-form-item
+                    label="有效日期"
+                    label-width="100px"
+                    prop="imgUrlP3Date"
+                  >
+                    <el-date-picker
+                      v-model="formData.imgUrlP3Date"
+                      @change="(v) => {this.orgDate(v, 'imgUrlP3')}"
+                      type="daterange"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期">
+                    </el-date-picker>
+                  </el-form-item>
+                </div>
+                <div v-if="controlLicense.includes('2')">
+                  <p v-if="certifyValidDtoList(10)" class="red">{{certifyValidDtoList(10)}}</p>
+                  <p class="tips">医疗器械经营许可证</p>
+                  <el-form-item prop="imgUrlP4">
+                  <el-upload
+                    :disabled="Boolean(formData.imgUrlP4)"
+                    v-model="formData.imgUrlP4"
+                    class="bg-uploader"
+                    action="#"
+                    :show-file-list="false"
+                    :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP4')}"
+                  >
+                    <el-image
+                      class="bg-img"
+                      v-if="formData.imgUrlP4"
+                      :src="formData.imgUrlP4"
+                      @mouseover.stop="imgMouseOverP4 = true"
+                      :preview-src-list="[formData.imgUrlP4]">
+                    </el-image>
+                    <img
+                      v-if="!formData.imgUrlP4"
+                      class="bg-img"
+                      src="../../assets/image/small.png"
+                    />
+                    <div
+                      class="img-delete"
+                      v-show="imgMouseOverP4"
+                      @click.stop="deleteImg('imgUrlP4')"
+                      @mouseout.stop="imgMouseOverP4 = false"
+                    >
+                      <i class="el-icon-delete"></i>
+                    </div>
+                  </el-upload>
+                  </el-form-item>
+                  <el-form-item
+                    label="有效日期"
+                    label-width="100px"
+                    prop="imgUrlP4Date"
+                  >
+                    <el-date-picker
+                      v-model="formData.imgUrlP4Date"
+                      @change="(v) => {this.orgDate(v, 'imgUrlP4')}"
+                      type="daterange"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期">
+                    </el-date-picker>
+                  </el-form-item>
+                </div>
+                <div v-if="controlLicense.includes('2')">
+                  <p class="tips">医疗器械网络销售备案</p>
+                  <el-form-item prop="imgUrlP5">
+                  <el-upload
+                    :disabled="Boolean(formData.imgUrlP5)"
+                    v-model="formData.imgUrlP5"
+                    class="bg-uploader"
+                    action="#"
+                    :show-file-list="false"
+                    :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP5')}"
+                  >
+                    <el-image
+                      class="bg-img"
+                      v-if="formData.imgUrlP5"
+                      :src="formData.imgUrlP5"
+                      @mouseover.stop="imgMouseOverP5 = true"
+                      :preview-src-list="[formData.imgUrlP5]">
+                    </el-image>
+                    <img
+                      v-if="!formData.imgUrlP5"
+                      class="bg-img"
+                      src="../../assets/image/small.png"
+                    />
+                    <div
+                      class="img-delete"
+                      v-show="imgMouseOverP5"
+                      @click.stop="deleteImg('imgUrlP5')"
+                      @mouseout.stop="imgMouseOverP5 = false"
+                    >
+                      <i class="el-icon-delete"></i>
+                    </div>
+                  </el-upload>
+                  </el-form-item>
+                  <el-form-item
+                    label="有效日期"
+                    label-width="100px"
+                    prop="imgUrlP5Date"
+                  >
+                    <el-date-picker
+                      v-model="formData.imgUrlP5Date"
+                      @change="(v) => {this.orgDate(v, 'imgUrlP5')}"
+                      type="daterange"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期">
+                    </el-date-picker>
+                  </el-form-item>
+                </div>
+                <div v-if="controlLicense.includes('2')">
+                  <p v-if="certifyValidDtoList(11)" class="red">{{certifyValidDtoList(11)}}</p>
+                  <p class="tips">二类医疗器械经营备案凭证</p>
+                  <el-form-item prop="imgUrlP6">
+                  <el-upload
+                    :disabled="Boolean(formData.imgUrlP6)"
+                    v-model="formData.imgUrlP6"
+                    class="bg-uploader"
+                    action="#"
+                    :show-file-list="false"
+                    :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP6')}"
+                  >
+                    <el-image
+                      class="bg-img"
+                      v-if="formData.imgUrlP6"
+                      :src="formData.imgUrlP6"
+                      @mouseover.stop="imgMouseOverP6 = true"
+                      :preview-src-list="[formData.imgUrlP6]">
+                    </el-image>
+                    <img
+                      v-if="!formData.imgUrlP6"
+                      class="bg-img"
+                      src="../../assets/image/small.png"
+                    />
+                    <div
+                      class="img-delete"
+                      v-show="imgMouseOverP6"
+                      @click.stop="deleteImg('imgUrlP6')"
+                      @mouseout.stop="imgMouseOverP6 = false"
+                    >
+                      <i class="el-icon-delete"></i>
+                    </div>
+                  </el-upload>
+                  </el-form-item>
+                  <el-form-item
+                    label="有效日期"
+                    label-width="100px"
+                    prop="imgUrlP6Date"
+                  >
+                    <el-date-picker
+                      v-model="formData.imgUrlP6Date"
+                      @change="(v) => {this.orgDate(v, 'imgUrlP6')}"
+                      type="daterange"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期">
+                    </el-date-picker>
+                  </el-form-item>
+                </div>
+              </el-form-item>
+              <el-form-item label="" prop="storeType">
+                <el-button class="ml" size="small" @click="nextStepFirst('first')">上一步</el-button>
+                <el-button class="ml" size="small" type="primary" @click="nextStepFirst('third')">下一步</el-button>
+              </el-form-item>
+            </el-tab-pane>
+
+            <el-tab-pane v-if="formData.storeType != 3" label="其他设置" name="third">
+              <el-form-item label="仓库地址管理" prop="selectedKey" class="required-label warehouseAdress-wrap" v-if="formData.storeType < 3">
+                <p class="warehouseAdress-tip">(该地址用于买家退货时退回地址，请准确填写)</p>
+                <el-button type="success" plain class="warehouseAdress-add" size="small" @click="createAdress(0)">+新增地址</el-button>
+                <el-radio-group v-model="formData.selectedKey" class="warehouseAdress-list">
+                  <el-radio :label="addressItem.key" class="warehouseAdress-item" v-for="(addressItem, index) of formData.repotList" :key="index">
+                    <span>默认</span>
+                    <span class="warehouseAdress-main">
+                <span class="warehouseAdress-msg">{{addressItem.receiver}}</span>
+                <span class="warehouseAdress-msg">{{addressItem.receiverMobile}}</span>
+                <span class="warehouseAdress-msg">{{setAddress(addressItem)}}</span>
+              </span>
+                    <span class="warehouseAdress-do">
+                <span @click.prevent="createAdress(1,index)">编辑</span> ｜ <span @click.prevent="deleteAdress(index)">删除</span>
+              </span>
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="退货支持的物流公司" class="required-label" v-if="formData.storeType < 3">
+                <el-radio-group v-model="formData.expressLimitFlag" @change="changeExpressLimitFlag">
+                  <el-radio :label="0">无限制</el-radio>
+                  <el-radio :label="1">有限制</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="物流公司名称" prop="repotExpressList" class="required-label" v-if="formData.expressLimitFlag && formData.storeType < 3">
+                <el-select
+                  v-model="formData.repotExpressList"
+                  filterable
+                  clearable
+                  multiple
+                  placeholder="选择物流公司"
+                >
+                  <el-option
+                    v-for="item in cpmList"
+                    :key="item.value"
+                    :label="item.value"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="退货物流说明" v-if="formData.storeType < 3">
+                <el-row>
+                  <el-col :span="10">
+                    <el-input
+                      size="small"
+                      v-model="formData.expressDesc"
+                      placeholder="请输入退货物流说明"
+                      maxlength="20"
+                      style="width: 85%"
+                    ></el-input>
+                    <span class="word-num">{{ formData.expressDesc.replace(/\s+/g, "").length }}/20</span>
+                  </el-col>
+                </el-row>
+                <p class="p-tips"><i class="el-icon-warning-outline"></i>该文字会在云鹊医App买家退货处显示</p>
+              </el-form-item>
+              <el-form-item label="" prop="storeType">
+                <el-button class="ml" size="small" @click="nextStepFirst('second')">上一步</el-button>
+              </el-form-item>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
       </el-form>
+      <!-- 图片裁剪弹框 -->
       <el-dialog
         class="dialog-title-border-old"
         title="图片裁剪"
@@ -534,17 +1219,111 @@
           />
         </div>
       </el-dialog>
+      <!-- 创建/编辑收货地址弹框 -->
+      <el-dialog :title="warehouseAdressFormTitle" :visible.sync="warehouseAdressFormVisible" >
+        <el-form :model="warehouseAdressForm" :rules="warehouseAdressRules" ref="warehouseAdressForm">
+          <el-form-item label="收件人" label-width="70px" prop="receiver">
+            <el-input v-model="warehouseAdressForm.receiver" autocomplete="off" clearable class="warehouseAdress-input"  placeholder="请输入收货人姓名"></el-input>
+          </el-form-item>
+          <el-form-item label="联系方式" label-width="70px" prop="receiverMobile">
+            <el-input v-model="warehouseAdressForm.receiverMobile" autocomplete="off" clearable class="warehouseAdress-input" placeholder="请输入收货人联系方式"></el-input>
+          </el-form-item>
+          <el-form-item prop="provinceId" label="省" label-width="70px">
+            <el-select
+              v-model="warehouseAdressForm.provinceId"
+              class="warehouseAdress-input"
+              filterable
+              clearable
+              placeholder="省"
+              @change="changeProvince"
+            >
+              <el-option
+                v-for="item in provincesList"
+                :key="item.provinceId"
+                :label="item.provinceName"
+                :value="item.provinceId"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="cityId" label="市" label-width="70px">
+            <el-select
+              v-model="warehouseAdressForm.cityId"
+              class="warehouseAdress-input"
+              filterable
+              clearable
+              placeholder="市"
+              @change="changeCity"
+            >
+              <el-option
+                v-for="item in cityList"
+                :key="item.cityId"
+                :label="item.cityName"
+                :value="item.cityId"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="countyId" label="区/县" label-width="70px">
+            <el-select
+              v-model="warehouseAdressForm.countyId"
+              class="warehouseAdress-input"
+              filterable
+              clearable
+              placeholder="区/县"
+              @change="changeCounty"
+            >
+              <el-option
+                v-for="item in countyList"
+                :key="item.countyId"
+                :label="item.countyName"
+                :value="item.countyId"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <!-- <el-form-item prop="townId" label="乡/镇" label-width="70px"> -->
+          <el-form-item label="乡/镇" label-width="70px">
+            <el-select
+              v-model="warehouseAdressForm.townId"
+              class="warehouseAdress-input"
+              filterable
+              clearable
+              placeholder="乡/镇"
+              @change="changeTown"
+            >
+              <el-option
+                v-for="item in townList"
+                :key="item.townId"
+                :label="item.townName"
+                :value="item.townId"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="详细地址" label-width="70px" prop="addr">
+            <el-input v-model="warehouseAdressForm.addr" autocomplete="off" clearable class="warehouseAdress-input"></el-input>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="warehouseAdressFormSet">确 定</el-button>
+        </div>
+      </el-dialog>
     </div>
   </div>
 </template>
 <script>
 import BreadCrumb from "@/components/breadcrumb.vue";
-let vm = null;
+import dayjs from 'dayjs';
 import { openLoading, closeLoading } from "../../utils/utils";
 import { doUpload, getFilePath } from "../../utils/qiniu-util";
 import Cropper from "@/components/common/cropper.vue";
-import { saveStore, queryStore } from "@/utils/shop";
+import { saveStore, queryStore, getLgCompanyList, getStoreAdressRepot, OCRStore, idCardOcr, orgOptionList, orgScopeOptionList} from "@/utils/shop";
+import { getProvinces, getCities, getCounties, getTowns } from '@/utils/base/baseApi';
 import { checkMobile } from "@/utils/patients/checkValid";
+import * as operationData from "../../utils/operation";
+import storejs from 'storejs'
+let vm = null;
 export default {
   components: {
     BreadCrumb,
@@ -561,6 +1340,9 @@ export default {
       }
     };
     return {
+      disabledFORM: false,
+      controlLicense: [],
+      activeTabName:'first',
       curmbFirst: "云鹊店铺",
       curmbSecond: "新建店铺",
       isDisabled: false,
@@ -579,7 +1361,10 @@ export default {
           value: 3,
         },
       ],
+      licenseDate: '',
+      orgRegionValueFirst: '请选择地区',
       formData: {
+        orgRegionValue: [],
         storeId: null,
         userId: null,
         storeQualityUrl:"",
@@ -602,6 +1387,10 @@ export default {
         imgUrlP1: "", //证明图1
         imgUrlP2: "", //证明图2
         imgUrlP3: "", //证明图3
+        imgUrlP4: "", //证明图4
+        imgUrlP5: "", //证明图5
+        imgUrlP6: "", //证明图6
+        imgUrlP7: "", //证明图7
         docName: "", //医生小店-医生姓名
         docPhone: "", //医生小店-联系电话
         drugstoreName: "", //小药房-药店名称
@@ -609,6 +1398,80 @@ export default {
         imgUrlC1: "", //证明图1
         imgUrlC2: "", //证明图2
         imgUrlC3: "", //证明图3
+        imgUrlC4: "",
+        imgUrlC5: "",
+        imgUrlP6Date: '',
+        imgUrlP5Date: '',
+        imgUrlP4Date: '',
+        imgUrlP3Date: '',
+        imgUrlP2Date: '',
+        imgUrlP1Date: '',
+        imgUrlC3Date:'',
+        imgUrlC5Date:'',
+        imgUrlC1Date:'',
+        repotList:[//仓库地址
+        ],
+        selectedKey: '', //默认收货地址
+        expressLimitFlag: 0, //是否限制物流公司
+        repotExpressList:[], //支持的物流公司
+        expressDesc: '', //退款说明
+        isLegal: 1,
+        certifyReq:{
+          orgType: '',
+          orgName:'',
+          licenseUrl:'',
+          licenseValidDateBegin:'',
+          licenseValidDateEnd:'',
+          licenseType: 1,
+          creditCode:'',
+          assignor_letter_url:'',
+          bizScope:''
+        },
+        certifyLicenseImgList: []
+      },
+      cpmList: [], //所有的物流公司
+      warehouseAdressType: 0, // 0为新建地址，1为编辑地址
+      warehouseAdressIndex: 0, // 编辑的第几条地址
+      warehouseAdressForm: { //收货地址form
+        receiver: '',
+        receiverMobile: '',
+        provinceId: '',
+        cityId: '',
+        countyId: '',
+        townId: '',
+        provinceName: '',
+        cityName: '',
+        countyName: '',
+        townName: '',
+        addr: '',
+        key: ''
+      },
+      warehouseAdressFormVisible: false,
+      warehouseAdressFormTitle: '添加地址',
+      provincesList: [],
+      cityList: [],
+      countyList: [],
+      townList: [],
+      warehouseAdressRules: {
+        receiver: [
+          { required: true, message: "请输入店铺名称", trigger: "blur" },
+          {
+            min: 2,
+            message: "收件人名称长度应大于2位",
+            trigger: "blur",
+          },
+        ],
+        receiverMobile:[
+          { required: true, message: "请输入联系电话", trigger: "blur" },
+          { validator: checkMobile, trigger: ["change", "blur"] },
+        ],
+        provinceId: { required: true, message: "请选择省", trigger: ["change", "blur"]  },
+        cityId: { required: true, message: "请选择市", trigger: ["change", "blur"]  },
+        countyId: { required: true, message: "请选择区/县", trigger: ["change", "blur"]  },
+        townId: { required: true, message: "请选择乡/镇", trigger: ["change", "blur"]  },
+        addr:[
+          { required: true, message: "请输入详细收货地址", trigger: "blur" }
+        ],
       },
       supplierImg1: {
         id: null,
@@ -704,37 +1567,178 @@ export default {
           { required: true, message: "请输入联系电话", trigger: "blur" },
           { validator: checkMobile, trigger: ["change", "blur"] },
         ],
+        selectedKey: [
+          { required: true, message: "请增加地址并选择默认地址", trigger: "change" },
+        ],
+        repotExpressList: [
+          { required: true, message: "请选择物流公司名称", trigger: "change" },
+        ],
+        'certifyReq.orgType':[{required: true, message: '请填企业类型', trigger: 'blur'}],  //有多条校验条件的时候可以放个ob
+        'certifyReq.orgAddress':[{type: "string", required: true, message: '请填写详细地址', trigger: 'blur'}],
+        'certifyReq.bizScope':[{type: "array", required: true, message: '请选择经营范围', trigger: 'change'}],
+        'certifyReq.orgName':[{type: "string", required: true, message: '请输入企业名称', trigger: 'blur'}],
+        'certifyReq.creditCode':[{type: "string", required: true, message: '请输入信用代码', trigger: 'blur'}],
+        imgUrlC1Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'blur'}],
+        'certifyReq.assignorName':[{type: "string", required: true, message: '请输入委托人姓名', trigger: 'blur'}],
+        'certifyReq.assignorCertNo':[{type: "string", required: true, message: '请输入证件号码', trigger: 'blur'}],
+        imgUrlC5Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
+        'certifyReq.legalName':[{type: "string", required: true, message: '请输入法人姓名', trigger: 'blur'}],
+        'certifyReq.legalCertNo':[{type: "string", required: true, message: '请输入证件号码', trigger: 'blur'}],
+        imgUrlC3Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
+        imgUrlP1:[{type: "string", required: true, message: '请上传图片', trigger: 'blur'}],
+        imgUrlP1Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
+        imgUrlP2:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
+        imgUrlP3:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
+        imgUrlP4:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
+        imgUrlP5:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
+        imgUrlP6:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
+        imgUrlC1:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
+        imgUrlC2:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
+        imgUrlC3:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
+        imgUrlP2Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
+        imgUrlP3Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
+        imgUrlP4Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
+        imgUrlP5Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
+        imgUrlP6Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
       },
       imgMouseOver1: false,
       uploadImgMessage1: false, //未上传图片，校验提示语
       imgMouseOverP1: false,
       imgMouseOverP2: false,
       imgMouseOverP3: false,
+      imgMouseOverP4: false,
+      imgMouseOverP5: false,
+      imgMouseOverP6: false,
+      imgMouseOverP7: false,
       imgMouseOverC1: false,
       imgMouseOverC2: false,
       imgMouseOverC3: false,
-      addItemFlag: true,
-      enterType: 1,
+      imgMouseOverC4: false,
+      imgMouseOverC5: false,
+      optionsRegion: [],
+      propsRegion: {
+        lazy: true,
+        lazyLoad(node, resolve) {
+          console.log("node", node);
+          if (node.level == 1) {
+            let req = {
+              provinceId: node.data.value
+            };
+            vm.GET("basic-data/position/cities", req).then(res => {
+              let newData = vm.setMoreOption(res.data.cityList, "cities");
+              resolve(newData);
+            });
+          } else if (node.level == 2) {
+            let req = {
+              cityId: node.data.value
+            };
+            vm.GET("basic-data/position/counties", req).then(res => {
+              let newData = vm.setMoreOption(res.data.countyList, "counties");
+              resolve(newData);
+            });
+          } else if (node.level == 3) {
+            let req = {
+              countyId: node.data.value
+            };
+            vm.GET("basic-data/position/towns", req).then(res => {
+              let newData = vm.setMoreOption(res.data.townList, "towns");
+              resolve(newData);
+            });
+          }
+        }
+      },
+      orgLIST: [],
+      orgScopeLIST:[],
     };
   },
-  watch: {},
+  computed: {
+  },
+  watch: {
+    "formData.certifyReq.bizScope": {
+      handler(val) {
+        const j = [];
+        if(val) {
+          val.map( i => {
+            if( i[0].includes('first') ){
+              const m = i[0].charAt(0);
+              j.includes(m) || j.push(m);
+            }
+          })
+          this.controlLicense = j;
+        }
+      },
+      deep: true,
+    },
+  },
   created() {
     vm = this;
-    this.formData.storeId = this.$route.query.storeId || null;
-    this.storeData = this.$route.query.storeData || null;
+    this.activeTabName = this.$route.query.currentTab || 'first';
+    this.disabledFORM = this.$route.query.disabled == 'false' ? false : true;
 
-    if (this.formData.storeId) {
+    this.getCompanyList();
+    this.initDataLoading();
+  },
+  methods: {
+    async initDataLoading () {
+      const q = await this.getProvincesList();
+      const w = await this.getRegionOption();
+      const e = await this.orgOptionList();
+      if(q && w && e){
+        const storeId = this.$route.query.storeId || null;
+        const s = storejs.get('store_info');
+          if(storeId){
+            // 编辑  详情
             this.curmbSecond = "编辑店铺";
-      this.storeData = JSON.parse(this.storeData);
             this.isDisabled = true;
+            if(s && s.storeId == storeId){
+              this.formData = s;
+              const {orgRegionValue} = s;
+              const v = orgRegionValue.map(i => {return i.label;}).join('/');
+              this.orgRegionValueFirst = v;
+              this.orgDateReverse();
+            }else{
+              this.formData.storeId = storeId;
+              storejs.remove('store_info');
               this.initInfo();
-      this.getStoreInfo();
-    } else {
+              this.getDetail();
+            }
+          }else{
+            // 新建店铺
             this.curmbSecond = "新建店铺";
             this.isDisabled = false;
+            if(s){
+              // 存在数据 就反现
+              this.formData = s;
+              const {orgRegionValue} = s;
+              const v = orgRegionValue.map(i => {return i.label;}).join('/');
+              this.orgRegionValueFirst = v;
+              this.orgDateReverse();
+            }
+          }
         }
     },
-  methods: {
+    //日期 设置
+    orgDateReverse () {
+      const {licenseValidDateBegin,licenseValidDateEnd,legalValidDateBegin, legalValidDateEnd, assignorValidDateBegin, assignorValidDateEnd} = this.formData.certifyReq;
+      const {certifyLicenseImgList} = this.formData;
+      this.formData.imgUrlC1Date = [licenseValidDateBegin, licenseValidDateEnd];
+      this.formData.imgUrlC5Date = [assignorValidDateBegin, assignorValidDateEnd];
+      this.formData.imgUrlC5Date = [legalValidDateBegin, legalValidDateEnd];
+      certifyLicenseImgList.map(i => {
+        const n = `imgUrlP${i.imageType}Date`;
+        this.formData[n] = [i.validDateBegin, i.validDateEnd];
+      })
+       // imgUrlP5Date
+    },
+    getDetail() {
+      getStoreAdressRepot(this.formData.storeId).then(res => {
+        if (res.code == "000000") {
+          Object.assign(this.formData,res.data);
+        } else {
+          this.$message.error(res.message);
+        }
+      })
+    },
     //回显数据处理
     getStoreInfo() {
       if (!this.storeData || !this.storeData.tradeStore) return;
@@ -752,7 +1756,6 @@ export default {
       this.formData.storeQualityUrl=storeQualityUrl;
       this.formData.storeDescription = storeDescription;
       this.formData.storeType = storeType;
-
       if (storeType == 1) {
         this.formData.compainName = storeOwner;
         this.formData.phoneNum = storePhone;
@@ -773,6 +1776,10 @@ export default {
           this.formData.imgUrlP1 = "";
           this.formData.imgUrlP2 = "";
           this.formData.imgUrlP3 = "";
+          this.formData.imgUrlP4 = "";
+          this.formData.imgUrlP5 = "";
+          this.formData.imgUrlP6 = "";
+          this.formData.imgUrlP7 = "";
         }
         //处理管理员数据
         if (this.storeData.adminList && this.storeData.adminList.length) {
@@ -792,6 +1799,7 @@ export default {
       } else if (storeType == 2) {
         this.formData.drugstoreName = storeOwner;
         this.formData.drugstorePhone = storePhone;
+        this.formData.isLegal = 2;
         if (this.storeData.imageList && this.storeData.imageList.length) {
           this.storeData.imageList.map((item) => {
             if (item.imageSort == 1) {
@@ -809,15 +1817,21 @@ export default {
           this.formData.imgUrlC1 = "";
           this.formData.imgUrlC2 = "";
           this.formData.imgUrlC3 = "";
+          this.formData.imgUrlC4 = "";
+          this.formData.imgUrlC5 = "";
         }
       }
     },
     initInfo() {
       let req = {
         storeId: this.formData.storeId,
+        pageNo: 1,
+        pageSize: 10,
       };
       queryStore(req).then((res) => {
         if (res.code == "000000") {
+          this.storeData = res.data.tradeStore[0];
+          this.getStoreInfo();
         } else {
           this.$message.error(res.message);
         }
@@ -826,18 +1840,7 @@ export default {
     complete() {
       let flag = this.submitForm();
       if (flag) {
-        // let para = {
-        //   storeId: this.formData.storeId,
-        //   userId: this.formData.userId,
-        //   storeLogo: this.formData.storeLogo,//店铺logo
-        //   storeName: this.formData.storeName,
-        //   storeDescription: this.formData.storeDescription,
-        //   storeType: Number(this.formData.storeType),
-        //   storeOwner:this.formData.storeOwner,
-        //   storePhone: this.formData.storePhone,
-        //   imageList: this.formData.imageList,
-        //   adminList:this.formData.adminList,
-        // }
+
         this.formData.storeType = Number(this.formData.storeType);
         this.formData.storeEntry = "PCKAIDIAN"; // 添加店铺渠道
         console.log("提交的数据", this.formData);
@@ -853,12 +1856,19 @@ export default {
         });
       }
     },
-
     // 返回
     back() {
       this.$router.push({
         path: "/shop-list",
       });
+      // this.$confirm('返回后您填写的信息将不会被保存。', '确认要返回吗？', {
+      //     confirmButtonText: '确定',
+      //     cancelButtonText: '取消',
+      //     type: 'error'
+      //   }).then(() => {
+      //
+      //   }).catch(() => {
+      //   });
     },
     checkPhone(val) {
       if (!/^1[3456789]\d{9}$/.test(val)) {
@@ -980,7 +1990,6 @@ export default {
     submitForm() {
       let formName = "formData";
       let submitFlag = false;
-
       if (!this.formData.storeLogo) {
         this.uploadImgMessage1 = true;
         return;
@@ -996,6 +2005,7 @@ export default {
           submitFlag = true;
         } else {
           submitFlag = false;
+          this.$message.warning("请完善必填信息！");
         }
       });
       return submitFlag;
@@ -1017,7 +2027,6 @@ export default {
         show: "uploadImgMessage1",
       };
       this.beforeUploadLogo(file, fileLimit);
-      //this.beforeUpload1(file, fileLimit);
     },
     //上传logo  add
     beforeUploadLogo(file, fileLimit) {
@@ -1039,10 +2048,8 @@ export default {
       _img.onload = function (theFile) {
         let image = new Image();
         image.src = theFile.target.result;
-        //vm.slide2.oriUrl = theFile.target.result;
         image.onload = function () {
           let _this = this;
-          // if (_this.width != fileLimit.width || _this.height != fileLimit.height) {
           let l = _this.width / _this.height;
           if (l != 1) {
             vm.$message.error("图片宽高比例请控制在1:1");
@@ -1058,7 +2065,6 @@ export default {
               1
             ).then(function (path) {
               closeLoading(vm);
-
               vm.formData[fileLimit.key] = path.fullPath;
               vm.formData[fileLimit.more] = {
                 attachmentName: path.storeName,
@@ -1072,11 +2078,6 @@ export default {
       };
     },
     setOption(type) {
-      // this.currentOption.aspectRatio = 1/1;
-      // this.currentOption.cropBoxResizable = true;
-      // this.currentOption.minCropBoxWidth = 160;
-      // this.currentOption.minCropBoxHeight = 160;
-      // this.currentOption.currentPic = type;
       let fileLimit = {
         width: "",
         height: "",
@@ -1087,31 +2088,81 @@ export default {
       };
       return fileLimit;
     },
-    beforeUploadProve1(file) {
-      let fileLimit = this.setOption("imgUrlP1");
-      this.beforeUpload(file, fileLimit);
-    },
-    beforeUploadProve2(file) {
-      let fileLimit = this.setOption("imgUrlP2");
-      this.beforeUpload(file, fileLimit);
-    },
-    beforeUploadProve3(file) {
-      let fileLimit = this.setOption("imgUrlP3");
-      this.beforeUpload(file, fileLimit);
-    },
-    beforeUploadC1(file) {
-      let fileLimit = this.setOption("imgUrlC1");
-      this.beforeUpload(file, fileLimit);
+    //日期 设置
+    orgDate (v, type) {
+      const b = dayjs(v[0]).format('YYYY-MM-DD');
+      const e = dayjs(v[1]).format('YYYY-MM-DD');
+      const l = this.formData.certifyLicenseImgList;
+      const t = type.charAt(type.length-1);
+      switch (type) {
+        case 'imgUrlC1':
+          // 营业执照
+          this.formData.certifyReq.licenseValidDateBegin = b;
+          this.formData.certifyReq.licenseValidDateEnd = e;
+          break;
+        case 'imgUrlC5':
+          // 委托人身份证
+          this.formData.certifyReq.assignorValidDateBegin = b;
+          this.formData.certifyReq.assignorValidDateEnd = e;
+          break;
+        case 'imgUrlC3':
+          // 法人身份证
+          this.formData.certifyReq.legalValidDateBegin = b;
+          this.formData.certifyReq.legalValidDateEnd = e;
+          break;
+        case 'imgUrlP1':
+        // 药品经营许可证
+        case 'imgUrlP2':
+        // 药品经营质量管理规范认证
+        case 'imgUrlP3':
+        // 食品经营（流通）许可证
+        case 'imgUrlP4':
+        // 医疗器械经营许可证
+        case 'imgUrlP5':
+        // 二类医疗器械经营备案凭证
+        case 'imgUrlP6':
+          // 年度报告
+          const r = l.filter( i => {return i.imageType == t})[0] || {};
+          l.push(Object.assign(r, {validDateBegin: b, validDateEnd: e, imageType: t}));
+          this.formData.certifyLicenseImgList = this.clearRepeat(l, 'imageType');
+          console.log('--this.formData', this.formData);
+          break;
+        default:
+          return false;
+          break;
+      }
     },
-    beforeUploadC2(file) {
-      let fileLimit = this.setOption("imgUrlC2");
-      this.beforeUpload(file, fileLimit);
+    // 资质信息上传
+    beforeUploadProve(file, type) {
+      let fileLimit = this.setOption(type);
+      this.beforeUploadCommon(file, fileLimit);
     },
-    beforeUploadC3(file) {
-      let fileLimit = this.setOption("imgUrlC3");
-      this.beforeUpload(file, fileLimit);
+    // 需要ocr 上传
+    beforeUploadOrg(file, type) {
+      let fileLimit = this.setOption(type);
+      switch (type) {
+        case 'imgUrlC1':
+          this.beforeUploadCommon(file, fileLimit, 'licenseFileHandle');
+          break;
+        case 'imgUrlC2':
+          this.beforeUploadCommon(file, fileLimit, 'idCardFileHandle', 1);
+          break;
+        case 'imgUrlC3':
+          this.beforeUploadCommon(file, fileLimit, 'idCardFileHandle', 2);
+          break;
+        case 'imgUrlC4':
+          this.beforeUploadCommon(file, fileLimit, 'idCardFileHandle', 1);
+          break;
+        case 'imgUrlC5':
+          this.beforeUploadCommon(file, fileLimit, 'idCardFileHandle', 2);
+          break;
+        default:
+          return false;
+          break;
+      }
     },
-    beforeUpload(file, fileLimit) {
+
+    beforeUploadCommon(file, fileLimit, needOCR, isFront) {
       let vm = this;
       const isJPG = file.type === "image/jpeg";
       const isPNG = file.type === "image/png";
@@ -1131,7 +2182,6 @@ export default {
         image.src = theFile.target.result;
         vm.slide2.oriUrl = theFile.target.result;
         image.onload = function () {
-          let _this = this;
           openLoading(vm);
           doUpload(
             vm,
@@ -1142,82 +2192,80 @@ export default {
             1
           ).then(function (path) {
             closeLoading(vm);
+            console.log('path--', path, fileLimit);
             vm.formData[fileLimit.key] = path.fullPath;
             vm.formData[fileLimit.more] = {
               attachmentName: path.storeName,
               attachmentExt: path.ext,
               attachmentSize: path.size,
             };
+            console.log('vm.formData--', vm.formData, fileLimit);
+            vm.setImgUrl(path, fileLimit);
             vm.$message.success("上传成功");
           });
         };
-      };
-      return isJPG && isLt2M;
-    },
-    //上传图片
-    beforeUpload1(file, fileLimit) {
-      let vm = this;
-      const isJPG = file.type === "image/jpeg";
-      const isPNG = file.type === "image/png";
-      const isLt2M = file.size / 1024 / 1024 < fileLimit.size;
-      if (!isJPG && !isPNG) {
-        vm.$message.error("仅支持jpeg，png格式");
-        // return;
-      }
-      // if (!isLt2M) {
-      //   vm.$message.error("图片大小不符合规范，请根据规范上传图片 ");
-      //   return;
-      // }
-      let _img = new FileReader();
-      _img.readAsDataURL(file);
-      _img.onload = function (theFile) {
-        let image = new Image();
-        image.src = theFile.target.result;
-        vm.slide2.oriUrl = theFile.target.result;
-        image.onload = function () {
-          let _this = this;
-          // if (_this.width != fileLimit.width || _this.height != fileLimit.height) {
-          if (
-            _this.width < fileLimit.width ||
-            _this.height < fileLimit.height
-          ) {
-            vm.$message.error("图片尺寸不符合规范，请根据规范上传图片");
-            return;
-          } else if (
-            _this.width > fileLimit.width ||
-            _this.height > fileLimit.height
-          ) {
-            vm.showCropper = true;
-            vm.currentOption.cvWidth = _this.width;
-            vm.currentOption.cvHeight = _this.height;
-            return;
-          } else {
-            openLoading(vm);
-            doUpload(
-              vm,
-              file,
-              getFilePath(file, null),
-              "preview4",
-              "progress1",
-              1
-            ).then(function (path) {
-              closeLoading(vm);
-              if (fileLimit.show == "uploadImgMessage1") {
-                vm.uploadImgMessage1 = false;
+        const s = {file64Str:theFile.currentTarget.result, name:file.name};
+        if(needOCR && needOCR == 'licenseFileHandle'){
+          vm.licenseFileHandle(s)
         }
-              vm.formData[fileLimit.key] = path.fullPath;
-              vm.formData[fileLimit.more] = {
-                attachmentName: path.storeName,
-                attachmentExt: path.ext,
-                attachmentSize: path.size,
-              };
-              vm.$message.success("上传成功");
-            });
+        if(needOCR && needOCR == 'idCardFileHandle'){
+          vm.idCardFileHandle(s, isFront)
         }
       };
-      };
       return isJPG && isLt2M;
     },
+    setImgUrl (path, fileLimit) {
+      const l = this.formData.certifyLicenseImgList;
+      const f = path.fullPath;
+      const imgName = fileLimit.key;
+      const u = this.formData[imgName];
+      const t = imgName.charAt(imgName.length-1);
+      switch (imgName) {
+        case 'imgUrlC1':
+          // 营业执照
+          this.formData.certifyReq.licenseUrl = u;
+          break;
+        case 'imgUrlC4':
+          // 委托人身份证正面
+          this.formData.certifyReq.assignorCertFrontUrl = u;
+          break;
+        case 'imgUrlC5':
+          // 委托人身份证反面
+          this.formData.certifyReq.assignorCertBackUrl = u;
+          break;
+        case 'imgUrlC2':
+          // 法人身份证正面
+          this.formData.certifyReq.legalCertFrontUrl = u;
+          break;
+        case 'imgUrlC3':
+          // 法人身份证反面
+          this.formData.certifyReq.legalCertBackUrl = u;
+          break;
+        case 'imgUrlP7':
+          // 委托书
+          this.formData.certifyReq.assignor_letter_url = u;
+          break;
+        case 'imgUrlP1':
+        // 药品经营许可证
+        case 'imgUrlP2':
+        // 药品经营质量管理规范认证
+        case 'imgUrlP3':
+        // 食品经营（流通）许可证
+        case 'imgUrlP4':
+        // 医疗器械经营许可证
+        case 'imgUrlP5':
+        // 二类医疗器械经营备案凭证
+        case 'imgUrlP6':
+          // 年度报告
+          const r = l.filter( i => {return i.imageType == t})[0] || {};
+          l.push(Object.assign(r, {url: f, imageType: t}));
+          this.formData.certifyLicenseImgList = this.clearRepeat(l, 'imageType');
+          break;
+        default:
+          return false;
+          break;
+      }
+    },
     //删除图片
     deleteImg(type) {
       vm.formData[type] = "";
@@ -1226,24 +2274,72 @@ export default {
         .set("imgUrlP1", "imgMouseOverP1")
         .set("imgUrlP2", "imgMouseOverP2")
         .set("imgUrlP3", "imgMouseOverP3")
+        .set("imgUrlP4", "imgMouseOverP4")
+        .set("imgUrlP5", "imgMouseOverP5")
+        .set("imgUrlP6", "imgMouseOverP6")
         .set("imgUrlC1", "imgMouseOverC1")
         .set("imgUrlC2", "imgMouseOverC2")
-        .set("imgUrlC3", "imgMouseOverC3");
+        .set("imgUrlC3", "imgMouseOverC3")
+        .set("imgUrlC4", "imgMouseOverC4")
+        .set("imgUrlC5", "imgMouseOverC5");
 
       function matchType(type) {
         return testMouse.get(type) || "";
       }
       let mark = matchType(type);
       vm[mark] = false;
-      /* if (type == 'storeLogo') {
-          vm.imgMouseOver1 = false;
-        }else if (type == 'imgUrlP1') {
-          vm.imgMouseOverP1 = false;
-        }else if (type == 'imgUrlP2') {
-          vm.imgMouseOverP2 = false;
-        }else if (type == 'imgUrlP3') {
-          vm.imgMouseOverP3 = false;
-        }*/
+      this.deleteImgFormData(type);
+    },
+    deleteImgFormData (type) {
+      const l = this.formData.certifyLicenseImgList;
+      const t = type.charAt(type.length-1);
+      switch (type) {
+        case 'imgUrlC1':
+          // 营业执照
+          this.formData.certifyReq.licenseUrl = '';
+          break;
+        case 'imgUrlC4':
+          // 委托人身份证正面
+          this.formData.certifyReq.assignorCertFrontUrl = '';
+          break;
+        case 'imgUrlC5':
+          // 委托人身份证反面
+          this.formData.certifyReq.assignorCertBackUrl = '';
+          break;
+        case 'imgUrlC2':
+          // 法人身份证正面
+          this.formData.certifyReq.legalCertFrontUrl = '';
+          break;
+        case 'imgUrlC3':
+          // 法人身份证反面
+          this.formData.certifyReq.legalCertBackUrl = '';
+          break;
+        case 'imgUrlP7':
+          this.formData.certifyReq.assignor_letter_url = '';
+          // 委托书
+          break;
+        case 'imgUrlP1':
+        // 药品经营许可证
+        case 'imgUrlP2':
+        // 药品经营质量管理规范认证
+        case 'imgUrlP3':
+        // 食品经营（流通）许可证
+        case 'imgUrlP4':
+        // 医疗器械经营许可证
+        case 'imgUrlP5':
+        // 二类医疗器械经营备案凭证
+        case 'imgUrlP6':
+          // 年度报告
+          const r = l.filter( i => {return i.imageType != t}) || [];
+          this.formData.certifyLicenseImgList = r;
+          break;
+        default:
+          return false;
+          break;
+      }
+    },
+    orgScopeLISTChange(v){
+      console.log(v);
     },
     // 获取裁剪的图片数据
     getCropImg(argument) {
@@ -1291,6 +2387,372 @@ export default {
       }
       this.formData.adminList.splice(index, 1);
     },
+    // 创建或编辑地址 type
+    // 编辑第几条数据  index
+    createAdress(type,index) {
+      this.warehouseAdressType = type;
+      this.warehouseAdressFormTitle = type ? '编辑地址' : '添加地址';
+      this.warehouseAdressIndex = type ? index : '';
+      if (type) {
+        Object.assign(this.warehouseAdressForm,this.formData.repotList[index]);
+        this.getCitiesList();
+        this.getCountiesList();
+        this.getTownsList();
+      } else {
+        this.warehouseAdressForm = {
+          receiver: '',
+          receiverMobile: '',
+          provinceId: '',
+          cityId: '',
+          countyId: '',
+          townId: '',
+          provinceName: '',
+          cityName: '',
+          countyName: '',
+          townName: '',
+          addr: '',
+          key: ''
+        }
+      }
+      this.warehouseAdressFormVisible = true;
+    },
+    deleteAdress(index) {
+       this.$confirm('确定要删除这条地址信息么?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '',
+          type: 'error'
+        }).then(() => {
+          if (this.formData.repotList[index].key == this.formData.selectedKey) {
+            this.formData.selectedKey = '';
+          }
+          this.formData.repotList.splice(index,1)
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });
+        });
+    },
+    // 选择省
+    changeProvince() {
+      this.warehouseAdressForm.cityId = "";
+      this.warehouseAdressForm.countyId = "";
+      this.warehouseAdressForm.townId = "";
+      this.countyList = [];
+      this.getCitiesList();
+      this.selectGet(this.warehouseAdressForm.provinceId, 'provinceId', 'provinceName',this.provincesList);
+    },
+    // 选择市
+    changeCity() {
+      this.warehouseAdressForm.countyId = "";
+      this.warehouseAdressForm.townId = "";
+      this.getCountiesList();
+      this.selectGet(this.warehouseAdressForm.cityId, 'cityId', 'cityName',this.cityList);
+    },
+    // 选择区
+    changeCounty() {
+      this.warehouseAdressForm.townId = "";
+      this.getTownsList();
+      this.selectGet(this.warehouseAdressForm.countyId, 'countyId', 'countyName',this.countyList);
+    },
+    // 选择乡镇
+    changeTown() {
+      this.selectGet(this.warehouseAdressForm.townId, 'townId', 'townName',this.townList);
+    },
+    //获取省列表
+    getProvincesList() {
+      return new Promise((resolve) => {
+        getProvinces().then((res) => {
+          if (res.code == "000000") {
+            this.provincesList = res.data.provinceList;
+            resolve(true);
+          }
+        })
+      })
+    },
+    //获取地区
+    getRegionOption() {
+      return new Promise((resolve) => {
+        let req = {};
+        vm.GET("basic-data/position/provinces", req).then(res => {
+          closeLoading(vm);
+          if (res.code == "000000") {
+            const p = operationData.setRegionOption2(res.data.provinceList);
+            p.map(i => {
+              if(i.id == 0) {
+                i.disabled = true
+              }
+            });
+            vm.optionsRegion = p;
+            resolve(true);
+          }
+        });
+      })
+    },
+    orgOptionList () {
+      return new Promise((resolve) => {
+        orgOptionList().then(res => {
+          if(res.code == '000000') {
+            this.orgLIST = res.data;
+          }
+        });
+        orgScopeOptionList().then( res => {
+          if(res.code == '000000') {
+            const m = [
+              {id: '1_first', name: '药品', list: []},
+              {id: '2_first', name: '医疗器械', list: []},
+              {id: '3_first', name: '食品', list: []},
+              {id: '4_first', name: '其他', list: []},
+            ];
+            m.map(item => {
+              item.list = res.data.filter(v => v.type == item.id.charAt(0) );
+            });
+            this.orgScopeLIST = m;
+          }
+        });
+        resolve(true);
+      })
+    },
+    //获取市列表
+    getCitiesList() {
+      let params = {
+        provinceId: this.warehouseAdressForm.provinceId,
+      };
+      getCities(params)
+        .then((res) => {
+          if (res.code == "000000") {
+            this.cityList = res.data.cityList;
+          }
+        })
+        .catch({});
+    },
+    //获取区列表
+    getCountiesList() {
+      let params = {
+        cityId: this.warehouseAdressForm.cityId,
+      };
+      getCounties(params)
+        .then((res) => {
+          if (res.code == "000000") {
+            this.countyList = res.data.countyList;
+          }
+        })
+        .catch({});
+    },
+     //获取镇列表
+    getTownsList() {
+      let params = {
+        countyId: this.warehouseAdressForm.countyId
+      };
+      getTowns(params)
+        .then((res) => {
+          if (res.code == "000000") {
+            this.townList = res.data.townList;
+          }
+        })
+        .catch({});
+    },
+    /* slelect时，获取省市区对应的名称
+    * vId：省市区id
+    * cId： id对应的key值名称
+    * cname： 省市区名称对应的key值
+    * list: 省市区列表
+    */
+    selectGet(vId,cId,cname, list){
+      if (!cId || !cname) return;
+      let obj = {};
+      obj = list.find((item)=>{//这里的userList就是上面遍历的数据源
+          return item[cId] === vId;//筛选出匹配数据
+      });
+      this.warehouseAdressForm[cname] = obj[cname];
+    },
+    // 确认地址
+    warehouseAdressFormSet() {
+      const {warehouseAdressForm, warehouseAdressIndex, warehouseAdressFormTitle, warehouseAdressType} = this;
+      const { repotList } = this.formData;
+      this.$refs['warehouseAdressForm'].validate((valid) => {
+        if (valid) {
+          if (warehouseAdressType) {
+            repotList[warehouseAdressIndex] = JSON.parse(JSON.stringify(warehouseAdressForm));
+          } else {
+            warehouseAdressForm.key = repotList.length + Math.round(Math.random()*1000);
+            repotList.push(JSON.parse(JSON.stringify(warehouseAdressForm)));
+          }
+          this.$message({
+            type: 'success',
+            message: `${warehouseAdressFormTitle}成功!`
+          });
+          this.$refs['warehouseAdressForm'].resetFields();
+          this.warehouseAdressFormVisible = false;
+        }
+      });
+    },
+    // 切换退货支持的物流公司类型
+    changeExpressLimitFlag() {
+      if(!this.formData.expressLimitFlag) {
+        this.formData.repotExpressList = [];
+      }
+    },
+    // 格式化地址
+    setAddress(arg) {
+      let townName = arg.townName || '';
+      return arg.provinceName + arg.cityName + arg.countyName + townName + arg.addr;
+    },
+    // 获取退货物流
+    getCompanyList() {
+      getLgCompanyList()
+        .then(({ code, data, message }) => {
+          console.log(data);
+          if (code == '000000') {
+            this.cpmList = data;
+          } else {
+            this.$toast(message);
+          }
+        })
+        .catch(() => {});
+    },
+    // 数据A- Z排序
+    componentSort() {
+      if (this.cpmList.length == 0) return;
+      if (!String.prototype.localeCompare) return null;
+      var letters = 'ABCDEFGHJKLMNOPQRSTWXYZ'.split('');
+      var segs = []; // 存放数据
+      let curr;
+
+      letters.filter((items, i) => {
+        curr = {
+          key: i,
+          initial: '', //字母
+          data: [] //数据
+        };
+        this.cpmList.map(v => {
+          if (v.no_char.toUpperCase() == items) {
+            curr.data.push(v);
+          }
+        });
+
+        if (curr.data.length) {
+          curr.initial = items;
+          segs.push(curr);
+          curr.data = curr.data.sort((a, b) => {
+            return a.no_char.localeCompare(b.no_char);
+          });
+        }
+      });
+      return Array.from(new Set(segs));
+    },
+    handleTabName() {
+      const {query} = this.$route;
+      storejs.set('store_info', this.formData);
+      const s = {...query, currentTab: this.activeTabName};
+      vm.$router.push({ path: "create-shop", query: s});
+    },
+    nextStepFirst(v) {
+      const {query} = this.$route;
+      storejs.set('store_info', this.formData);
+      this.activeTabName = v;
+      const s = {...query, currentTab: this.activeTabName};
+      vm.$router.push({ path: "create-shop", query: s});
+    },
+    handleRegionChange(v) {
+      const checkedNodes = this.$refs['regionCascader'].getCheckedNodes()[0];
+      const n = [];
+      checkedNodes.pathNodes.map(i => {
+         n.push({label: i.label, value: i.value});
+      });
+      // countyId provinceId townId cityId
+      this.formData.orgRegionValue = n;
+      this.formData.certifyReq.provinceId = v[0] || '';
+      this.formData.certifyReq.cityId = v[1] || '';
+      this.formData.certifyReq.countyId = v[2] || '';
+      this.formData.certifyReq.townId = v[3] || '';
+    },
+    setMoreOption(data, type) {
+      let option = [];
+      for (let i = 0; i < data.length; i++) {
+        let obj = data[i];
+        if (type == "cities") {
+          obj.label = data[i].cityName;
+          obj.value = data[i].cityId;
+        } else if (type == "counties") {
+          obj.label = data[i].countyName;
+          obj.value = data[i].countyId;
+          // obj.leaf = true;
+        } else if (type == "towns") {
+          obj.label = data[i].townName;
+          obj.value = data[i].townId;
+          obj.leaf = true;
+        }
+        option.push(obj);
+      }
+      return option;
+    },
+    OCRStore () {},
+    // 企业执照OCR上传后的回调处理
+    licenseFileHandle(file) {
+      OCRStore(file).then((res) => {
+          const { code, data } = res;
+          if (code === '000000') {
+            console.log('res----', data.ocrCardDto);
+            const {wordsResult} = data.ocrCardDto;
+            if(wordsResult) {
+              const {creditCode, establishmentDate, orgName, validDate} = wordsResult;
+              vm.formData.certifyReq.orgName = orgName;
+              vm.formData.certifyReq.creditCode = creditCode;
+              console.log('-establishmentDate', establishmentDate, validDate);
+            }
+          } else {
+            console.log(res);
+          }
+      });
+    },
+    // 身份证正面/反面OCR上传后的回调处理
+    idCardFileHandle(file, type) {
+      file['cardSide'] = type;
+      console.log('---cardSide', file);
+      idCardOcr(file).then((res) => {
+        try {
+          const { code, data } = res;
+          if (code === '000000') {
+
+            console.log(data);
+          } else {
+            console.log(res);
+          }
+        } catch (e) {
+          console.log(e);
+        }
+      });
+    },
+    clearRepeat (arr,key) {
+      const m = new Map();
+      arr.map(item => {
+        m.set(item[key], item)
+      })
+      return [...m.values()];
+    },
+    certifyValidDtoList (v) {
+      const l = vm.formData.certifyValidDtoList || [];
+      return l.filter(i => {return i.infoType == v;})[0] || '';
+    },
+  },
+  filters: {
+    verifyStatus: function(value){
+      if (!value && value != 0) {
+        return "-";
+      } else {
+        let hash = {
+          1: "审核通过",
+          2: "审核中",
+          3: "审核不通过"
+        };
+        return hash[value];
+      }
+    }
   },
 };
 </script>
@@ -1308,6 +2770,12 @@ export default {
         font-size: 13px;
         color: #449284;
       }
+      .verify-status{
+        padding: 5px;
+        border: 1px solid;
+        text-align: center;
+        border-radius: 5px;
+      }
     }
   }
   .el-button--text {
@@ -1331,13 +2799,12 @@ export default {
       }
     }
   }
-}
-.required-label .el-form-item__label::before {
+  .required-label .el-form-item__label::before {
     content: "*";
     color: #f56c6c;
     margin-right: 4px;
-}
-.basic-item-icon {
+  }
+  .basic-item-icon {
     position: relative;
 
     .require {
@@ -1354,20 +2821,20 @@ export default {
       font-size: 12px;
       color: #f56c6c;
     }
-}
+  }
 
-.word-num {
+  .word-num {
     font-size: 12px;
     color: #999;
     padding-top: 5px;
-}
+  }
 
-.line {
+  .line {
     margin-left: 10px;
     width: 20px;
-}
+  }
 
-.flex-upload {
+  .flex-upload {
     width: 120px;
     text-align: center;
     .tips {
@@ -1375,10 +2842,10 @@ export default {
       color: #8c8c8c;
       line-height: 24px;
     }
-}
-.bg-uploader {
+  }
+  .bg-uploader {
     position: relative;
-  /*margin-right: 20px;*/
+    margin-right: 20px;
     .bg-img {
       float: left;
       width: 84px;
@@ -1386,20 +2853,17 @@ export default {
     }
     .img-delete {
       position: absolute;
-    left: 0px;
+      left: 60px;
       top: 0px;
-    width: 84px;
-    height: 100px;
+      width: 20px;
+      height: 20px;
       background: #000;
       opacity: 0.7;
       z-index: 999;
-    &.add-left-18 {
-      left: 18px;
-    }
       i {
+        position: relative;
+        top: -10px;
         color: #fff;
-      margin-top: 39px;
-      margin-left: 0px;
       }
     }
     .limit-text {
@@ -1413,22 +2877,105 @@ export default {
         text-align: left;
       }
     }
-}
-.el-upload__tip {
+  }
+  .el-upload__tip {
     position: absolute;
     top: -6px;
     left: 130px;
-}
-.span-mt-10 {
+  }
+  .span-mt-10 {
     .edit-img {
       width: 20px;
       margin-top: 10px;
     }
-}
-.p-tips {
+  }
+  .p-tips {
+    display: inline-block;
     font-size: 13px;
     color: #8c8c8c;
     line-height: 26px;
     margin-bottom: 15px;
+  }
+  .warehouseAdress-wrap {
+    .warehouseAdress-tip {
+      font-size: 13px;
+      color: #8c8c8c;
+    }
+    .warehouseAdress-add {
+      color: #449284;
+      border-color: #449284;
+    }
+    .warehouseAdress-list {
+      display: block;
+      margin-top: 20px;
+      border: 1px solid #DCDFE6;
+      padding: 10px;
+      border-radius: 4px;
+      height: 114px;
+      width: 900px;
+      overflow-y: scroll;
+      &::-webkit-scrollbar {
+        height: 2px;
+        width: 4px;
+        background-color: #ddd;
+      }
+      .warehouseAdress-item {
+        display: flex;
+        width: 100%;
+        margin-bottom: 20px;
+        position: relative;
+        &:last-of-type {
+          margin-bottom: 0;
+        }
+      }
+      .el-radio__label {
+        display: flex;
+        flex: 1;
+      }
+      .warehouseAdress-main {
+        flex: 1;
+        padding-right: 60px;
+      }
+      .warehouseAdress-msg {
+        color: #606266;
+        margin: 0 10px;
+      }
+      .warehouseAdress-do {
+        position: sticky;
+        right: -10px;
+        color: #449284;
+        background: #fff;
+        padding: 0 10px 0 10px;
+        width: 100px;
+      }
+    }
+  }
+  .warehouseAdress-input {
+    width: 500px;
+  }
+  .img-data{
+    width: 100%;
+    max-width: 1200px;
+    display: flex;
+    justify-content: space-between;
+  }
+  .flex-wrap{
+    display: flex;
+  }
+  .line-section{
+    height: 1px;
+    display: block;
+    width: 100%;
+    padding: 30px 0px;
+    border-bottom: 1px solid #C7C8C9;
+  }
+  .red{
+    color: #FF4B33;
+  }
+  .regionCascader{
+     input::-webkit-input-placeholder{
+       color: #606266;
+     }
+   }
 }
 </style>

src/views/shop/shop-list.vue

@@ -65,6 +65,22 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="6">
+            <el-form-item label="店铺状态">
+              <el-select
+                v-model="searchForm.certifyStatus"
+                placeholder="请选择"
+                size="small"
+                clearable>
+                <el-option
+                  v-for="item in storeTypeList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
           <el-col :span="6" style="text-align: right">
             <el-button type="primary" size="small" @click="searchList">查询</el-button>
             <el-button type="default" size="small" @click="resetForm" style="margin-left:0;">重置</el-button>
@@ -93,6 +109,22 @@
             <span>{{ scope.row.tradeStore.storeType | storeTypeFormat}}</span>
           </template>
         </el-table-column>
+        <el-table-column prop="storeType" label="审核状态" min-width="100" align="center">
+          <template slot-scope="scope">
+            <span :class="scope.row.tradeStore.certifyStatus == 3 ? 'red' : 'green'">
+              {{ scope.row.tradeStore.certifyStatus | storeStatusFormat}}
+            </span>
+            <el-popover
+              placement="top-start"
+              title="标题"
+              width="200"
+              trigger="hover"
+              :content="certificateInfoRespContent(scope.row.certificateInfoResp)">
+              <i v-if="scope.row.tradeStore.certifyStatus == 3"  slot="reference" class="el-icon-warning-outline red"></i>
+            </el-popover>
+
+          </template>
+        </el-table-column>
         <el-table-column prop="storeStatus" label="店铺状态" min-width="100" align="center">
           <template slot-scope="scope">
             <span>{{ scope.row.tradeStore.storeStatus | statusFormat }}</span>
@@ -135,7 +167,8 @@
           <template slot-scope="scope">
             <div>
               <el-button v-if="scope.row.tradeStore.commissionFlag == 2" @click="setPrice(scope.row, false)" type="text" size="small">设置分佣</el-button>
-              <el-button @click="editShop(scope.row)" type="text" size="small">{{scope.row.tradeStore.storeType == 3 ? '查看' : '编辑'}}</el-button>
+              <el-button v-if="scope.row.tradeStore.storeStatus <= 2" @click="editShop(scope.row, 'true')" type="text" size="small">{{scope.row.tradeStore.storeStatus <= 2 ? '查看' : ''}}</el-button>
+              <el-button v-if="scope.row.tradeStore.storeType != 3" @click="editShop(scope.row, 'false')" type="text" size="small">编辑</el-button>
               <el-button @click="shopManage(scope.row)" type="text" size="small">商品管理</el-button>
               <el-button @click="orderManage(scope.row)" type="text" size="small">订单管理</el-button>
               <el-button v-if="scope.row.tradeStore.commissionFlag == 2" @click="setFreight(scope.row)" type="text" size="small">运费配置</el-button>
@@ -209,8 +242,6 @@
                 <el-button type="primary" @click="confirmSetPrice">确 定</el-button>
             </span>
       </el-dialog>
-
-
     </div>
   </div>
 </template>
@@ -237,21 +268,12 @@
           id: null,
           type: null,
           commissionType: 0,
-          proxyCommissionType:0
+          proxyCommissionType:0,
+          certifyStatus:null
         },
         canAdd: false,
         totalRows: 0,
         tableData: [
-        //   {
-        //   tradeStore: {
-        //     id: 12,
-        //     storeName: '康爱多',
-        //     storeType: 1,
-        //     storeStatus: 0,
-        //     count: 2,
-        //     createdTime: ''
-        //   }
-        // }
         ],
         typeList: [
           {
@@ -279,15 +301,30 @@
             value: 2,
             label: "固定分佣"
           }],
+        storeTypeList: [
+          {
+            value: 1,
+            label: "未认证"
+          },
+          {
+            value: 2,
+            label: "认证提交中"
+          },
+          {
+            value: 3,
+            label: "认证通过"
+          },
+           {
+            value: 4,
+            label: "审核失败"
+          },
+           {
+            value: 5,
+            label: "作废"
+          },
+          ],
         setPriceVisible: false,
         setPriceForm:{
-          // commissionType: 1,
-          // commissionPrice: '',
-          // commissionPrice1: '',
-          // commissionPrice2: '',
-          // storeId: '',
-          // goodsId: '',
-          // maxPrice: ''
           adminCommissionGoodsRespList:[],
           commission:{
             commissionKind: "",
@@ -311,9 +348,6 @@
           },
         },
         setPriceRules: {
-          // commissionType: [
-          //   {required: true, message: "请选择分佣方式", trigger: 'blur'}
-          // ]
         },
       }
     },
@@ -376,9 +410,8 @@
       },
       //新建店铺
       createShop() {
-        this.$router.push({
-          path: `/create-shop`
-        })
+        let l = `${location.origin}#/create-shop?disabled=false`;
+        window.open(l);
       },
       //店铺管理
       shopManage(row) {
@@ -386,18 +419,11 @@
           path: '/goods-manage',
           query: {
             storeId: row.tradeStore.id,
-            commissionFlag:row.tradeStore.commissionFlag
+            commissionFlag:row.tradeStore.commissionFlag,
+            storeType:row.tradeStore.storeType  //  1: "供货商",2: "小药房",3: "医生小店"
           }
         });
         window.open(routeData.href, '_blank');
-
-        // this.$router.push({
-        //   path: '/goods-manage',
-        //   query: {
-        //     storeId: row.tradeStore.id,
-        //     commissionFlag:row.tradeStore.commissionFlag
-        //   }
-        // })
       },
       orderManage(row) {
         let routeData = this.$router.resolve({
@@ -407,22 +433,11 @@
           }
         });
         window.open(routeData.href, '_blank');
-        // this.$router.push({
-        //   path: '/order-manage',
-        //   query: {
-        //     storeId: row.tradeStore.id,
-        //   }
-        // })
       },
       //编辑
-      editShop(row) {
-        this.$router.push({
-          path: `/create-shop`,
-          query:{
-            storeId: row.tradeStore.id,
-            storeData: JSON.stringify(row),
-          }
-        })
+      editShop(row, disabled) {
+        let l = `${location.origin}#/create-shop?storeId=${row.tradeStore.id}&disabled=${disabled}&certifyStatus=${row.tradeStore.certifyStatus}`;
+        window.open(l);
       },
       handleSizeChange(val) {
         this.searchForm.pageSize = val;
@@ -494,52 +509,6 @@
           });
           return;
         }
-
-        // for(let i = 0; i < this.setPriceForm.adminCommissionGoodsRespList.length; i++){
-        //   if(this.setPriceForm.adminCommissionGoodsRespList[i].commissionKind == 1
-        //     && (this.setPriceForm.adminCommissionGoodsRespList[i].commissionType == null || this.setPriceForm.adminCommissionGoodsRespList[i].commissionType == "")){
-        //
-        //       this.$message({
-        //         message: '请选择分佣方式',
-        //         type: "warning"
-        //       });
-        //       return;
-        //   }
-        //
-        //   if(this.setPriceForm.adminCommissionGoodsRespList[i].commissionKind == 1
-        //     && this.setPriceForm.adminCommissionGoodsRespList[i].commissionType == 1 && this.setPriceForm.adminCommissionGoodsRespList[i].commissionPrice1 == undefined ){
-        //     this.$message({
-        //       message: '请输入按比例分佣',
-        //       type: "warning"
-        //     });
-        //     return;
-        //   }
-        //   else if(this.setPriceForm.adminCommissionGoodsRespList[i].commissionKind == 1
-        //     && this.setPriceForm.adminCommissionGoodsRespList[i].commissionType == 1 && this.setPriceForm.adminCommissionGoodsRespList[i].commissionPrice1 > 100){
-        //     this.$message({
-        //       message: '请输入按比例分佣0-100',
-        //       type: "warning"
-        //     });
-        //     return;
-        //   }
-        //   if(this.setPriceForm.adminCommissionGoodsRespList[i].commissionKind == 1
-        //     && this.setPriceForm.adminCommissionGoodsRespList[i].commissionType == 2 && this.setPriceForm.adminCommissionGoodsRespList[i].commissionPrice2 == undefined ){
-        //     this.$message({
-        //       message: '请输入固定分佣金额',
-        //       type: "warning"
-        //     });
-        //     return;
-        //   }
-        //
-        //   if(this.setPriceForm.adminCommissionGoodsRespList[i].commissionType == 1){
-        //     this.setPriceForm.adminCommissionGoodsRespList[i].commissionPrice = this.setPriceForm.adminCommissionGoodsRespList[i].commissionPrice1 * 100;
-        //   }
-        //   else if(this.setPriceForm.adminCommissionGoodsRespList[i].commissionType == 2){
-        //     this.setPriceForm.adminCommissionGoodsRespList[i].commissionPrice = this.setPriceForm.adminCommissionGoodsRespList[i].commissionPrice2 * 100;
-        //   }
-        //
-        // }
-
         let timeoutId = null
         timeoutId && clearTimeout(timeoutId)
         timeoutId = setTimeout(() => {
@@ -566,13 +535,6 @@
         }
         vm.setPriceForm.adminCommissionGoodsRespList[0] = vm.setPriceForm.commission;
         vm.setPriceForm.adminCommissionGoodsRespList[1] = vm.setPriceForm.proxyCommission;
-            // if(vm.setPriceForm.commissionType == 1){
-            //   vm.setPriceForm.commissionPriceStr = vm.setPriceForm.commissionPrice1;
-            // }
-            // else if(vm.setPriceForm.commissionType == 2){
-            //   vm.setPriceForm.commissionPriceStr = vm.setPriceForm.commissionPrice2;
-            // }
-            // vm.setPriceForm.commissionPrice = vm.setPriceForm.commissionPriceStr * 100;
             vm.POST('/store/commission/admin/store/save', vm.setPriceForm.adminCommissionGoodsRespList).then(res => {
               vm.loading = false
               // closeLoading(this);
@@ -688,26 +650,7 @@
             storeId: row.tradeStore.id,
           };
         }
-
-
-        // this.batchUpdatePriceFlag = batchUpdatePriceFlag;
-        // this.setPriceForm.storeId = row.tradeStore.id;
-        // this.setPriceForm.goodsId = row.tradeStore.goodsId;
-        // this.setPriceForm.commissionType = "";
-        // this.setPriceForm.commissionPrice1 = undefined;
-        // this.setPriceForm.commissionPrice2 = undefined;
-        // this.setPriceForm.commissionType = row.tradeStore.commissionType;
-        // if(this.setPriceForm.commissionType == 1){
-        //   this.setPriceForm.commissionPrice1 = row.tradeStore.commissionPrice/100;
-        // }
-        // else if(this.setPriceForm.commissionType == 2){
-        //   this.setPriceForm.commissionPrice2 = row.tradeStore.commissionPrice/100;
-        // }
         this.setPriceVisible = true;
-        // if(this.$refs.setPriceForm) {
-        //   this.$refs.setPriceForm.resetFields()
-        // }
-        // this.getProfit(row);
       },
       // 运费配置
       setFreight(row) {
@@ -720,6 +663,17 @@
         });
         window.open(routeData.href, '_blank');
       },
+      certificateInfoRespContent (c) {
+        let v ='';
+        if( c && c.length > 0) {
+            c.map( (i, j)=> {
+              if(j <= 3){
+                v = v + i.refuseContent;
+              }
+            });
+        }
+        return v;
+      }
 
     },
     filters: {
@@ -768,6 +722,27 @@
           return value;
         }
       },
+      storeStatusFormat(v) {
+        let s = '';
+        switch (v) {
+          case 1:
+            s = '未认证'
+            break;
+          case 2:
+            s = '待审核'
+            break;
+          case 3:
+            s = '审核成功'
+            break;
+          case 4:
+            s = '审核失败'
+            break;
+          default:
+            s ='审核通过'
+            break;
+        }
+        return s;
+      }
     },
   }
 </script>
@@ -804,5 +779,11 @@
         }
       }
     }
+    .red{
+      color: #FF4B33;
+    }
+    .green{
+      color: #449284;
+    }
   }
 </style>