<el-selectv-model="searchForm.ProductType"filterable clearable placeholder="请选择">
  <el-optionv-for="(item, key) in typeList":key="key":label="item.value":value="item.key"
  />
</el-select>

<my-dictdatav-model="searchForm.ProductType"type-name="商品类型" />

import myDictdata from '@/components/Common/my-dictdata'exportdefault{

  components: { myDictdata },

<template>
  <el-selectv-model="svalue"filterable clearable placeholder="请选择">
    <el-optionv-for="(item, index) in dictItems":key="index":label="item.Text":value="item.Value"
    >
      <spanstyle="float: left;color:yello;">
        <iclass="el-icon-tickets"style="color:blue;" />{{ item.Text }}</span>
    </el-option>
  </el-select>
</template>

<myTree:data="treedata"icon-class="el-icon-price-tag"@nodeClick="nodeClick" />

    getTree() { //树列表数据获取
      var param ={

        SkipCount:0,

        MaxResultCount:1000,

        Tag:'web' //Web端专用
}

      menu.GetAll(param).then(data=>{this.treedata = [];//树列表清空
        var list =data.result.itemsif(list) {
          //使用getJsonTree函数，实现对二维表转换为嵌套树对象集合
          var newTreedata =getJsonTree(list, {

            id:'id',

            pid:'pid',

            children:'children',

            label:'name'});
          this.treedata =newTreedata

        }

      });

    },

<el-dialogtitle="查看信息":visible="isView":modal-append-to-body="false"@close="closeDialog">
  <el-col>
    <el-tabsvalue="basicPage"type="border-card">
      <el-tab-panename="basicPage"label="基本信息">
        <el-formref="viewForm":model="viewForm"label-width="120px">
          <el-form-itemlabel="角色名">
            <el-inputv-model="viewForm.name"disabled/>
          </el-form-item>
          <el-form-itemlabel="角色显示名">
            <el-inputv-model="viewForm.displayName"disabled/>
          </el-form-item>
          <el-form-itemlabel="角色描述">
            <el-inputv-model="viewForm.description"type="textarea"disabled/>
          </el-form-item>
        </el-form>
      </el-tab-pane>

      <el-tab-panename="permitPage"label="权限">
        <rolefunctionref="rolefunction":role-id="selectRoleId" />
      </el-tab-pane>

      <el-tab-panename="userPage"label="用户">
        <roleuserref="roleuser":role-id="selectRoleId":can-add="false":can-delete="false" />
      </el-tab-pane>

      <el-tab-panename="menuPage"label="菜单">
        <rolemenuref="rolemenu":role-id="selectRoleId" />
      </el-tab-pane>
    </el-tabs>
  </el-col>
  <divslot="footer"class="dialog-footer">
    <el-buttontype="success"@click="closeDialog">关闭</el-button>
  </div>
</el-dialog>

        private void btnAddImageSign_Click(objectsender, EventArgs e)

        {string signPdf = Path.Combine(System.AppDomain.CurrentDomain.BaseDirectory, "Examples/PdfDemo/TestSign2.pdf");string signImage = Path.Combine(System.AppDomain.CurrentDomain.BaseDirectory, "Examples/PdfDemo/印章.png");



            PdfDocument doc= newPdfDocument();

            doc.LoadFromFile(signPdf);//每页都添加印章
            foreach (PdfPageBase page indoc.Pages)

            {

                PdfRubberStampAnnotation loStamp= new PdfRubberStampAnnotation(new RectangleF(new PointF(400, 600), new SizeF(120, 120)));

                PdfAppearance loApprearance= newPdfAppearance(loStamp);

                PdfImage image=PdfImage.FromFile(signImage);



                PdfTemplate template= new PdfTemplate(160, 160);

                template.Graphics.DrawImage(image,0, 0);

                loApprearance.Normal=template;

                loStamp.Appearance=loApprearance;



                page.AnnotationsWidget.Add(loStamp);

            }//保存文档
            var fileSave = FileDialogHelper.SavePdf("ImageStamp.pdf", System.AppDomain.CurrentDomain.BaseDirectory);if(!string.IsNullOrEmpty(fileSave))

            {

                doc.SaveToFile(fileSave);

                Process.Start(fileSave);

            }

        }

npm install element-china-area-data -S

import { provinceAndCityData, regionData, rovinceAndCityDataPlus, regionDataPlus,  CodeToText, TextToCode } from 'element-china-area-data';

    <divclass="three">
      <spanclass="imp">3. 三级联动（不带“全部”选项）</span>
      <el-cascaderv-model="selectedOptions2"class="long"size="large":options="regionData"@change="handleChange"
      />
    </div>

    <divclass="bind">
      <div>绑定值：{{ selectedOptions2 }}</div>
      <div>区域码转汉字：{{ CodeToText[selectedOptions2[0]] }},{{ CodeToText[selectedOptions2[1]] }},{{ CodeToText[selectedOptions2[2]] }}</div>
      <div>汉字转区域码：{{ convertTextToCode(CodeToText[selectedOptions2[0]], CodeToText[selectedOptions2[1]], CodeToText[selectedOptions2[2]]) }}</div>
    </div>

selectedOptions2: ['120000', '120100', '120101'],

<template>
  <divid="app">
    <el-cascadersize="large":options="options"v-model="selectedOptions"@change="handleChange">
    </el-cascader>
  </div>
</template>

<script>import { regionDataPlus } from'element-china-area-data'exportdefault{

    data () {return{

        options: regionDataPlus,

        selectedOptions: []

      }

    },



    methods: {

      handleChange (value) {

        console.log(value)

      }

    }

  }</script>

  <h3>常规表单下拉选择元素模式</h3>
  <p>Regular form element with select tag</p>
  <v-region:town="true"></v-region>

   <spanclass="imp">基于v-region控件省市区街道选择组件</span>
    <divclass="vregion">
      <h3>常规表单下拉选择元素模式</h3>
      <v-regionv-model="selectedRegion":town="true"@values="regionChange" />
      <br><br>

      <h3>多分组切换模式</h3>
      <v-regionv-model="modelGroup":town="true"type="group"@values="regionChange"
      />

      <br><br><br>
      <h3>多列竖排模式</h3>
      <p>Column group</p>
      <v-regiontype="column"@values="regionChange" />

      <br><br><br>
      <h3>城市选择器</h3>
      <p>City picker</p>
      <v-regiontype="city":city-picker="true"@values="regionChange" />
    </div>

selectedRegion: {

        province:'350000',

        city:'350100',

        area:'350104',

        town:'350104008'}

selectedRegion: { province: '440000', city: '440100', area: '440666666', town: '440666666010' },

    //修改编辑窗体的省市区街道
changeEditRegion(data) {

      console.log(data)if(data) {this.editForm.province = data.province ? data.province.key : '';this.editForm.city = data.city ? data.city.key : '';this.editForm.district = data.area ? data.area.key : '';this.editForm.street = data.town ? data.town.key : '';//console.log(this.editForm)
}

    },

<!--用来演示联动的案例-->
<template>
  <divclass="flex-container">
    <divclass="flex-item">
      <label>省</label>
      <el-selectv-model="provinceValue"placeholder="请选择省"@change="chooseProvince">
        <el-optionv-for="item in provinceData":key="item.id":label="item.provinceName":value="item.id"
        />
      </el-select>
    </div>
    <divclass="flex-item">
      <label>市</label>
      <el-selectv-model="cityValue"placeholder="请选择市"@change="chooseCity">
        <el-optionv-for="item in cityData":key="item.id":label="item.cityName":value="item.id"
        />
      </el-select>
    </div>
    <divclass="flex-item">
      <label>区、县</label>
      <el-selectv-model="areaValue"placeholder="请选择区、县"@change="chooseArea">
        <el-optionv-for="item in areaData":key="item.id":label="item.districtName":value="item.id"
        />
      </el-select>
    </div>
  </div>
</template>

<script>
//导入Axios的HTTP请求处理封装类
import { Province, City, District } from'@/api/city'exportdefault{

  data() {return{

      provinceValue:'',

      cityValue:'',

      areaValue:'',



      provinceData: [],

      cityData: [],

      areaData: []

    }

  },

  created() {

    Province.GetAll().then(res=>{if(res.result) {this.provinceData=res.result.items//console.log(res.result);
}

    }).catch(e=>{this.$message.error('网络连接超时');

    })

  },

  methods: {

    chooseProvince(value) {this.cityValue= '';this.areaValue= '';this.cityData=[];this.areaData=[];vardata={ ProvinceID: value };

      City.GetAll(data).then(res=>{if(res.result) {this.cityData=res.result.items

        }

      }).catch(e=>{this.$message.error('网络连接超时');

      })

    },

    chooseCity(value) {this.areaValue= '';vardata={ CityID: value };

      District.GetAll(data).then(res=>{if(res.result) {this.areaData=res.result.items

        }

      }).catch(e=>{this.$message.error('网络连接超时');

      })

    },

    chooseArea() {



    }

  }

}</script>

<style>.flex-container{display:flex;flex-flow:row wrap;justify-content:space-around;padding:0;margin:0;list-style:none;
}.flex-item{padding:5px;height:auto;color:tomato;font-weight:bold;text-align:center;
}
</style>

Vue.prototype.getToken = function(){

  ...

}

this.getToken();

//导入一些全局函数
import prototype from './prototype'Vue.use(prototype)

export functionuppercaseFirst(string) {return string.charAt(0).toUpperCase() + string.slice(1)

}

//导入自定义全局过滤器
import * as filters from './filters'
//注册全局过滤器
Object.keys(filters).forEach(key =>{

  Vue.filter(key, filters[key])

})

//导入第三方常见过滤器，介绍参考https://github.com/freearhey/vue2-filters
import Vue2Filters from 'vue2-filters'Vue.use(Vue2Filters)

//导入常见的组件，进行注册
import common from './components/Common/plugin'Vue.use(common)

    /// <summary>
    ///上传附件信息，应用层服务接口实现/// </summary>
[AbpAuthorize]public class FileUploadAppService : MyAsyncServiceBase<FileUpload, FileUploadDto, string, FileUploadPagedDto, CreateFileUploadDto, FileUploadDto>, IFileUploadAppService

    {private AppConfig config = newAppConfig();private readonly IRepository<FileUpload, string> _repository;//业务对象仓储对象
        private readonly IRepository<User, long> _userRepository;//用户信息仓储对象
        private IHttpContextAccessor _httpContext;//上下文对象

        public FileUploadAppService(IRepository<FileUpload, string> repository, IRepository<User, long> userRepository, IHttpContextAccessor httpContext) : base(repository)

        {

            _repository=repository;

            _userRepository=userRepository;

            _httpContext=httpContext;

        }

            <el-form-itemlabel="封面图片">
              <el-uploadref="upload"action="/abp/services/app/FileUpload/PostUpload"list-type="picture-card":on-preview="handlePictureCardPreview":on-remove="handleRemove":on-success="onSuccess":on-error="onError"accept="image/jpeg,image/gif,image/png,image/bmp":headers="myHeaders":file-list="editForm.fileList"
              >
                <iclass="el-icon-plus" />
              </el-upload>
              <el-dialog:visible.sync="dialogVisible">
                <imgwidth="100%":src="dialogImageUrl"alt="">
              </el-dialog>
            </el-form-item> 

<el-row>
  <el-col:span="24">
    <el-form-itemlabel="图片"prop="picture">
      <ele-upload-imagev-model="editForm.picture":is-show-tip="false":size="100"action="/abp/services/app/FileUpload/PostUpload"title="封面图片":headers="myHeaders":data="{guid:editForm.id, folder:'用户图片'}":crop="true"
      />
    </el-form-item>
  </el-col>
  <el-col:span="24">
    <el-form-itemlabel="资料文档"prop="attachGUID">
      <ele-upload-filev-model="editForm.attachGUID_files":response-fn="handleAttachResponse"action="/abp/services/app/FileUpload/PostUpload":headers="myHeaders":data="{guid:editForm.attachGUID, folder:'用户图片'}":before-remove="beforeRemoveAttach"
      />
    </el-form-item>
  </el-col>

//获取附件文件列表
param = { guid: this.editForm.attachGUID }

fileupload.GetByAttachGUID(param).then(data=>{if(data.result) {this.editForm.attachGUID_files =[...data.result]

  }

})

  myHeaders: { Authorization: 'Bearer ' + getToken() }, //用于上传文件的身份认证

    beforeRemoveAttach(file, fileList) { //移除附件图片
      //服务端删除文件
      var param = { guid: this.editForm.attachGUID, index: fileList.indexOf(file) }

      fileupload.RemoveAttach(param).then(data=>{

        console.log(data.result)

      })

    },